محوّل SVG إلى PNG

لماذا التحويل أصلًا

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

اختيار الحجم

بخلاف الصورة الفوتوغرافية، لا حجم بكسلات ثابتًا لملف SVG، فأنت تقرر كم تكون الصورة كبيرة. وهناك ثلاث طرق:

• إعداد مسبق: أطول ضلع بـ512 أو 1024 أو 2048 (الافتراضي) أو 3840 أو 7680 أو 8192 بكسل.
• المقياس: من 1 إلى 8 أضعاف الحجم المكتوب في SVG نفسه، وهذا مفيد حين يكون SVG مرسومًا بالحجم الذي سيُعرض به.
• مخصص: أي ضلع أطول من 16 إلى 8192 بكسل. ويتبع الضلع الآخر تناسب SVG.

للشاشة، ارسم بضعف الحجم الذي ستُعرض به، لتبقى حادة على الشاشات عالية الدقة: شعار يُعرض بعرض 200 بكسل يحتاج 400. وللطباعة، اضرب عرض الطباعة بالبوصة في 300. والأكبر لا يكون أبدًا أحد مما تسمح به الأشكال، بل أكبر فقط.

الخلفية والصيغة

يحتفظ PNG وWebP بالمناطق الشفافة في SVG، فيمكن أن يجلس الشعار على أي لون. أما JPG فلا يمكن أن يكون شفافًا، فتُملأ الخلفية بالأبيض ما لم تختر لونًا آخر؛ اختر لون المكان الذي ستذهب إليه الصورة. والخلفية المملوءة تساعد أيضًا على المنصات التي تعرض الشفافية بالأسود.

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

الخطوط والصور المرتبطة

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

إذا حدث خطأ

• النص يبدو مختلفًا. كان الخط مرتبطًا أو غير مثبّت. حوّل النص إلى حدود خارجية في برنامج التصميم.
• جزء من الصورة مفقود. كان صورة مرتبطة أو ميزة لا يرسمها المتصفح. ضمّن الصورة في SVG.
• يقول إن الحجم كبير جدًا. تحد المتصفحات حجم الصورة. اختر حجمًا أصغر؛ الحد هنا 8192 بكسل.
• الحواف تبدو مسننة في JPG. صيغة JPG مصنوعة للصور الفوتوغرافية. استخدم PNG للشعارات والرسوم الخطية.

كيف اختبرنا. أربعة ملفات SVG، أيقونة الكاميرا من Lucide وثلاثة ملفات في الملك العام من Wikimedia Commons، رسمها Chrome بكل حجم وحفظها بمرمّز PNG الخاص به، كما تفعل هذه الأداة.