PNG إلى SVG v1.0

أداة تحويل PNG إلى SVG من DocPivot هي متتبّع متجهات حقيقي يقرأ صورة PNG ويعيد بناءها كمسارات رياضية قابلة للتحرير، بألوانها الكاملة وشفافيتها كما هي، داخل متصفحك دون رفع الملف إلى أي خادم. الفارق الجوهري أن معظم المحولات المجانية المنتشرة اليوم لا تتتبّع شيئًا: تضع صورة البكسل نفسها داخل وسم SVG وتسمّي الناتج ملفًا متجهيًا. النتيجة ملف بامتداد ‎.svg‎ لكنه يتشوّه عند التكبير تمامًا مثل الأصل، ولا يمكن تغيير لون واحد فيه. هذه الصفحة تشرح الفرق، وتشرح كيف تتحقق منه بنفسك قبل أن تسلّم الملف لمطبعة أو لعميل.

لماذا يفشل معظم محولات PNG إلى SVG المجانية

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

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

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

كيف تتحقق أن ملف SVG متجه حقيقي في ثلاثين ثانية

افتح ملف SVG بأي محرر نصوص وابحث عن كلمة image أو base64. إذا وجدت سطرًا طويلًا يبدأ بـ data:image/png;base64 فالملف صورة نقطية ملفوفة في غلاف XML ولا شيء أكثر. أما الملف المتجه الحقيقي فيتكوّن من عناصر تحمل سلاسل إحداثيات وأوامر منحنيات.

• اختبار المحرر النصي: وجود base64 داخل الملف يعني أنه ليس متجهًا مهما كان امتداده.
• اختبار التكبير: افتح الملف في المتصفح وكبّر إلى 800%، الحواف المتدرجة تعني بكسلات لا مسارات.
• اختبار التحرير: افتحه في Figma أو Inkscape، إن ظهر كعنصر واحد غير قابل للتفكيك فهو صورة مضمّنة.
• اختبار الحجم: ملف بحجم مئة كيلوبايت لشعار من ثمانية ألوان يعني عددًا هائلًا من المسارات الزائدة.

الملف الناتج من DocPivot يجتاز هذه الاختبارات الأربعة لأنه يُكتب من الصفر كمجموعات مسارات، كل مجموعة للون واحد، وكل مسار يحمل معرّفًا خاصًا به. هذا يعني أنه يفتح في Illustrator وInkscape وFigma كطبقات مستقلة يمكن إعادة تلوينها أو حذف بعضها. وإن كنت تحتاج نسخة نقطية جاهزة للنشر بعد التحرير، فأداة تحويل SVG إلى JPG تنتجها بالأبعاد التي تحددها.

كيف تعمل الأداة خطوة بخطوة

تمر عملية التتبّع في DocPivot بخمس مراحل متتابعة، وفهمها يساعدك على ضبط الإعدادات بدل التجربة العشوائية.

1. ضبط دقة العمل: تكلفة التتبّع تُحسب لكل بكسل، لذلك تُتتبّع الصورة بدقة أصغر ثم تُكبَّر المسارات الناتجة، وتكبير المتجهات مجاني وبلا خسارة. دقة العمل تُضبط حسب النمط بين 200 و4000 بكسل.
2. اختزال لوحة الألوان: تعتمد الأداة تقسيم k-means مع بذرة أبعد نقطة لتحويل الرسم إلى مناطق لونية مسطّحة. البذر حتمي، أي أن الصورة نفسها تنتج اللوحة نفسها في كل مرة، وهو أمر ضروري لأن المعاينة تُعاد مع كل تحريك للمؤشر ولوحة متغيرة ستجعل الصورة ترتجف أمامك. البكسلات الشفافة تُستبعد من اللوحة كليًا، وهذه بالضبط هي الطريقة التي تنجو بها قناة ألفا.
3. استخراج حدود المناطق: تُجمع حواف كل لون وتُخاط في حلقات مغلقة، والمناطق التي تقل مساحتها عن عتبة إزالة النقاط تُحذف.
4. التبسيط وملاءمة المنحنيات: خوارزمية Ramer-Douglas-Peucker تختصر كل حلقة، وتُكتشف الزوايا عند تغيّر اتجاه يبلغ خمسًا وأربعين درجة، ثم تُلاءم المقاطع بين الزوايا بمنحنيات بيزييه تكعيبية بطريقة المربعات الصغرى عبر خوارزمية Schneider مع إعادة معايرة نيوتن. الزوايا تُؤخذ من المخطط المبسّط بينما تُلاءم المنحنيات على المخطط الأصلي، لأن الملاءمة على النسخة المبسّطة أضعفت الدقة بشكل قابل للقياس.
5. كتابة الملف: تُكتب الأشكال من الأكبر إلى الأصغر ليستقر الفراغ الداخلي فوق التعبئة، وتُجمَّع مجموعة لكل لون ومسار لكل شكل.

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

الأنماط الجاهزة وما يناسب كل نمط

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

نمط الشعار هو الخيار الافتراضي المنطقي لمعظم من يصل إلى هذه الصفحة. نمط الاستنسل بلونين يناسب أجهزة القص وشاشات الحرير حيث تحتاج مسارات نظيفة قابلة للتتبّع بالسكين. أما نمط الصورة الفوتوغرافية فموجود للاكتمال لا للتوصية، والسبب مشروح في القسم التالي. المؤشرات القابلة للضبط يدويًا هي الألوان من 2 إلى 32، والتفاصيل من 0 إلى 10، وإزالة النقاط، وخيار الإبقاء على الخلفية أو إزالتها. وإذا احتجت قصّ الشعار من صورة أكبر قبل التتبّع، فأداة قص الصور تتيح ذلك بدقة بالبكسل.

ما لا تنجح فيه الأداة، بصراحة

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

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

مقارنة عملية على شعار واحد

اختُبر شعار PNG شفاف بمقاس 500 في 220 بكسل على عدد من الخدمات المتاحة في 21 أغسطس 2026، وهذه النتائج المسجّلة:

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

حالات استخدام واقعية

أكثر السيناريوهات تكرارًا في السوق العربي هو استعادة شعار قديم. شركة صغيرة في الرياض أو القاهرة تملك شعارها بصيغة PNG فقط لأن المصمم الأصلي لم يعد متاحًا، وتحتاج ملفًا متجهًا لمطبعة تطلب فيكتور للوحة خارجية. التتبّع يعيد بناء الشعار كمسارات جاهزة للطباعة بأي مقاس. السيناريو الثاني هو أيقونات المواقع: استبدال صور PNG ثقيلة بمسارات SVG خفيفة يحسّن سرعة التحميل ومؤشرات Core Web Vitals، ويمكن بعدها توليد أيقونة الموقع كاملة عبر أداة إنشاء الفافيكون.

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

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

أخطاء شائعة عند التحويل وكيف تتجنبها

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

الخطأ الثاني هو رفع عدد الألوان ظنًا أنه يحسّن الدقة. زيادة الألوان من 8 إلى 32 على شعار مسطّح تضيف مناطق دقيقة ناتجة عن ضغط JPEG السابق أو عن تنعيم الحواف، فينتفخ الملف دون مكسب بصري. الخطأ الثالث هو خفض قيمة إزالة النقاط إلى الصفر، وهو ما يبقي كل بقعة صغيرة في الصورة كمسار مستقل. الخطأ الرابع هو الإبقاء على الخلفية دون قصد ثم اكتشاف مستطيل أبيض خلف الشعار عند وضعه على موقع بخلفية ملونة. وإن كنت تحتاج تحويلات صيغ أخرى في المسار نفسه، تجمع أداة تحويل الصور الصيغ النقطية الشائعة في واجهة واحدة.

أدوات ذات صلة

أكمل سير عملك على الصور والمتجهات بأدوات DocPivot التالية:

• تحويل SVG إلى WebP: تصدير المتجه إلى صيغة ويب حديثة بحجم أصغر للاستخدام في الصفحات.
• تحويل JPG إلى PNG: تحويل صور JPEG إلى PNG لإضافة خلفية شفافة قبل التتبّع.
• تحويل WebP إلى PNG: تجهيز صور WebP كمدخل PNG صالح لعملية التتبّع المتجهي.
• تحويل PNG إلى AVIF: ضغط الصور النقطية بكفاءة أعلى للمواقع التي تدعم الصيغة.
• تحويل ICO إلى PNG: استخراج أيقونات المواقع القديمة كصور PNG قابلة للتتبّع.
• تحويل Base64 إلى صورة: استخراج الصور المشفّرة داخل الأكواد وإعادتها ملفات مستقلة.
• تحويل صورة إلى Base64: تضمين الصور مباشرة في CSS أو HTML دون طلب شبكة إضافي.
• إضافة علامة مائية للصور: حماية الأصول البصرية قبل مشاركتها مع أطراف خارجية.

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