محول PNG إلى SVG متجهي

PNG إلى SVG

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

كيف تعمل المتجهة

  1. 1

    أسقط ملف PNG

    تأتي أفضل النتائج من مصدر واضح، بطول لا يقل عن 512 px على أطول ضلع، مع مساحات لونية مسطحة.

  2. 2

    اختر وضعًا

    أحادي اللون، أي تتبع Potrace بلون واحد، أو متعدد الألوان، أي لوحة مبسطة بمسار منفصل لكل لون.

  3. 3

    اضبط العتبة والتنعيم

    تحدد العتبة ما يُعد أسود؛ أما التنعيم فيدوّر درجات البكسل المسننة.

  4. 4

    عاين ونزّل

    قارن الصورة النقطية والنسخة المتجهة جنبًا إلى جنب. عندما ترضى عن النتيجة، نزّل ملف SVG.

ما الذي يتحول جيدًا إلى متجهات

المصدر النتيجة المتوقعة
شعار أسود على أبيض SVG نظيف بمسار واحد ودقة قريبة من البكسل
أيقونة مسطحة من 2 إلى 4 ألوان SVG جيد متعدد المسارات بحواف حادة
رسم حبر يدوي صالح للاستخدام عند تنعيم 3–5
صورة فوتوغرافية ضعيف، ملايين الألوان تتحول إلى كتل مشوشة
لقطة شاشة مضادة للتعرج مقبولة بعد تطبيق العتبة، لكنها تفقد تفاصيل ما دون البكسل

الإعدادات المهمة

  • العتبة (الوضع الأحادي). الحد الفاصل بين ما يصبح ممتلئًا وما يصبح شفافًا. القيمة الافتراضية 128؛ اخفضها لالتقاط الخطوط الرفيعة، وارفعها لإسقاط الخلفيات الحبيبية.
  • عدد الألوان (الوضع المتعدد). عدد درجات اللوحة. 4–8 تكفي لمعظم الشعارات. تجاوز 16 ينتج ملفًا مشوشًا وبطيئًا في عارضات SVG.
  • التنعيم / عتبة الزوايا. التنعيم العالي يدوّر الزوايا؛ مفيد للأشكال العضوية، لكنه سيئ جدًا لحواف الأيقونات الحادة.
  • تبسيط المسارات. يقلل عدد العقد. التبسيط القوي يصغّر حجم الملف، لكنه قد يشوّه الخطوط الرفيعة.

بعد التصدير

افتح ملف SVG في Illustrator أو Inkscape أو Figma وافحص كثافة العقد. المسارات المنظفة يدويًا تكون دائمًا أصغر وأنعم من المسارات المتتبعة تلقائيًا. للشعارات المخصصة للطباعة، فكّر في إعادة الرسم يدويًا باستخدام التتبع المتجهي كمرجع.

الأسئلة الشائعة

يتتبع التحويل المتجهي مناطق اللون ويحوّلها إلى مسارات. الصور الفوتوغرافية تحتوي على ملايين التدرجات؛ لذلك ينتج التتبع فسيفساء مشوشة من الكتل. تنسيقات نقطية مثل JPG أو WebP هي الأنسب للصور.

نعم. إذا كان ملف PNG المصدر يحتوي على خلفية شفافة، يرث SVG الناتج تلك الشفافية. إذا كان المصدر JPG، فاستخدم أداة إزالة الخلفية أولًا.

نعم. يستخدم SVG عناصر <path> قياسية بإحداثيات مطلقة، ويمكن لأي محرر متجهات قراءتها وتعديلها عقدة بعقدة.

512–2048 px على الضلع الطويل حجم مثالي. الأيقونات الصغيرة جدًا تفقد التفاصيل؛ والكبيرة جدًا تنتج آلاف العقد وتضخم ملف SVG.

لا. يعمل Potrace كتقنية WebAssembly داخل المتصفح، ولا يتم إرسال أي شيء.

أدوات ذات صلة