SVG إلى PNG — حين تحتاج إلى البكسلات فعلًا (ومتى لا ينبغي)

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

هذا هو سبب وجود مهمّة تحويل SVG إلى PNG. لا لأن PNG أفضل — فهي غالبًا ليست كذلك — بل لأن جزءًا كبيرًا من العالم لا يقرأ سوى البكسلات.

المتّجه والنقطي، بسرعة

صيغة SVG ليست صورة، بل مجموعة تعليمات — ارسم دائرة هنا، وهذا المسار هناك، واملأه بهذا اللون. يتبع المتصفّح التعليمات ويرسمها من جديد عند أي حجم تطلبه، فتكون حادّة كالموسى عند 16 بكسل أو 16000، ويبقى الملفّ صغيرًا لأنه مجرّد رياضيات.

أما PNG فهي العكس. شبكة ثابتة من بكسلات ملوّنة، تُقرَّر مرّة واحدة، عند دقّة واحدة. كبّرها فوق حجمها الأصلي فتصير ليّنة ومكتّلة، لأنه لم يعد هناك بكسلات لرسمها — سوى تلك المدموجة أصلًا. الميزة أن كل شيء يستطيع قراءة شبكة بكسلات. إنها العملة العالمية للصور.

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

متى تحتاج فعلًا إلى PNG

ثلاث حالات أحوّل فيها إلى نقطي بلا تردّد، لأن المتّجه لن يعمل ببساطة:

البريد. عملاء البريد لا يعرضون SVG — Gmail وOutlook وApple Mail، جميعها تقريبًا ترفضه لأسباب أمنية. فشعار في توقيع بريد أو نشرة يجب أن يكون صيغة نقطية. وPNG، لأنك تريد الشفافية.

صور المعاينة الاجتماعية وOG. البطاقة الصغيرة التي تظهر حين تشارك رابطًا — صورة Open Graph — يجب أن تكون نقطية بحجم ثابت، عادةً 1200 في 630. المنصّات لن تعرض SVG هناك. وإن كان فنّك الأصلي متّجهًا، فتصدّر PNG بذلك الحجم بالضبط.

البرمجيات القديمة أو دون اتصال. كثير من تطبيقات سطح المكتب وأدوات العرض ومحرّرات المستندات ومسارات الطباعة إمّا تعجز عن استيراد SVG أو تفسده. مناولتها PNG بدقّة سخيّة تنجح ببساطة، في كل مرّة، بلا مفاجآت.

في الحالات الثلاث، العامل الحاسم واحد: الوجهة لا تستطيع فيزيائيًا قراءة المتّجه، فقابلية التمدّد لا معنى لها. صيغة تُعرض تهزم صيغة لا تُعرض، دائمًا.

الشيء الواحد الذي يجب ضبطه: الدقّة

إليك أكثر خطأ أراه، وارتكبته بنفسي مبكّرًا. لأن PNG ثابتة عند الحجم الذي تصدّرها به، عليك أن تصدّرها كبيرة بما يكفي — ومثاليًّا بالحجم الذي ستعرضها به بالضبط.

صدّر شعارًا بحجم 100 في 100 بكسل ثم اعرضه عند 300 بكسل على شاشة عالية الكثافة، فسيبدو ليّنًا ومسنّنًا. البكسلات اللازمة لملء تلك المساحة غير موجودة. والحلّ سهل: صدّر بالحجم الذي ستستعمله فعلًا، أو أكبر، خاصّةً لشاشات Retina و4K حيث تريد غالبًا ضعف الحجم الاسمي. هذه هي الميزة الحقيقية الوحيدة التي تتنازل عنها بترك المتّجه، فاصرف لحظةً في ضبط دقّة الوجهة.

متى ينبغي ألّا تحوّل إلى نقطي

إن كانت الوجهة تستطيع قراءة SVG، فأبقِ SVG. وانتهى الأمر.

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

ولا تحوّل أصلك إلى نقطي. ملفّ SVG هو مصدر الحقيقة، ويستطيع توليد PNG بأي حجم في أي وقت. أما PNG فلا تستطيع العودة في الاتجاه الآخر — لا يمكنك استرجاع مسارات متّجهة نظيفة من شبكة بكسلات. فأبقِ SVG، وعامل كل PNG كنسخة تصدير قابلة للرمي لمكان واحد بعينه. المبدأ نفسه كأي شيء آخر: حوّل النسخة التي تنشرها، واحتفظ بالأصل الذي تحرّره.

كيف أفعلها أنا فعلًا

حين أحتاج إلى بكسلات من متّجه، أستعمل محوّل SVG إلى PNG هنا. يرسم SVG داخل متصفّحك ويناولك PNG، فلا يُرفع شيء إلى أي مكان — كل هذا يحدث على جهازك. اختر حجمًا يناسب وجهتها، واحصل على PNG نظيفة والشفافية سليمة.

لكن المهارة الحقيقية ليست التحويل، بل السؤال الذي تطرحه أولًا: هل يقرأ هذا المكان المتّجه؟ إن كان الجواب نعم، فاترك SVG وشأنها وتمتّع بأحدّ الخيارات وأصغرها. وإن كان لا — بريد، أو بطاقة OG، أو تطبيق قديم عنيد — فحوّل إلى نقطي، بالحجم الصحيح، وأبقِ SVG بأمان للمرّة القادمة. أصِب هذا القرار ولن يكون لديك صندوق فارغ مكان شعارك بعد اليوم.