PNG إلى SVG: كيفية تحويل الصورة إلى رسم متجه
دليل خطوة بخطوة مع أفضل الإعدادات للحصول على مخرجات متجهية نظيفة وقابلة للتحجيم من أي ملف PNG.
حوّل PNG إلى SVG الآنلماذا تحوّل PNG إلى SVG؟
PNG هو أحد أكثر صيغ الصور استخدامًا على الويب. فهو يدعم الشفافية، ويتعامل بشكل جيد مع الرسومات ذات الألوان المسطحة، ويضغط دون فقدان الجودة. لكن PNG لا يزال صيغة نقطية — شبكة من البكسلات. كبّره وستتشوّش الحواف. اطبعه على لافتة كبيرة وستتدهور الصورة.
SVG يحلّ هذه المشكلة. الرسم المتجهي القابل للتحجيم يخزّن صورتك كمسارات رياضية بدلًا من البكسلات، لذا تبقى حادة تمامًا بأي حجم — من أيقونة مفضلة بحجم 16 بكسل إلى لوحة إعلانية. هذا يجعل SVG الصيغة المفضلة للشعارات والأيقونات والرسوم التوضيحية وأي رسم تحتاج لإعادة استخدامه بدقات مختلفة.
تحويل PNG إلى SVG ليس مجرد تبديل صيغة بسيط. تُسمى العملية تتبع الصورة (أو التحويل المتجهي): يحلل البرنامج الألوان والحواف في صورتك النقطية ويقرّبها كمسارات متجهية. تعتمد جودة النتيجة بشكل كبير على صورتك المصدرية والإعدادات التي تختارها. يرشدك هذا الدليل خلال العملية بالكامل باستخدام Any2SVG، وهو محوّل مجاني يعمل في المتصفح، حتى تتمكن من إنتاج ملفات SVG نظيفة في كل مرة.
إذا كنت جديدًا على الرسومات المتجهية، ابدأ بمقدمتنا ما هو SVG؟ لفهم الصيغة قبل الغوص في سير عمل التحويل.
الخطوة 1: ارفع ملف PNG الخاص بك
افتح Any2SVG في متصفحك. لديك عدة طرق لتحميل ملفك:
- اسحب وأفلت ملف PNG مباشرة في منطقة المحوّل.
- انقر على منتقي الملفات لتصفح جهازك.
- الصق من الحافظة — التقط لقطة شاشة أو انسخ صورة، ثم الصقها مباشرة في الأداة.
- أدخل رابط صورة لجلب ملف PNG من الويب.
- استورد من Dropbox أو Google Drive أو OneDrive دون تنزيل الملف إلى جهازك أولًا.
يقبل Any2SVG ملفات PNG بحجم يصل إلى 10 MB. إذا كان لديك عدة ملفات PNG للتحويل، حددها جميعًا مرة واحدة — تدعم الأداة التحويل المجمّع، بحيث يمكنك معالجة مجموعة كاملة من الأصول في جلسة واحدة.
الخطوة 2: جهّز صورتك
قبل التتبع، خذ لحظة لتنظيف المصدر. المدخلات الأفضل تؤدي دائمًا إلى نتيجة متجهية أفضل.
اقتصاص المساحات البيضاء
استخدم أداة الاقتصاص المدمجة لإزالة المساحات البيضاء أو مناطق الخلفية غير الضرورية حول موضوعك. يدعم محرر الاقتصاص التحديد الحر ونسبة عرض إلى ارتفاع مقفلة 1:1، مع التكبير بالقرص للتأطير الدقيق على الشاشات اللمسية. إزالة المساحة الميتة قبل التحويل يبقي ملف SVG الناتج محكمًا ومركّزًا.
تغيير الحجم للسرعة
تتبع صورة كبيرة جدًا يستغرق وقتًا أطول ولا ينتج دائمًا SVG أفضل. إذا كان عرض ملف PNG الخاص بك يتجاوز حوالي 2000 بكسل، فكّر في تصغيره أولًا. يوفر Any2SVG أوضاع تغيير حجم متعددة — حسب العرض أو الارتفاع أو الأبعاد الدقيقة أو النسبة المئوية أو الإعدادات المسبقة الشائعة. الصورة المصدرية الأصغر تُتتبع بشكل أسرع وغالبًا ما تنتج مسارات أنظف لأن المتتبع يتعامل مع ضوضاء أقل.
التوجيه التلقائي وإزالة البيانات الوصفية
فعّل التوجيه التلقائي للسماح لـ Any2SVG بقراءة بيانات دوران EXIF وعرض الصورة بشكل صحيح قبل التتبع. يزيل المحوّل أيضًا البيانات الوصفية المضمّنة (EXIF وXMP) من ملف SVG الناتج، بحيث لا تنتقل تفاصيل الكاميرا وإحداثيات GPS إلى ملفاتك المنشورة.
الخطوة 3: اضبط إعدادات التحويل المتجهي
هنا يكمن التحكم الحقيقي. يمنحك Any2SVG خيارات دقيقة تؤثر مباشرة على جودة وحجم ملف SVG الناتج. إليك ما يفعله كل إعداد وكيفية استخدامه:
عدد الألوان
يتحكم في عدد مناطق الألوان المميزة التي ينشئها المتتبع. استخدم من 2 إلى 8 ألوان للشعارات والأيقونات والأعمال الفنية البسيطة. زد إلى 16 أو أكثر للرسوم التوضيحية المفصلة أو الصور ذات التدرجات. ألوان أقل تنتج ملفات SVG أبسط وأصغر؛ ألوان أكثر تلتقط فروقًا لونية أدق لكنها تزيد تعقيد الملف.
مستوى التفاصيل
يحدد مدى دقة تتبع المتتبع للحواف والمنحنيات. التفاصيل الأعلى تحافظ على الميزات الدقيقة لكنها قد تُدخل ضوضاء من الصورة المصدرية. التفاصيل الأقل تنتج مخرجات أكثر نعومة وأسلوبية. ابدأ بإعداد متوسط واضبط من هناك.
تحسين المسارات
يبسّط المسارات المتجهية المُنشأة عن طريق إزالة نقاط التحكم غير الضرورية. التحسين الأعلى يقلل حجم الملف ويُنعّم المنحنيات. للشعارات والأعمال الفنية النظيفة، ارفع التحسين. للرسوم التوضيحية المفصلة حيث تريد الحفاظ على كل حافة، أبقه معتدلًا.
دقة الإحداثيات
يحدد عدد المنازل العشرية المستخدمة لإحداثيات المسارات. دقة أعلى تعني مسارات أكثر دقة لكن ملفات أكبر. لمعظم حالات الاستخدام، 1 إلى 2 منزلة عشرية توفر توازنًا ممتازًا بين الدقة وحجم الملف.
خيارات أخرى
- وضع الطبقات — اختر بين الطبقات (كل لون على طبقته الخاصة) والعرض المتراكم. المخرجات متعددة الطبقات أسهل في التعديل في أدوات المتجهات مثل Inkscape أو Illustrator.
- التمويه — يطبّق تمويهًا خفيفًا قبل المعالجة لتنعيم المدخلات الصاخبة قبل التتبع. مفيد لملفات PNG ذات عيوب الضغط أو القوام الحبيبي.
- viewBox — تبديل سمة viewBox صريحة على ملف SVG الناتج، التي تتحكم في كيفية تحجيم الرسم عند تضمينه في HTML.
الإعدادات الموصى بها حسب نوع الصورة
| نوع الصورة | الألوان | التفاصيل | التحسين | ملاحظات |
|---|---|---|---|---|
| شعار بسيط | 2 – 4 | منخفض – متوسط | عالٍ | ألوان أقل = ملف أصغر وحواف أوضح |
| أيقونة متعددة الألوان | 4 – 8 | متوسط | عالٍ | توازن بين التفاصيل والمسارات النظيفة |
| رسم توضيحي مفصل | 16 – 32 | عالٍ | متوسط | ألوان أكثر تلتقط التدرجات والظلال |
| رسم خطي / سكتش | 2 – 4 | عالٍ | متوسط | التفاصيل العالية تحافظ على الخطوط الرفيعة |
| صورة فوتوغرافية (بسيطة) | 32+ | عالٍ | منخفض | ملف SVG كبير؛ فكّر فيما إذا كان SVG هو الصيغة المناسبة |
لمزيد من النصائح الخاصة بالصيغة، راجع نصائح JPG إلى SVG — الكثير من المبادئ نفسها تنطبق على مصادر PNG التي نشأت كصور فوتوغرافية مضغوطة.
الخطوة 4: نزّل ملف SVG الخاص بك
بمجرد أن تكون راضيًا عن المعاينة، نزّل ملف SVG النهائي. لملف واحد، انقر على زر التنزيل لحفظه مباشرة. إذا حوّلت عدة ملفات PNG في دفعة واحدة، يحزم Any2SVG جميع النتائج في أرشيف ZIP — يُجمّع في متصفحك باستخدام fflate لضغط سريع وخفيف.
بعد التنزيل، افتح ملف SVG في متصفحك أو محرر متجهات مثل Inkscape أو Figma أو Adobe Illustrator للتحقق من النتيجة. تحقق من الحواف ومناطق الألوان وحجم الملف الإجمالي. إذا لم يبدُ شيء صحيحًا، عد إلى Any2SVG، عدّل الإعدادات وأعد التحويل — التكرار أمر طبيعي ولا يستغرق سوى ثوانٍ.
الخلاصة
تحويل PNG إلى SVG أمر بسيط بمجرد أن تفهم أن التتبع هو تقريب وليس تبديل صيغة بدون فقدان. الخطوات الأساسية بسيطة: ارفع ملف PNG الخاص بك، جهّزه بأدوات الاقتصاص وتغيير الحجم، اضبط إعدادات التحويل المتجهي المناسبة لنوع صورتك، ونزّل ملف SVG النهائي.
لمعظم الشعارات والأيقونات، عدد ألوان منخفض مع تحسين عالٍ يقدّم أفضل النتائج. للرسوم التوضيحية المفصلة، زد الألوان والتفاصيل مع قبول ملف أكبر. وللصور الفوتوغرافية، فكّر فيما إذا كان SVG هو فعلًا صيغة الإخراج المناسبة قبل الالتزام بالتحويل.
Any2SVG يجعل العملية بأكملها مجانية وسريعة وخاصة — كل شيء يعمل في متصفحك. جرّبه مع صورك الخاصة واكتشف مدى سرعة إنتاج رسومات متجهية نظيفة وقابلة للتحجيم.