ملفان ينتهي كلاهما بـ.svg

افتح ملفي SVG «محوّلين» في محرر نصوص. يحتوي الأول على عنصر <image> واحد قيمة href فيه سلسلة طويلة من نوع data:image/png;base64,…. ويحتوي الثاني على عناصر <path> فيها بيانات إحداثيات مثل d="M12 4 L…" ولون fill لكل منها. كلاهما يُفتح في المتصفح، وكلاهما يبدو صحيحًا بالحجم الأصلي. لكن الثاني وحده فيكتور.

الغلاف هو بالضبط ما يوحي به اسمه: الصورة النقطية الأصلية، محمولة داخل حاوية SVG. كبّره وسيكبّر المتصفح البكسلات، فتصبح الحواف ضبابية تمامًا كما في PNG. ولا تستطيع آلات القص ومحررات الفيكتور تحديد أي شكل بداخله، لأنه لا توجد أشكال — مجرد مستطيل واحد من البكسلات.

أما ملف SVG المتتبَّع فيصف الصورة كهندسة. تصبح كل منطقة لونية حدًا مغلقًا مكوّنًا من مقاطع مستقيمة ومنحنيات Bézier؛ ويملأ العارض هذا الحد بأي حجم تطلبه، فتبقى الحواف حادة سواء بعرض 10 مم أو 10 أمتار.

ماذا يُخرج png2svg.art

يجمّع التتبّع بكسلات صورتك في عدد قليل من الألوان المسطحة، ثم يرسم حدود كل منطقة لونية بمقاطع مستقيمة ومنحنيات Bézier. وحيث يلتقي لونان يتشاركان حدًا واحدًا، فلا تنفتح فراغات بينهما. والنتيجة عنصر <path> لكل شكل، مملوء بلونه، مجمّع حسب العنصر ومتداخل حسب ما يحيط بماذا (ومع ضبط الطبقات على حسب اللون، عنصر <path> واحد لكل لون). الثقوب، مثل داخل حرف «O»، تبقى مفتوحة بأي من قاعدتي التعبئة في SVG. لا يوجد عنصر <image>، ولا صورة نقطية مضمّنة، ولا برامج نصية: تُفحص كل نتيجة قبل تخزينها، ولا يُسمح لها إلا بالمسارات والمجموعات والعناوين.

ولأن الهندسة حقيقية، تعرض المعاينة عددًا حقيقيًا للمسارات ولوحة الألوان المستخدمة. فإذا عاد شعار بـ6 مسارات و6 ألوان، فهذا حرفيًا ما في الملف.

الحرفان Fe من شعار نصي مكبّران مرتين: على اليسار كبكسلات صورة PNG بعرض 256 بكسل، بحواف متدرجة؛ وعلى اليمين كملف SVG متتبَّع، بحواف ناعمة

الحرفان «Fe» من أحد شعاراتنا النصية النموذجية، مكبّران بالقدر نفسه: صورة PNG بعرض 256 بكسل تُظهر شبكة بكسلاتها (يسارًا)؛ وملف SVG المتتبَّع من الصورة بحجمها الكامل يرسم الحواف نفسها كمنحنيات، حادة بأي حجم (يمينًا).

كيف تتحقق من أي ملف SVG بنفسك

  1. افتح الملف في محرر نصوص عادي. ابحث عن عناصر <path أو <polygon أو <circle — هذه هندسة. وابحث عن <image — هذا غلاف.
  2. افتحه في متصفح وكبّر إلى 800 %. حواف الفيكتور تبقى حادة؛ أما الغلاف فيصبح ضبابيًا أو مُبكسلًا.
  3. استورده في محرر فيكتور مثل Inkscape. التتبّع يتيح لك النقر على أشكال منفردة؛ أما الغلاف فيُحدَّد كصورة واحدة.
  4. قارن حجم الملف. PNG المغلّف يكون على الأقل بحجم PNG نفسه (فترميز base64 يضيف نحو الثلث)؛ أما الشعار المتتبَّع فحجمه عادةً بضعة كيلوبايتات.

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

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

لماذا تهم المعاينة

يعرض png2svg.art معاينة بعلامة مائية لنتيجة التتبّع قبل أن تلغي قفل أي شيء؛ ولا يُنشأ ملف SVG النظيف للتنزيل إلا بعد إلغاء القفل. تُرسم المعاينة من المسارات نفسها التي ستنزّلها، فإذا اندمجت حروف صغيرة أو انكسر خط رفيع، تراه قبل أن تنفق أي رصيد. يكلّف إلغاء قفل ملف SVG نظيف 1 رصيد؛ ويحصل كل حساب موثّق على 3 أرصدة مجانية.