لديك شعارك كـ PNG. يبدو جيداً في ترويسة موقعك، ثم يطلبه أحدهم كبيراً — لافتة، عمل طباعة، تي-شيرت — وبتكبيره يصبح ناعماً ومسنّناً. ذلك سقف ملف نقطي: إنه شبكة بكسلات ثابتة، ولا تفاصيل إضافية لإيجادها حين تكبّره. SVG ليس له ذلك السقف. يخزّن الشعار كأشكال ومسارات، فيعيد الرسم حاداً سواء كان 32 بكسلاً عرضاً أو مترين.
إدخال شعار PNG إلى صيغة SVG يعني تتبّعه — قراءة البكسلات ورسم مسارات متجهية تتبع الحواف. لشعار مسطّح تلك بالضبط الأداة الصحيحة، وهي سريعة.
لماذا يُتتبَّع الشعار جيداً
الشعار الجيد هو المدخل المثالي للتتبّع. عادة له عدد صغير من الألوان الخالصة، وحدود نظيفة بينها، ولا تدرجات ناعمة أو ملمس فوتوغرافي. المتتبّع يقرأ ذلك النوع من الصور بنظافة: يجد كل كتلة لون، ويرسم مساراً محكماً حولها، وينتج SVG بحفنة أشكال فقط. ملف صغير، حواف حادة، قابل للتحرير كلياً بعده.
الأيقونات والرسوم البسيطة وفن الخطوط والخط اليدوي تقع في الفئة السعيدة نفسها للسبب نفسه — لون مسطّح وحواف محدّدة.
خطوة بخطوة
- ابدأ بأنظف PNG لديك. مصدر عالي الدقة حادّ يُتتبَّع أفضل من صغير ضبابي. إن كان لشعارك خلفية شفافة، أبقها — التتبّع يستطيع حفظها.
- اختر إعداداً مسبقاً يطابق الشعار. لعلامة بلونين أو ثلاثة، Flat / logo يبقي عدد الألوان منخفضاً والأشكال بسيطة. لرسم أكثر تفصيلاً، Detailed يسمح بمسارات أكثر. لفن خطوط خالص أو ظلّ، Black & white يقلّصه إلى درجتين.
- افحص معاينة قبل/بعد. قارن التتبّع بالأصل. إن بدت الحواف متكتّلة، أو اخترعت الأداة ألواناً إضافية، جرّب إعداداً مختلفاً — ألوان أقل تعطي عادة نتيجة أنظف وأصغر.
- نزّل ملف SVG وافتحه في محرّر متجهات لضبطه بدقة إن لزم.
ولأن هذا يعمل كلياً في متصفحك، فالشعار الذي تضعه لا يُرفع أبداً — يُقرأ من قماشة على جهازك، ولا حساب، ويعمل دون اتصال بمجرد تحميل الصفحة.
نظّف وأعد التلوين بعد التتبّع
المخرج ملف SVG عادي مكوّن من مسارات وتعبئات مسمّاة، فلست محبوساً في ما أنتجه التتبّع. افتحه في Illustrator أو Inkscape أو Figma فتستطيع تغيير لون منطقة كاملة بتحرير تعبئة واحدة، وضبط hex علامتك الدقيق، وحذف شكل تائه التقطه المتتبّع، أو تحريك مسار. هذه هي المكافأة الحقيقية: يتوقّف الشعار عن كونه صورة ثابتة ويصبح كائناً قابلاً للتحرير بأي حجم.
أين لن يساعد: الصور الفوتوغرافية
كن صادقاً بشأن المدخل. هذا يتتبّع أشكالاً، لا صوراً فوتوغرافية. إن أطعمته صورة — صورة رأس، لقطة منتج، منظراً — فسينتج SVG رغم ذلك، لكن رهيباً: آلاف الألوان الدقيقة تُقارَب بكتل مكدّسة، وينتفخ الملف بعيداً عن JPG الأصلي، ويبدو ملطّخاً. لأي شيء متصل الدرجات، أبقه صيغة نقطية واضغطه بدلاً من ذلك. وهذا ليس ذكاءً اصطناعياً يعيد رسم شعارك إلى شيء جديد — إن كان مصدر PNG ضبابياً أو مشوّشاً، ورث التتبّع ذلك. شعار نظيف مسطّح قليل الألوان يعطي SVG نظيفاً؛ تلك هي النقطة المثالية.