تحويل PNG إلى SVG
حوّل PNG بالتتبع إلى رسم SVG متجه قابل للتكبير في متصفحك. تناسب الأداة الشعارات والأيقونات المسطحة ذات الألوان القليلة، لا الصور الفوتوغرافية.
أفلت ملفاتك هنا
.png · حتى 20 م.ب
إعدادات إضافيةإعدادات أقل
طريقة تحويل إلى SVG
- 1
إفلات ملف PNG
أفلت حتى 20 ملفًا، بحد 20 ميغابايت للملف و4 ميغابكسل للصورة. وملفات JPEG وWebP وBMP التي يحمل اسمها الامتداد .png تُحول دون أي تنبيه.
- 2
اختيار عدد الألوان
كلما قل عدد الألوان كانت النتيجة أنظف وأخف. اختر لونين لشعار أسود على خلفية بيضاء، وثمانية ألوان لمعظم الأيقونات المسطحة.
- 3
تنزيل ملف SVG
تعرض بطاقة النتيجة عدد الألوان والمسارات الناتجة، فتعرف مباشرة هل كانت الإعدادات مناسبة.
ما الذي يفعله التتبع
التحويل إلى رسم متجه ليس تحويلًا بالمعنى الدقيق، بل تقريب. فأولًا تُختزل ألوان الصورة إلى لوحة محدودة، ثم تُتتبع حدود كل منطقة أحادية اللون وتتحول إلى سلسلة من القطع المستقيمة ومنحنيات Bezier. وينجح ذلك حين يتكون المصدر فعلًا من مساحات مسطحة: شعار، أو قالب استنسل، أو أيقونة تطبيق، أو لقطة شاشة لرسم بياني. ويفشل حين يكون المصدر متدرج الألوان: فالصورة الفوتوغرافية لا تحتوي على مساحات مسطحة، فيختلق المتتبع آلافًا من المساحات الصغيرة، وتصبح الحواف مستديرة، وتنكسر التدرجات الهادئة إلى أشرطة ظاهرة، وينتهي ملف SVG أكبر من PNG وأقل حدة منه في الوقت نفسه. وستعالج هذه الأداة الصورة الفوتوغرافية رغم ذلك، وستنبهك إلى ذلك في بطاقة النتيجة، لكن الأجدر أن نقول ذلك في هذه الصفحة بدل أن نفاجئك بعد فوات الأوان.
الإعدادات الأربعة ووظيفة كل منها
«عدد الألوان» هو الإعداد الرئيسي: يحدد حجم اللوحة التي تُختزل إليها كل الألوان، ويتحكم أكثر من غيره في حجم الملف وفي مدى نظافة المسارات. ويحدد «التنعيم» مدى التصاق المنحنيات بالحدود المتتبعة: القيمة المنخفضة تحافظ على الزوايا الحادة على حساب عدد أكبر بكثير من نقاط الارتكاز، والقيمة المرتفعة تنتج منحنيات ناعمة قد تبتلع التفاصيل الصغيرة. ويستبعد خيار «تجاهل الأشكال الصغيرة» أي مسار أقصر من عدد البكسلات المحدد، وهو الحل المناسب لتشوهات JPEG وضوضاء الماسح الضوئي. أما «عرض الحد الخارجي» فقيمته صفر افتراضيًا، أي أن الأشكال تُملأ دون خط حدودي ظاهر؛ فارفعه إذا أردت أن تُرسم كل منطقة بحد خارجي مطابق لها أيضًا.
الشفافية، ونتيجة يمكنك فحصها
حين يكون خيار «الإبقاء على الشفافية» مفعّلًا، تُعامل البكسلات التي تقل قيمة ألفا فيها عن النصف على أنها خانة شفافة مستقلة في اللوحة ولا تُرسم، فيخرج الشعار الموضوع على خلفية شفافة بخلفية شفافة. وإذا أوقفته، يوضع أولًا مستطيل بأكثر الألوان المعتمة شيوعًا، ثم الأشكال المتتبعة فوقه، وهذا مفيد حين لا تتعامل الوجهة مع الشفافية إطلاقًا. وفي الحالتين تكون النتيجة ملف XML بسيطًا ومقروءًا: يمكنك فتحه في أي محرر، ورؤية المسارات، وتغيير لون التعبئة يدويًا.
يبقى ملفك على جهازك
فك الترميز والتتبع يجريان كلاهما داخل علامة التبويب في متصفحك. مفكك ترميز PNG وحدة WebAssembly، والمتتبع مكتوب بلغة JavaScript، ولا يتصل أي منهما بالشبكة. لا يُرفع شيء، ولا يوضع شيء في قائمة انتظار على خادم، وإغلاق علامة التبويب يمسح كل شيء من الذاكرة.
الأسئلة الشائعة
لماذا لا يبدو ملف SVG مطابقًا لملف PNG الأصلي؟
لأن التتبع يعيد بناء الصورة من منحنيات بدل نسخ البكسلات. فتُختزل الألوان إلى لوحة محدودة، وتُقرب كل حافة بمنحنى يمر قرب الحافة الأصلية لا عليها تمامًا. في الرسوم المسطحة لا يُرى الفرق بالحجم العادي، أما في المحتوى المفصل أو الفوتوغرافي فيكون واضحًا.
كم لونًا أختار لشعار؟
احسب الألوان المسطحة في الشعار واستخدم هذا العدد. الشعار ذو اللون الواحد على خلفية بيضاء يعطي أنظف نتيجة بالقيمة 2، والشعار المعتاد ذو اللونين بالقيمة 3 أو 4. ورفع العدد لا يزيد دقة الرسوم المسطحة؛ بل يقسم بكسلات الحواف المنعّمة إلى أشكال وسيطة إضافية ويضخّم الملف.
لماذا تكون النتيجة ثقيلة إلى هذا الحد مع الصور الفوتوغرافية؟
الصورة الفوتوغرافية لا تحتوي على مساحات مسطحة، فينتج المتتبع مسارًا لكل بقعة صغيرة من لون متقارب، وكثيرًا ما تبلغ عشرات الآلاف. وإذا تجاوز مجموع المسارات 50,000 نقطة ارتكاز، تُرفض النتيجة بدل تسليمها، لأنها ستكون أبطأ في الفتح من الأصل وأسوأ في المظهر. وإذا أردت المحاولة رغم ذلك، فاخفض عدد الألوان إلى 4 وارفع قيمة «تجاهل الأشكال الصغيرة».
ماذا يفعل خيار «تجاهل الأشكال الصغيرة»؟
يحذف أي مسار متتبع أقصر من هذا العدد من البكسلات. فالنقاط الصغيرة الناتجة عن ضغط JPEG، وحبيبات الماسح الضوئي، والخلفية التي فيها ضوضاء خفيفة، تتحول كلها إلى مسارات لولا هذا الخيار، وكل مسار منها يزيد الحجم دون أن يضيف شيئًا تراه. والقيمة الافتراضية 8 تزيل معظم الضوضاء، مع الإبقاء على التفاصيل الصغيرة المقصودة مثل النقطة فوق حرف i.
هل يمكنني إضافة حد خارجي حول الأشكال؟
نعم. ارفع «عرض الحد الخارجي» فوق الصفر، فتُرسم كل منطقة متتبعة بحد بلون تعبئتها نفسه. وعند القيمة 0 تُملأ الأشكال فقط، وهذا ما تريده عادة لشعار، لأن الحد بلون الشكل نفسه لا يفعل سوى أن يجعل كل شكل أعرض قليلًا.
هل تُحفظ الشفافية؟
نعم، حين يكون خيار «الإبقاء على الشفافية» مفعّلًا. تحصل البكسلات التي تقل قيمة ألفا فيها عن النصف على خانة خاصة بها في اللوحة ولا تُرسم إطلاقًا، فتبقى الخلفية شفافة بدل أن تصبح مربعًا أبيض. وإذا أردت بدلًا من ذلك مستطيل خلفية مصمتًا بأكثر ألوان الصورة شيوعًا، فأوقف هذا المفتاح.
كم ملفًا يمكنني تحويله دفعة واحدة؟
حتى 20 ملفًا، بحد 20 ميغابايت و4 ميغابكسل لكل ملف. وحد الميغابكسل هنا أقل عمدًا مما هو عليه في أدواتنا الأخرى لملفات PNG: فوقت التتبع يزداد أسرع من عدد البكسلات، والصورة الأكبر كانت ستجمّد علامة التبويب بدل أن تكتمل معالجتها.
هل يُرفع الملف إلى خادم؟
لا. يُفك ترميز ملف PNG ويُتتبع في متصفحك، ويُبنى ملف SVG هناك أيضًا. لا يغادر أي شيء علامة التبويب في أي مرحلة.
أدلة
أدوات ذات صلة
SVG إلى PNGحوّل ملفات SVG إلى PNG بأي مقياس أو بأبعاد دقيقة بالبكسل في متصفحك. وتُحذف النصوص البرمجية والروابط الخارجية قبل رسم أي شيء.
تغيير حجم الصورةغيّر أبعاد الصورة بالبكسل: بقياس دقيق، أو بنسبة مئوية، أو بمقاس جاهز، دون أن تغادر متصفحك.
إزالة الخلفيةافصل العنصر الرئيسي عن خلفية أي صورة بالذكاء الاصطناعي: يحدده خادمنا في نسخة مصغّرة بحجم 1024 × 1024، ويقصه متصفحك من الصورة نفسها. نزّل ملف PNG بخلفية شفافة، أو الصورة المقصوصة نفسها على لون موحّد.
JPG إلى PNGحوّل صور JPG إلى PNG بلا فقدان في متصفحك، مع تحسين اختياري إلى لوحة ألوان أو تدرّج الرمادي، ودون رفع أي ملف.
ضغط الصورصغّر ملفات JPG وPNG وWebP وAVIF وGIF في متصفحك: اختر مستوى يحافظ على الدقة، أو حجمًا مستهدفًا بالكيلوبايت أو الميغابايت لكل الصيغ عدا GIF.
تحويل إلى WebPحوّل صور JPG وPNG وGIF وAVIF وBMP وHEIC إلى WebP، وخفّض حجمها بمقدار الربع إلى الثلث، دون رفع أي شيء.