تحويل الصورة إلى SVG

كيفية تحويل صورة إلى SVG

1. أفلت صورة PNG أو JPG أو WebP أو GIF في منطقة الإفلات، أو انقر عليها لاختيارها. تظهر الصورة الأصلية على اليسار.
2. اختر الإعداد المسبق: - شعار (ألوان مسطحة وأشكال نظيفة) للشعارات والأيقونات والأختام والرسوم المسطحة؛ - مفصّل (ألوان ومسارات أكثر) للرسوم التي فيها ظلال أو ألوان كثيرة؛ - ملصق (4 ألوان منعّمة) لنتيجة فنية تشبه الملصقات انطلاقًا من صورة فوتوغرافية.
3. اضبط عدد الألوان (من 2 إلى 64) وتجاهل النقاط الأصغر من (px) عند الحاجة. يملأ الإعداد المسبق قيمًا معقولة لكليهما.
4. اختر حجم المعالجة (الضلع الأطول). تُتتبَّع الصورة بهذا الحجم، بينما يحتفظ ملف SVG نفسه بالأبعاد الأصلية.
5. انقر التحويل إلى SVG. تظهر النتيجة على اليمين مع حجم الملف، وعدد المسارات والألوان، والمدة التي استغرقها التتبّع.
6. انقر تنزيل SVG، أو نسخ شيفرة SVG للصقها في صفحة HTML أو في برنامج التصميم.

كيف يعمل التتبّع

تستخدم هذه الأداة imagetracerjs، وهي مكتبة تتبّع مفتوحة المصدر، على ثلاث مراحل:

1. تكميم الألوان: تُختزل الصورة إلى عدد الألوان الذي اخترته. يُسند كل بكسل إلى أقرب لون في اللوحة، وتُحسَّن اللوحة على عدة تمريرات.
2. كشف الحواف: لكل لون، تُتتبَّع حدود كل منطقة بذلك اللون، بما في ذلك الثقوب (مثل داخل حرف «O»).
3. مواءمة المسارات: تُبسَّط الحدود إلى خطوط مستقيمة ومنحنيات تربيعية، تصبح عناصر <path> في ملف SVG.

تُحذف المناطق الأصغر من حد تجاهل النقاط الأصغر من (px)، فيزول التشويش وتشوهات JPG. القيمة 0 تحتفظ بكل شيء؛ ومن 8 إلى 20 مناسبة للشعارات؛ والقيم الأكبر تعطي رسمًا أنظف لكنه أبسط. وتُزال المناطق الشفافة تمامًا، فيبقى الشعار ذو الخلفية الشفافة شفافًا.

ما الذي يعطي نتائج جيدة

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

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

نصائح لشعار أنظف:

• ابدأ من أكبر نسخة وأوضحها لديك من الصورة؛
• اضبط عدد الألوان على العدد الحقيقي لألوان الشعار (بما فيها الخلفية)؛
• ارفع حد تجاهل النقاط إن رأيت نقاطًا صغيرة حول الحواف.

الخصوصية وأمان المعاينة

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