PDFMove
هل تحوّل PDF إلى SVG أم PNG؟ مقارنة بين المتجهات والصور النقطية
مقارنة

هل تحوّل PDF إلى SVG أم PNG؟ مقارنة بين المتجهات والصور النقطية

6 دقيقة للقراءة

ستصدّر صفحة PDF كصورة — لاستخدامها في عرض تقديمي، أو وضعها على موقع إلكتروني، أو تضمينها في بريد إلكتروني، أو تحريرها في برنامج تصميم. وأمامك ثلاثة خيارات رئيسية: SVG وPNG وJPEG. والاختيار الصحيح متوقف على محتوى الصفحة وعلى وجهة الصورة، والاختيار الخاطئ يعود عليك إما بالجودة وإما بحجم الملف.

التمييز الأساسي: متجه أم نقطي؟

SVG متجهية. فهي تحفظ الأشكال بتعريفات رياضية: «منحنى من هذه النقطة إلى تلك، وداخله معبّأ بهذا اللون». ويُعاد حسابها في كل مقياس، ومن ثم تبقى حادة مهما كبّرتها.

وPNG وJPEG نقطيتان. فهما تحفظان شبكة بكسلات ثابتة. وحين تكبّر تكبر البكسلات وتضبب الصورة.

وهذا التمييز يحدد كل شيء — لكن قول «المتجه أفضل دائماً» خطأ، لأن ليس كل محتوى ملائماً للمتجهات.

جدول المقارنة

| المعيار | SVG | PNG | JPEG | |---|---|---|---| | قابلية التحجيم | بلا حدود | ثابتة | ثابتة | | ملاءمتها للصور الفوتوغرافية | سيئة | متوسطة | ممتازة | | ملاءمتها للخطوط/النص | ممتازة | جيدة | سيئة (ضبابية) | | الشفافية | نعم | نعم | لا | | قابلية التحرير | عالية | لا توجد | لا توجد | | النص قابل للتحديد | ممكن | لا | لا | | التحكم بـ CSS/JS | نعم | لا | لا | | هل هي مع فقد | لا | لا | نعم | | هل تُفتح في كل مكان | في البيئات الحديثة | نعم | نعم |

السيناريو 1: سأضع شعاراً من PDF على موقع إلكتروني

أنت تعزل الشعار من دليل الهوية المؤسسية.

الفائز: SVG، بلا جدال.

فالشعار مؤلف نمطياً من بضع مساحات مصمتة وبضعة منحنيات. وهذا في SVG ملف بضعة كيلوبايتات. أما لإظهار الشعار نفسه حاداً على شاشات Retina بصيغة PNG فيلزمك إنتاج 800×800 بكسل ويصير الملف 50–200 كيلوبايت.

ومزايا SVG الإضافية: تستطيع تغيير لونها بـ CSS (دعم الوضعين الفاتح والداكن)، وتبقى حادة تلقائياً في كل كثافة شاشة، وتستخدم ملفاً واحداً بكل المقاسات.

وعملية العزل: استخرج الصفحة التي فيها الشعار، وحوّلها إلى SVG، وافتحها في محرر متجهات واحذف كل شيء عدا الشعار، واقتصص اللوحة، وحسّنها واحفظها.

السيناريو 2: سأشارك مستنداً ممسوحاً كصورة

لديك مسح لورقة قديمة وستضعه في عرض تقديمي.

الفائز: PNG (إن كان كثيف النص) أو JPEG (إن كان فوتوغرافياً/بتدرج رمادي).

وSVG اختيار خاطئ تماماً في هذا السيناريو. فالصفحة الممسوحة بيانات بكسل أصلاً؛ وحين تحوّلها إلى SVG يضمّن المحوّل تلك الصورة داخل SVG بترميز base64. والنتيجة: البكسلات نفسها، زائد غلاف XML، زائد نحو 33% زيادة في الحجم من ترميز base64. فلا مكسب إطلاقاً بل خسارة فحسب.

والقاعدة الخشنة في سؤال PNG أم JPEG: PNG للمحتوى ذي الحواف الحادة وقليل الألوان؛ وJPEG للمحتوى المتدرج المستمر الشبيه بالصور الفوتوغرافية. فالنص الممسوح الأبيض-وأسود يكون في PNG صغيراً وحاداً معاً. والمسوح ذات التدرج الرمادي أو الملونة تصغر بوضوح في JPEG.

السيناريو 3: سأحرّر رسماً تقنياً في برنامج تصميم

وصلك مخرَج CAD بصيغة PDF وعليك تغيير الأبعاد.

الفائز: SVG.

وهذا هو السيناريو الوحيد الذي توجد فيه حاجة إلى قابلية التحرير، والصيغ النقطية لا تقدم شيئاً هنا. فحين تفتح PNG في المحرر ترى كائن صورة واحداً؛ ولا تستطيع الوصول إلى الخطوط منفردة.

وفي SVG يكون كل خط وكل دائرة وكل تعبئة عنصراً منفصلاً. فتستطيع تحديده ونقله وتغيير لونه وحذفه.

واضبط توقعك بدقة: فملفات SVG الآتية من PDF مؤلفة عادةً من عدد كبير من المجموعات المتداخلة ومسارات الاقتصاص، وبنيتها ليست نظيفة. كما أن معلومات طبقات ملف CAD وكائنات الأبعاد وبنيته البارامترية قد ضاعت — ولم يبقَ بين يديك إلا خطوط.

السيناريو 4: سأضع صفحة تقرير في عرض تقديمي

ستضع رسماً بيانياً أو جدولاً في شريحة PowerPoint.

الفائز: PNG عادةً.

فدعم برمجيات العروض لـ SVG متفاوت — فبعضها يدعمها وبعضها لا، وبعضها يدعمها لكن يصيّرها بشكل مختلف. وإن كنت ستفتح العرض على حاسوب آخر فلا تريد المخاطرة.

وPNG الاختيار الآمن. وفكّر عند اختيار الدقة في كيفية عرض التقديم: فعرض 1920 بكسل يكفي لجهاز العرض، لكن يلزم أعلى إن كان سيُطبع.

ولا تستخدم JPEG في العروض: ففي الصور المحتوية على نص وخطوط يترك ضغط JPEG حلقات ضبابية (تشوهات) حول الحواف وتبدو النتيجة غير متقنة.

السيناريو 5: سأنشر رسماً معلوماتياً على موقع إلكتروني

رسم بملء الصفحة ملوّن ويحتوي نصاً وأشكالاً.

الفائز: حسب الحالة — اختبر.

وهذا هو السيناريو الذي لا جواب واحد صحيحاً فيه. وثمة عاملان حاسمان:

مقدار النص. فإن حوّلت النص إلى منحنيات عند التحويل إلى SVG صار كل حرف شكلاً متجهياً. وفي رسم معلوماتي كثيف النص قد يرفع ذلك SVG إلى مئات الكيلوبايتات. وقد يكون الرسم نفسه أصغر بصيغة PNG.

هل توجد صورة مضمّنة. فإن وُجدت خسرت SVG — إذ تضمّن الصورة في داخلها وتنتفخ.

النهج العملي: أنتج الصيغتين، وقارن الحجمين، وافتح الاثنتين في المتصفح وانظر في الجودة البصرية. وسترى في معظم الحالات أن إحداهما تفوز بوضوح.

وإن فازت SVG جاءت معها ميزة إضافية: تبقى حادة تلقائياً على الشاشات عالية الكثافة ولا يلزمك إنتاج ملفين بدقتين مختلفتين.

السيناريو 6: صورة ستُطبع

ستطبع صفحة بجودة عالية.

الفائز: PNG (بدقة 300 نقطة/بوصة) أو PDF مباشرة.

والجواب الأفضل في الواقع: لا تحوّل إطلاقاً. فـ PDF هي أفضل صيغة للطباعة أصلاً — إذ يُطبع المحتوى المتجهي بالدقة الكاملة، وتُصان معلومات ألوان CMYK، والخطوط مضمّنة.

وإن اضطررت إلى التحويل إلى صيغة صورة فأنتج PNG بدقة 300 نقطة/بوصة. وهذا يعني لصفحة A4 نحو 2480 × 3508 بكسل ويشغل الملف عدة ميجابايتات.

ورغم أن SVG تبدو ملائمة للطباعة تقنياً، فلها ثلاثة نواقص: لا دعم لـ CMYK، ولا تعريف لهامش النزف وعلامات القص، ولا يمكن تضمين ملف ألوان. ولذلك لا تقبل المطابع SVG.

اختيار الدقة في PNG

إن اخترت PNG فالإعداد الحاسم هو الدقة:

| الاستخدام | الدقة الموصى بها | البكسلات لمقاس A4 | |---|---|---| | ويب، شاشة عادية | 96 | ~794 × 1123 | | ويب، شاشة عالية الكثافة | 192 | ~1587 × 2245 | | عرض تقديمي (جهاز عرض) | 150 | ~1240 × 1754 | | الطباعة | 300 | ~2480 × 3508 | | طباعة عالية الجودة | 600 | ~4960 × 7016 |

واختيار دقة أعلى من اللازم ينفخ الملف فحسب؛ ولا يكسب جودة لأن لملف PDF المصدر حدّ دقته الخاص (وخصوصاً في الصور التي بداخله).

خلاصة القرار

مسار بسيط:

  1. هل المصدر ممسوح؟ نعم ← PNG أو JPEG. ولا تفكّر في SVG.
  2. هل تحتاج إلى التحرير؟ نعم ← SVG، ولا خيار آخر.
  3. هل هو شعار أو أيقونة أو رسم خطي؟ نعم ← SVG.
  4. هل هو كثيف الصور الفوتوغرافية؟ نعم ← JPEG (أو WebP للويب).
  5. هل هو ذاهب إلى عرض تقديمي؟ ← PNG، من أجل التوافق.
  6. هل سيُطبع؟ ← اتركه PDF؛ وإن كان لا بد فـ PNG بدقة 300 نقطة/بوصة.
  7. محتوى مختلط وسيُنشر على الويب؟ ← أنتج الاثنين وقارن.

وتذكير أخير: كبّر الصفحة كثيراً قبل التحويل وتحقّق مما إذا كان المصدر متجهياً فعلاً. فهذا الفحص وحده يحسم نصف القرارات أعلاه.

الأسئلة الشائعة

هل SVG أصغر من PNG دائماً؟

لا، يتوقف ذلك على المحتوى. فشعار بسيط أو رسم خطي يشغل بضعة كيلوبايتات بصيغة SVG بينما قد يبلغ مئات الكيلوبايتات بصيغة PNG. لكن حين تحوّل صفحة كثيفة النص إلى منحنيات يتحول كل حرف إلى شكل متجهي وينتفخ SVG؛ وقد تكون الصفحة نفسها أصغر بصيغة PNG. أما في الصفحات ذات الصور فـ SVG تخسر دائماً لأنها تضمّن الصورة في داخلها وتضيف فوقها غلاف XML.

أي صيغة أستخدم لموقعي الإلكتروني؟

SVG للشعارات والأيقونات والرسوم الخطية والمخططات — إذ تبقى حادة في كل دقة شاشة وهي أصغر عادةً. وWebP أو JPEG للصور الفوتوغرافية وما يشبهها. وPNG أو WebP لصور الصفحات الكاملة ذات المحتوى المختلط. وإن كنت ستستخدم PNG على شاشات Retina فعليك إنتاجها بضعف الدقة؛ ولا يوجد مثل هذا العناء في SVG.

كيف تُختار الدقة في PNG؟

بحسب موضع الاستخدام. فـ 96–150 نقطة/بوصة تكفي للعرض العادي على الويب؛ وضاعفها للشاشات عالية الكثافة. وإن كانت ستُطبع فـ 300 نقطة/بوصة هي المعيار. وحين تجعل صفحة A4 ملف PNG بدقة 300 نقطة/بوصة تحصل على نحو 2480 × 3508 بكسل وقد يشغل الملف عدة ميجابايتات. والدقة الأعلى من اللازم تنفخ الملف فحسب.

إلى أي صيغة أحوّل ملف PDF ممسوحاً؟

PNG أو JPEG. فالصفحة الممسوحة بيانات بكسل أصلاً؛ وتحويلها إلى SVG لا يكسبك متجهات، بل يضع الصورة نفسها داخل غلاف XML ويضخّم الملف. وتعطي PNG عادةً ملفاً أصغر للمسوح الأبيض-وأسود كثيفة النص، وJPEG للمسوح الفوتوغرافية وذات التدرج الرمادي.

جرّب ذلك الآن باستخدام PDF → SVG.

جرّب PDF → SVG