الانتقال إلى المحتوى
filetidy
PNG → SVG

تحويل PNG إلى SVG

حوّل رسومات PNG المسطحة مثل الأيقونات والشعارات والقصاصات الفنية إلى مسارات SVG تبقى حادة بأي حجم، مع الحفاظ على الشفافية. لا يُرفع أي ملف، ولا حاجة إلى حساب، ولا علامة مائية ولا حدود.

  1. 1. أفلت الملفات
  2. 2. اضبط الخيارات
  3. 3. نزّل النتيجة
  • بلا رفع. تتم المعالجة على جهازك.
  • بلا حدود. عدد غير محدود من الملفات، مجانًا.
  • بلا علامة مائية. ملفاتك تبقى كما هي، ملكك وحدك.

كيفية تحويل PNG إلى SVG باستخدام filetidy

  1. 1

    أضف ملفات PNG بسحبها إلى منطقة الإضافة، أو انقر عليها لاختيارها.

  2. 2

    اختر إعدادًا مسبقًا: «شعار» للألوان المسطحة، أو «رسم توضيحي» لتفاصيل أكثر، أو «رسم تخطيطي» للرسوم الخطية السوداء. وافتح «إعدادات متقدمة» لضبط «مرشّح النقاط» أو «عتبة الزوايا» أو «دقة الألوان» بدقة.

  3. 3

    انقر على «تحويل». تُتتبَّع كل صورة PNG داخل متصفحك، وتبقى المناطق الشفافة فارغة في ملف SVG.

  4. 4

    انقر على «معاينة» لمقارنة الأصل بملف SVG جنبًا إلى جنب وتكبير الحواف، ثم انقر على «تنزيل» أو استخدم «نسخ شيفرة SVG» للصقها في مشروعك.

ماذا يحدث عندما تصبح صورة PNG ملف SVG؟

صورة PNG شبكة من البكسلات، أما SVG فيصف الأشكال بمنحنيات رياضية، ولذلك يمكن تكبيره إلى أي حجم دون أن يتشوش. والانتقال من الأولى إلى الثاني ليس مجرد تغيير للصيغة: على المحوّل أن يتتبّع حدود كل منطقة ملونة ويعيد بناءها على شكل مسار. وتُسمى هذه العملية التحويل إلى متجهات أو تتبّع الصورة (vectorization).

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

النتيجة تقريب للأصل وليست استعادة لملف التصميم الأصلي. تُرسم منحنيات ناعمة على حواف البكسلات، وتُحذف النقاط الصغيرة، وتُدمج الدرجات المتقاربة في لون تعبئة واحد. في أيقونة نظيفة بعرض 500 بكسل يصعب ملاحظة ذلك، أما في أيقونة موقع (favicon) صغيرة بعرض 32 بكسل فلا تجد المنحنيات ما تستند إليه إلا القليل.

الطريقة
تتبّع الحواف مع ملاءمة المنحنيات (VTracer مترجمًا إلى WebAssembly)
أفضل مدخلات
ألوان مسطحة وحواف حادة، بعرض 300 بكسل على الأقل
الشفافية
محفوظة: البكسلات الشفافة تمامًا لا تُتتبَّع
الناتج
مسارات SVG بتعبئة مصمتة، مسار لكل منطقة لونية
معيار SVG
SVG 1.1 من W3C، صيغة نصية مبنية على XML
المعالجة
داخل متصفحك؛ لا تُرفع صورة PNG أبدًا

طرق أخرى للتحويل

ويندوز

على Windows: أداة Trace Bitmap في Inkscape

  1. ثبّت Inkscape، وهو محرر رسوم متجهة مجاني ومفتوح المصدر، وافتح ملف PNG عبر File > Open (اختر Link أو Embed عندما يُطلب منك ذلك).
  2. حدّد الصورة ثم اختر Path > Trace Bitmap (تتبّع الصورة النقطية)، أو اضغط Shift+Alt+B.
  3. لأيقونة بلون واحد استخدم Single scan مع Brightness cutoff (عتبة السطوع)، ولشعار ملوّن استخدم Multiple scans مع Colors وحدّد عدد المسحات.
  4. انقر على Apply، وأزح النتيجة جانبًا واحذف الصورة النقطية الأصلية، ثم اختر File > Save As واحفظ بصيغة Plain SVG.

يُبقي Inkscape الصورة النقطية تحت الرسم المتتبَّع. وإذا نسيت حذفها، فسيظل ملف SVG يحتوي على صورة PNG ويكون حجمه أكبر بكثير.

ماك

على Mac: ميزة Image Trace في Adobe Illustrator

  1. ضع ملف PNG في مستند Illustrator عبر File > Place.
  2. افتح Window > Image Trace (تتبّع الصورة) واختر إعدادًا مسبقًا مثل 6 Colors أو Black and White Logo.
  3. فعّل Ignore White (تجاهل الأبيض) ضمن Advanced إذا أردت أن تختفي الخلفية البيضاء.
  4. اختر Object > Image Trace > Expand لتحويل النتيجة إلى مسارات قابلة للتعديل، ثم File > Export > Export As واختر SVG.

Illustrator متاح باشتراك مدفوع. وإذا كنت تحتاج إلى أيقونة من حين لآخر، فالأسرع عادةً أن تتتبّعها هنا ثم تصلح التفاصيل لاحقًا.

PNG أم SVG: أيهما تستخدم؟

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

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

قبل التحويل، استخدم أكبر نسخة PNG لديك. فتتبّع ملف مُصدَّر بعرض 1000 بكسل يعطي منحنيات أنعم بكثير من تتبّع صورة مصغّرة بعرض 64 بكسل للأيقونة نفسها. وإذا صُمم الرسم في برنامج رسوم متجهة، فطلب ملف SVG أو AI أو PDF الأصلي أفضل دائمًا من التتبّع.

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

هل تبقى الخلفية الشفافة شفافة؟

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

لماذا تبدو المنحنيات متعرّجة قليلًا؟

لا ترى أداة التتبّع إلا حواف البكسلات، لذا فصورة PNG الصغيرة أو الضبابية لا تعطيها معلومات كافية. جرّب نسخة أكبر من الصورة، أو اخفض «عتبة الزوايا» إذا كانت الزوايا الحادة تُدوَّر. ورفع «مرشّح النقاط» يزيل النتوءات الصغيرة الناتجة عن بكسلات شاردة.

هل يمكنني استخدام ملف SVG مع Cricut أو Silhouette أو آلة قص بالليزر؟

في الغالب نعم. الناتج ملف SVG عادي بمسارات معبّأة، تستطيع برامج القص والحفر استيراده. وللقص، يعطيك الإعداد المسبق «رسم تخطيطي» أو نتيجة «أبيض وأسود» طبقة واحدة من الأشكال السوداء، وهي غالبًا أسهل في التعامل من طبقات ملونة كثيرة.

لماذا ملف SVG أكبر من صورة PNG؟

الصور المفصّلة تحتاج إلى مسارات كثيرة، وكل مسار يُخزَّن نصًا. ويحدث هذا مع التدرجات والظلال والملمس والصور الفوتوغرافية. جرّب الإعداد المسبق «شعار»، أو اخفض «دقة الألوان»، أو ارفع «مرشّح النقاط». وأبقِ «تحسين SVG (ملف أصغر)» مفعّلًا، فهو كثيرًا ما يقلّص الملف إلى نحو الثلث.

هل يتحول النص الموجود في صورة PNG إلى نص قابل للتعديل؟

لا. تُتتبَّع الحروف كأشكال مثل أي عنصر آخر، فتبدو صحيحة لكن لا يمكن تعديلها كنص. وإذا احتجت إلى نص قابل للتعديل، فأعد كتابته في محرر رسوم متجهة بالخط نفسه.

هل تُرفع ملفات PNG الخاصة بي؟

لا. فك ترميز الصور وتتبّعها يجريان داخل متصفحك، في عامل خلفي (Web Worker) على جهازك. لا يُرسل شيء إلى أي خادم، لذا يمكنك تحويل أعمال عملائك أو تصاميمك غير المنشورة دون مشاركتها مع أحد.

آخر تحديث: 28 أكتوبر 2026

استخدم ↑ و↓ للتنقل، وEnter للفتح، وEsc للإغلاق