شعارك PNG أم SVG: كيف تختار للموقع والملصق والطباعة

الشعار نفسه قد لا يتجاوز ارتفاع 24 بكسل في شريط تنقل موقع، ثم يُضخَّم إلى عرض مترين على خلفية جناح معرض. الاختيار بين PNG وSVG يبدأ من نوع المشهد الذي سيدخله: في الويب وواجهات المنتجات تُقدَّم SVG، فالرمز مسجل مسارات يعاد رسمه عند أي قياس؛ ومداخل الرفع التي لا تقبل إلا الصور النقطية (صور الحسابات، وبعض مستندات العمل) تُسلَّم لها PNG شفافة؛ والملصقات واللوحات والمطبوعات تستخدم SVG أو ملفًا متجهيًا مصدرًا منه فلا يتشوش بالتكبير. وإن لم يكن بيدك سوى PNG فلا داعي لهدم كل شيء والبدء من جديد: تحقق أولًا من الصيغة التي يفرضها المشهد، ثم أكمل الناقص.

النقاط الرئيسية

• في الويب والواجهات والمواضع كثيرة التحجيم والتلوين استخدم SVG: الرسم مسجل مسارات يُعاد رسمه عند التكبير فلا تتشوش الحواف.
• مداخل الرفع التي لا تقبل إلا صورًا نقطية (صور حسابات التواصل، وبعض برامج العمل) تكفيها PNG شفافة، ولا تشترط على المنصة دعم SVG.
• الشعار الرسغي والخط الشعاري يستحقان ملف SVG رئيسيًا؛ أما التميمة الشبيهة بالصورة ورسومات العلامة عالية الملمس فيبقيان PNG عالية الدقة.
• ليست SVG أصغر من PNG دائمًا: الحجم رهن تعقيد الرسم، وميزان الاختيار هو الاستخدام لا حجم الملف.

ابدأ الاختيار من ثلاثة مشاهد استخدام

ثلاث مهام تسليم هي الأشيع، وتغطي تقريبًا كل وجهات ملف الشعار.

شعار التنقل في الموقع. الرموز في شريط التنقل والتذييل وواجهات الهاتف تُعرض بأحجام مختلفة على كثافات شاشة مختلفة. SVG الأنسب هنا: يرسم المتصفح المسارات لحظيًا، فيبقى الوضوح من عرض أيقونة صغيرة إلى لافتة تذييل عريضة؛ وتغيير اللون يتم مباشرة في الملف أو الشيفرة، ويصلح الملف نفسه كما هو لتسليمه إلى المصمم لمواصلة التحرير.

صور حسابات التواصل الصغيرة. مداخل رفع الصور الرمزية تقبل عادة JPG وPNG فقط، فجهّز PNG بخلفية شفافة: عند قص المنصة الصورة دائرة أو مربعًا لن تُقتطع مع الشعار كتلة بيضاء. وأحجام العرض محدودة، ووضوح الصورة النقطية كافٍ تمامًا، ولا حاجة إلى SVG في هذا المشهد.

الملصقات والمطبوعات الكبيرة. الملصقات وحوامل المعارض ولوحات الواجهات تضخّم الشعار عشرات المرات. تحل SVG المشكلة من أصلها: المسارات مستقلة عن الدقة، وحجم المخرج يقرره موضع الاستخدام. أما PNG الصغيرة فتكبيرها المباشر يُظهر ضبابية وتعرجات؛ هذا هو المشهد الذي يحتاج فعلًا ملفًا متجهيًا.

أين يظهر الفرق بين PNG وSVG

الفرق الجذري بين الصيغتين هو طريقة تسجيل الرسم. PNG شبكة بكسلات: كل نقطة تسجل لونًا، وللملف مهما كَبُر عدد بكسلات ثابت، وعند تجاوز التكبير للبكسلات الأصلية لا يملك البرنامج إلا تباعد البكسلات القائمة فيتشوش الطرف وتظهر التعرجات. أما SVG فتصف الرسم بالمسارات والأشكال: من أين يبدأ الخط، وكيف تنحني المنحنيات، وبأي لون تُملأ المناطق؛ وعند التكبير يعيد البرنامج الرسم وفق هذه الأوصاف فتبقى الحواف ملساء.

الخلفية الشفافة تدعمها الصيغتان كلتاهما، بطريقتين مختلفتين. تحفظ PNG فراغ ما حول الشعار بقناة بكسلات شفافة؛ وSVG لا «أرضية» لها أصلًا، فالرسم نفسه مجموعة مسارات. والفاصل الأكبر في التحرير اللاحق: تفتح SVG فتغيّر لونها كليًا وتعدّل نقاط الإرساء وتُفككها وتعيد تركيبها؛ وPNG لا تُعالَج إلا بكسلًا بكسل، فتغيير كتلة لونية واحدة يتطلب ترقيع منطقة في برنامج صور نقطية.

وحجم الملف يُساء فهمه كثيرًا. بالرسم البسيط تسجل SVG مسارات قليلة وتكون صغيرة غالبًا؛ وبالصورة النقطية الغنية بالتدرجات والتشويش، يفككها التحويل إلى شذاذ مسارات كثيرة وقد يفيض حجمها عن PNG الأصلية. عبارة «SVG أصغر» غير صحيحة، والصحيح «SVG الرسم البسيط صغيرة».

جدول لاختيار الصيغة بحسب المشهد

نوع المادة يقرر الاختيار أكثر مما تقرره معاملات الصيغة. توصيات بحسب ثلاثة أنواع شائعة من رسومات العلامة:

قاعدة حكم واحدة تكفي: كلما اتضحت الحواف وقلّت الكتل اللونية استحق الرسم التحويل المتجهي؛ وكلما اقتربت الصورة من الفوتوغرافية وجب بقاؤها في صيغة نقطية.

كيف تكمّل SVG إذا لم تملك إلا PNG

بعد التأكد من حاجتك إلى SVG، لا يمثل التحويل سوى جزء صغير من العمل. ارفع ملف PNG عبر تحويل الصورة إلى متجهي: تقبل الأداة PNG وJPG وWebP، ببعدين لا يقلان عن 256 بكسل، وبعد تسجيل الدخول يُحوَّل ملف واحد في المرة، ثم ينزَّل ملف SVG. ولقطات كل خطوة (رفع وفحص وتنزيل) بالمسار الكامل في درس السلسلة نفسها «كيف تحوّل PNG وJPG إلى SVG»، ولا نكرره هنا.

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

كيف تجهّز حزمة تسليم ملفات العلامة

بعد تثبيت الصيغ، رتّب الشعار مجموعة ملفات مسماة، فتسلّمها لأي طرف دون طلبات متكررة. الحزمة الدنيا النافعة هكذا:

للتسمية بادئة موحدة تليها لاحقة الغرض، وعند تغيّر النسخة حدّث رقمها ولا تنسخ باسم جديد، وإلا ظهرت في الحزمة عاجلًا آجلًا ملفات مثل logo-final-2.png إلى جانب «النسخة النهائية». ويحسن إدراج معاينتي الخلفيتين في المجلد نفسه، ليتأكد المستلِم بنظرة واحدة من صلاحية الشعار على الخلفيتين.

ملفات مرحلة الطباعة تُعامل منفصلة. حين يطلب المطبعي PDF متجهيًا أو نمط ألوان محددًا أو مقاس إخراج، تتولى هذه الملفات الإنتاجية مسارات التصميم المقابلة: SVG أصلًا، والتحويل والتصدير في برنامج التصميم، ومعايير الألوان تثبَّت مع المطبعي بندًا بندًا. مخرج أداة التحويل المتجهي ملف SVG، ولا يولّد ملفات الإنتاج الطباعي مباشرة.

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

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

ليس بالضرورة، فالحجم رهن تعقيد المحتوى. SVG بالرسم البسيط تسجل مسارات قليلة وتكون صغيرة غالبًا؛ والصورة الغنية بالتدرجات والظلال والتشويش تنتج عند تحويلها مسارات متناثرة كثيرة وقد يكبر حجمها بدلًا من أن يصغر. ميزان اختيار الصيغة هو الاستخدام وحاجة التحجيم، لا الحجم.

إذا تشوشت PNG بالتكبير، هل يجب التحويل المتجهي؟

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

ماذا لو طلب المطبعي PDF؟

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

إن لم تملك إلا PNG، فأكمل SVG أولًا

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