PNG · JPG → SVG
تحويل PNG/JPG إلى SVG متجهي
حوّل PNG أو JPG إلى أشكال SVG قابلة للتعديل. عاين النتيجة ونزّلها بخصوصية داخل متصفحك.
أضف صورة
PNG · JPG · JPEG
عدد ألوان أقل ينتج SVG أبسط.
ملف SVG الخاص بك
أضف صورة وحوّلها لمعاينة ملف SVG.
الأنسب للشعارات والرسوم. تُقرب الصور الفوتوغرافية وقد تنتج ملفات SVG كبيرة. تبقى مناطق PNG الشفافة شفافة.
اختر الصورة والإعدادات المناسبة لتتبع SVG
يحوّل التتبع المناطق الملونة في PNG أو JPG إلى مسارات SVG. تنجح الرسومات المسطحة والحواف الواضحة عادة أفضل من الصور الفوتوغرافية. يقارب الناتج الأصل ولا يستعيد تفاصيل غير موجودة فيه.
خطوة بخطوة
- افتح PNG أو JPG بموضوع واضح. قص المحيط غير الضروري مسبقاً إذا كان سيضيف مسارات غير مرغوبة.
- ابدأ بلوحة ألوان صغيرة وتفاصيل متوازنة. تتبّع وقارن المعاينات وعدّل إعداداً واحداً في كل مرة.
- نزّل SVG وافحصه بحجم العرض المقصود. احتفظ بالأصل النقطي عندما تكون التفاصيل الفوتوغرافية الدقيقة مهمة.
الإعدادات والحدود
- لوحة الألوان
- تبسط الألوان الأقل المناطق وتقلل المسارات، لكنها قد تدمج درجات مهمة. لا تعيد الألوان الأكثر التفاصيل المفقودة.
- تفاصيل التتبع
- تحدد الأوضاع البسيط والمتوازن والمفصل أطول حافة لصورة العمل عند 240 و400 و600 بكسل على التوالي.
- الشفافية والنص
- تُحذف المناطق الشفافة. تُبسّط الشفافية الجزئية؛ ويتحول النص إلى أشكال لا إلى حروف قابلة للتحرير أو البحث.
مثال تطبيقي
حمّل color-blocks.png واختر 3 ألوان وتفاصيل متوازنة. يُتتبّع المصدر 600 × 400 بحجم 400 × 267 بكسل.
تنزيل ملفات المثال
مدخلات المثال
600 × 400 px · 3النتيجة المتوقعة
<svg width="600" height="400" viewBox="0 0 400 267">
<path/> <path/> <path/>
</svg>يحتوي مثال SVG على 3 مسارات مملوءة ويحافظ على حجم عرض 600 × 400. ولا يتضمن صورة المصدر النقطية مضمّنة.
الأسئلة وحل المشكلات
لماذا اختفت الحروف الصغيرة أو الخطوط الرفيعة؟
قد يزيلها التصغير والتبسيط. جرّب الوضع المفصل ومصدراً أوضح؛ وأعد إنشاء النص المهم في محرر متجهات.
هل يكون SVG أصغر من PNG دائماً؟
لا. قد تنتج الصور المعقدة مسارات كثيرة وملفات أكبر. قارن التنزيلات الفعلية بدلاً من افتراض أن المتجهات أصغر.
لماذا تُرفض صورة شفافة بالكامل؟
لا توجد بكسلات مرئية لتتبعها. اختر رسماً بأشكال مرئية بدلاً من مساحة شفافة فارغة.