من بكسلات الصور النقطية إلى مسارات متجهة
تخزّن ملفات PNG وJPEG وJPG وWebP وAVIF وBMP شبكة من البكسلات. أما SVG فيخزّن أشكالًا وتعبئات وإحداثيات تستطيع البرامج المتوافقة إعادة رسمها بأحجام مختلفة. يحلل التحويل إلى متجهات البكسلات المتجاورة، ويجمع المناطق المرئية، ويتبع حدودها، ويقرّب تلك الحدود باستخدام مسارات متجهة.
لا يؤدي تغيير اسم الملف أو وضع صورة نقطية داخل غلاف SVG إلى إعادة البناء هذه. ينشئ VectorizeThis هندسة SVG فعلية من محتوى المصدر المرئي.
تبقى المعالجة داخل المتصفح
يُفك ترميز الصور المدعومة وتُتبع وتُقيّم وتُعدّ على جهاز المستخدم. ولا يرفع سير التحويل العادي بايتات الصور المصدر إلى خادم تحويل. كما يجعل هذا التصميم القائم على المعالجة المحلية مقارنة عدة نتائج ممكنة أمرًا عمليًا دون انتظار اتصال بالخادم لكل تعديل.
مقارنة نتائج التتبع المرشحة
لا توجد مجموعة إعدادات تتبع واحدة تتفوق مع كل صورة. فالأيقونة ذات الألوان المسطحة والصورة الفوتوغرافية تحملان معلومات مختلفة، بينما تختلف متطلبات ملف القص عن متطلبات رسم توضيحي للويب.
تُقارن الرسومات باستخدام ست طرق أحادية اللون، أو 10 أو 16 أو 18 أو 20 نتيجة لونية مرشحة موزعة على ما يصل إلى أربع لوحات ألوان مدعومة. وعندما تبقى عدة نتائج مفيدة، تختار لوحة ألوان ثم ملف SVG. وتحتفظ حالتا الصورة الفوتوغرافية والرسم التوضيحي المعقد بأداة التحسين المخصصة لهما. وتحافظ إعدادات التصنيع على الأبعاد الفعلية وفحوص الهندسة، مع تعطيل SVGO. يشرح دليل الاختيار التلقائي هذا المسار.
لذلك تعني «أفضل نتيجة» النتيجة المرشحة التي تقدم أفضل توازن إجمالي للصورة واستخدامها المقصود. ولا تعني ببساطة أعلى درجة تشابه على مستوى البكسلات أو أصغر ملف.
يغيّر الاستخدام المقصود الأولويات
- الويب والشعارات والأيقونات تعطي الأولوية للمظهر المرتب، والألوان القابلة للتحرير، والشيفرة الموجزة.
- الصور الفوتوغرافية والرسوم التوضيحية المعقدة تحتفظ بمزيد من الألوان والتفاصيل، ما قد يتطلب مسارات أكثر.
- مسارات عمل Cricut والفينيل والليزر وCNC تعطي وزنًا أكبر للهندسة العملية، والمناطق المغلقة، والأبعاد الفعلية ذات المعنى، والتحذيرات المتعلقة بالأشكال التي قد يصعب تصنيعها.
- الاستخدام التلقائي يوازن بين الأمانة البصرية العامة والناتج القابل للإدارة عندما لا تكون الوجهة معروفة بعد.
يمكن لفحوص التصنيع تحديد مشكلات محتملة، لكنها لا تستطيع مراعاة كل آلة أو مادة أو شفرة أو عرض قطع أو إعداد استيراد أو قاعدة خاصة بتطبيق.
توحيد الناتج وفحصه
بعد التتبع، يعدّ VectorizeThis ملف SVG ليتوافق مع المتصفحات والمحررات، ويزيل الشيفرة التي يمكن الاستغناء عنها، ويطبق خيارات الإخراج المحددة. ويمكنه إظهار لوحة صغيرة لإعادة التلوين، واستخدام currentColor، وإزالة خلفية مكتشفة، واقتصاص الملف حول المحتوى الفعلي، وتنسيق الشيفرة عند الطلب.
ويمكن أيضًا فحص النتيجة بحثًا عن التعقيد المفرط، والجزر الصغيرة، والمسارات المفتوحة، وغيرها من الحالات المرتبطة بسير العمل المختار. التحذير معلومة تستحق المراجعة، وليس دليلًا على أن الملف سيفشل.
حدود التتبع التلقائي
عادةً ما تنتج الرسومات الواضحة ذات الحجم الكافي والحواف المميزة مسارات أبسط وأقرب إلى الأصل. وقد تتطلب الضوضاء وآثار JPEG والتمويه والتدرجات والشفافية والملمس الدقيق والألوان المتداخلة تفسيرًا. ولا يستطيع ملف SVG الناتج عن التتبع استعادة تفاصيل لم تكن موجودة في المصدر، وقد لا يعيد إنشاء اختيارات البناء التي اعتمدها المصمم الأصلي.
توجد المعاينة المتجاورة وعناصر التحكم اليدوية لأن حكم المستخدم البصري يظل مهمًا. اختبر ملفات التصنيع في البرنامج المستهدف وعلى المادة المستهدفة قبل بدء الإنتاج.
كيف نختبر التغييرات
نختبر تغييرات منطق التتبع والترتيب على صور تمثيلية تشمل أيقونات وشعارات ورسومات خطية وألوانًا متعددة ومصادر منخفضة الدقة وصورًا فوتوغرافية وأمثلة مخصصة للتصنيع. تحمي الاختبارات الآلية سلوك المتصفح المهم وسياسات الإخراج، بينما تساعد مقارنات الأداء والجودة في كشف تراجع الجودة قبل النشر.
كيف نعدّ المحتوى التقني
تستند الشروحات التقنية في VectorizeThis إلى السلوك الفعلي لأداة التحويل، والاختبارات المجراة على صور مصدر تمثيلية، والمواصفات الأساسية مثل مواصفة W3C SVG. تُراجع الصفحات عندما يتغير سلوك أداة التحويل بصورة جوهرية.
أنشأ Maxime Desrosiers أداة VectorizeThis. للإبلاغ عن نتيجة لا تتصرف كما تتوقع، استخدم إرسال رأي داخل أداة التحويل أو زر صفحة اتصل بنا.