محوّل PNG إلى SVG

ما يفعله التتبّع

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

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

النتائج حسب نوع الصورة

تتبّعنا ثلاث صور بالإعدادات المسبقة المخصصة لها:

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

اختيار الإعداد المسبق والإعدادات

• شعار أو أيقونة يحتفظ بـ8 ألوان بحواف نظيفة. ابدأ به لمعظم الشعارات.
• أبيض وأسود يناسب التواقيع والأختام والرسومات والرسوم الخطية. والعتبة فيه تقرر أي بكسلات تُعد حبرًا: كلما ارتفعت صار جزء أكبر من الصورة أسود.
• رسم توضيحي يحتفظ بـ24 لونًا وتفاصيل أدق، للرسوم التي فيها عدة درجات.
• صورة فوتوغرافية يحتفظ بـ32 لونًا وينعّم الصورة أولًا، لمظهر ملصق مقصود.

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

الحصول على تتبّع نظيف

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

الصور الكبيرة جدًا تُصغَّر قبل التتبّع، إلى نحو 1,000 إلى 1,800 بكسل حسب الإعداد المسبق. وهذا يكفي لنتيجة متجهية، لأن الأشكال يمكن رسمها بأي حجم بعد ذلك.

إذا حدث خطأ

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

كيف اختبرنا. ثلاث صور: شعار Tooloat بعرض 512 بكسل، والختم الأعظم للولايات المتحدة بعرض 1024 بكسل، وصورة CC0 لبومة بعرض 1000 بكسل، تُتبّعت بالإعداد المسبق المناسب في هذه الأداة في Chrome.