الشعارات · ملفات المتجهات
لماذا يحتوي ملف SVG لديك على مسارات أكثر مما ينبغي
طلبت شعاراً متجهياً، فحصلت على ملف SVG، ثم فتحته في محرر فوجدت ملفاً لا يُفتح بسرعة، ولا يقبل إعادة التلوين بنظافة، وفيه نقاط ارتكاز أكثر مما في خريطة مدينة.
نادراً ما تكون أداة التتبع هي المشكلة. المشكلة هي ما أطعمتها إياه. نفّذنا الحالتين في مشروع واحد في 21 سبتمبر 2026 وقِسناهما، والفجوة كبيرة بما يكفي لتغيّر طريقة توصيفك للمهمة.
ما تفعله أداة تتبع الصور فعلاً
برنامج التحويل إلى متجهات لا يفهم شعارك. إنه يبحث عن مناطق ذات لون متقارب ويرسم حداً خارجياً حول كل واحدة منها. والعلامة المسطحة بلونين فيها منطقتان أو ثلاث لكل شكل، فتنتج حفنة من الحدود النظيفة. أما الصورة الفوتوغرافية ففيها آلاف المناطق، لأن كل تدرج وكل ظل وكل حبيبة فيلم هو حدّ بين منطقتين بحسب ما تراه الأداة.
ولهذا قد تبدو الأداة نفسها رائعة مع صورة وعديمة الفائدة مع التي تليها. إنها لا تحكم على الجودة. إنها تعدّ مناطق اللون، وأنت من قرر كم عددها حين اخترت الصورة.
القياس
صورتان من المشروع التجريبي نفسه، حُوّلتا إلى متجهات بالأداة نفسها بفارق دقائق. ثم جلبنا كل ملف SVG ناتج وعددنا عناصر المسار فيه مباشرة بدل الاعتماد على تقدير بالنظر.
العلامة المسطحة — رسم خطي بلونين لكوب على عمود رصيف، بخلفية بيضاء سادة — أنتجت 8 مسارات في 5,851 بايت. أما المنشور المربع الفوتوغرافي — قهوة باردة على طاولة ميناء بمدى لوني كامل — فأنتج 3,908 مسارات في 2,104,374 بايت.
أي 488 ضعفاً في عدد المسارات و360 ضعفاً في حجم الملف، من تغيير واحد فقط: ما الذي كان داخل الصورة.
كيف يبدو الملفان على لوحة الرسم
جنباً إلى جنب يكون الفارق غير مرئي، وهذا هو الفخ. فالصورة الفوتوغرافية المتتبَّعة تبدو مثل الصورة الفوتوغرافية. إنها ملف متجهي أمين تماماً وشعار عديم الفائدة تماماً: لا يمكنك إعادة تلوينه، ولا تسليمه لصانع لافتات، وإدراجه في مستند سيجعل ذلك المستند بطيئاً.
والعلامة المتتبَّعة عكس ذلك. ثمانية مسارات تعني ثمانية أشياء يمكنك تحديدها وإعادة تلوينها وتحريكها. إنه ملف تقبله المطبعة دون مكالمة هاتفية.
كيف توصّف الصورة ليخرج ملف SVG صغيراً
كل ما يجعل الصورة تبدو غنية يجعل التتبع أسوأ. والموجه أدناه فقير عمداً، وهذا هو المقصود.
اصنع علامة شعار مسطحة بسيطة: رسم خطي بأقل التفاصيل وبلونين لعمود رصيف عليه كوب قهوة، بلون كحلي ولون كريمي، بمظهر متجهي مسطح، وخلفية بيضاء سادة، دون أي نص، ومربع الشكل.الكلمات الخمس التي تؤدي العمل
مسطح. لا تدرجات لونية، ولا تظليل ناعم، ولا انسداد محيطي. فكل تدرج يتحول إلى كومة من الحدود المتداخلة.
بلونين. سمِّ اللونين. فكل لون إضافي مجموعة أخرى من المناطق التي يجب تحديد حدودها، وأداة التتبع ستخترع بسرور درجات وسيطة لم تطلبها.
خلفية سادة. الخلفية المزخرفة أو الفوتوغرافية تُتتبَّع هي الأخرى، وهي عادةً أكبر مساهم منفرد في عدد المسارات.
دون نص. الحروف المرسومة تُتتبَّع إلى حدود خارجية تشبه الحروف فقط. اضبط خطاً حقيقياً في محررك لاحقاً، حيث يبقى قابلاً للتحرير والتحديد.
رسم خطي. الرسم فيه حواف. أما التصيير ففيه ضوء. وأنت تريد الحواف.
فحص الملف، وأمر واحد لم يستطع الوكيل فعله
افتح ملف SVG في محرر نصوص وابحث عن `<path`. ذلك العدد هو جوابك، ولا يستغرق الأمر عشر ثوانٍ. دون خمسين مساراً تقريباً لديك شعار. وفوق بضع مئات لديك صورة تتظاهر بأنها شعار.
طلبنا من الوكيل أن يعدّ نيابة عنا فلم يستطع. أجاب بأن أداة التحويل أعادت رابطاً نسبياً داخل التطبيق دون مصدر يمكن الوصول إليه ودون بيانات عن حجم الملف، فلم يستطع التحقق من عدد المسارات، وعرض أن يعدّها إن لصقنا المصدر له. هذا هو الجواب الصحيح بدل رقم مخمَّن، لكنه يعني أيضاً أن الفحص مسؤوليتك أنت.
وإن كان لديك ملف ضخم ولا سبيل إلى إعادة توليده، ففي معظم محررات المتجهات أمر للتبسيط أو لتقليل العقد. يساعد قليلاً. لكنه لن يحوّل صورة فوتوغرافية متتبَّعة إلى شعار، لأن المشكلة ليست في نقاط الارتكاز؛ بل في أن الملف يصف صورة فوتوغرافية.
أسئلة عن ملفات SVG
كم مساراً ينبغي أن يحتوي الشعار؟
معظم العلامات القابلة للعمل تقع بين خمسة مسارات وخمسين مساراً. وعلامتنا المسطحة بلونين تُتبّعت إلى 8. وحين تصل إلى المئات، يكون الملف يصف التظليل لا الأشكال.
هل أستطيع ببساطة تبسيط ملف SVG ضخم؟
تستطيع تقليل العقد في محرر متجهات، وسيصغر الملف. لكن ذلك لن يجعل صورة فوتوغرافية متتبَّعة قابلة للتحرير، لأن المسارات تصف مناطق لونية لا أجزاء من تصميم.
لماذا ملف SVG لدي أكبر من ملف PNG الذي جاء منه؟
لأن كل منطقة متتبَّعة تُخزَّن كإحداثيات. وصورتنا المتتبَّعة كانت 2.0 ميغابايت من بيانات المسارات تصف صورة يخزّنها ملف JPEG في جزء يسير من ذلك.
هل لإعدادات أداة التتبع أي أثر أصلاً؟
لها أثر على الهامش. ففي تنفيذنا أنتجت الأداة نفسها والإعدادات نفسها 8 مسارات و3,908 مسارات. المتغير الذي كان مهماً هو المُدخل.
ولّد مسطحاً، ثم تتبّع
اطلب علامة مسطحة بلونين على خلفية سادة، وحوّلها إلى SVG، ثم افتح الملف وعُدّ المسارات قبل أن ترسله إلى أي جهة.