Tracing groups the colours and turns each area into a filled shape. It does not recover an original vector design: logos and flat artwork trace cleanly, photos give large, blotchy SVGs.
Files (0)
No files yet
Add files and they convert right away. Change a setting and they convert again.
Built with open source libraries. Licenses
ما هو محول PNG إلى SVG؟
يتتبع محول PNG إلى SVG صورة نقطية إلى أشكال متجهة مملوءة. لا يستعيد تصميم المتجه الأصلي: يتم إعادة بناء الأشكال من وحدات البكسل، لذا تكون الحواف تقريبية. الشعارات والأيقونات وفن الخط وغيرها من الأعمال الفنية المسطحة ذات الألوان القليلة تتتبع جيدًا. الصور لا؛ تتحول إلى SVGs كبيرة ومبقعة يمكن أن يصل حجمها إلى عدة ميغابايت، وأحيانًا عشرات الميجابايت، وهي أكبر بكثير من PNG الذي بدأت به.
يفسر الفرق بين التنسيقين سبب استحقاق القيام بذلك على الإطلاق. يقوم PNG بتخزين شبكة ثابتة من وحدات البكسل، لذا فإن تكبيرها يجعل الحواف ممتلئة. يخزن SVG الخطوط العريضة الموصوفة على أنها مسارات ومليئة بالألوان، والتي يعيد المتصفح أو تطبيق التصميم رسمها بشكل نظيف بأي حجم. يمكن أن ينتقل SVG المتتبع إلى صفحة ويب، أو يتم إعادة تلوينه في محرر متجه، أو يمكن قراءته بواسطة آلة قطع أو نقاش ليزر يعمل من الخطوط العريضة.
يتم التتبع في خطوتين. أولاً، يتم تقليل الصورة إلى لوحة صغيرة، وهو الرقم الذي تختاره ضمن الألوان. ثم يمشي المتتبع على حافة كل منطقة من نفس اللون ويناسب الخطوط المستقيمة والمنحنيات معها، مما ينتج عنه مسارًا واحدًا مملوءًا لكل منطقة. يحصل كل مسار أيضًا على مخطط تفصيلي بدقة 1 بكسل بلونه الخاص، مما يغلق فجوات خط الشعر التي قد تظهر بين الأشكال المجاورة.
إعدادان يشكلان النتيجة. الألوان هي 2 أو 8 (الافتراضي) أو 16. التفاصيل منخفضة أو متوسطة (الافتراضي) أو عالية: يؤدي Low إلى طمس الصورة قليلاً أولاً، ويناسب المنحنيات الأكثر مرونة ويسقط الأشكال الأصغر من البقعة، مما يوفر ملفات أبسط وأصغر، بينما يتبع High وحدات البكسل عن كثب ويحافظ على الأشكال الصغيرة. يؤدي تغيير أي من الإعدادين إلى تتبع كل ملف مضاف مرة أخرى، ويعرض كل صف حجم SVG الجديد بجوار حجم PNG، حتى تتمكن من مقارنة الإعدادات قبل التنزيل.
يعمل التتبع من جانب العميل في عامل الويب في الخلفية باستخدام imagetracerjs، والذي يتم تنزيله فقط عند إضافة الملف الأول، بحيث تظل الصفحة سريعة الاستجابة ولا يتم تحميل أي صورة. يتم تصغير الصور التي يزيد طولها عن 1200 بكسل على كلا الجانبين قبل التتبع بحيث تنتهي المهمة بالثواني، ولا يزال SVG مضبوطًا على الفتح بالعرض والارتفاع الأصليين. يتم إيقاف التتبع الذي يستغرق أكثر من دقيقتين برسالة تشير إلى ألوان أقل أو تفاصيل أقل. يتم قبول ملفات PNG التي تصل إلى 100 ميجابكسل، وتصبح المناطق الشفافة أشكالًا شفافة، وتكون الأداة مجانية، بدون تسجيل، مع حد أقصى يومي للتحويلات.
كيفية تحويل PNG إلى SVG
أضف ملفات PNG الخاصة بك
قم بإسقاط صور PNG على المربع، أو انقر للتحميل. لا بأس بوجود عدة ملفات في وقت واحد، ويتم تتبع كل ملف بمجرد إضافته. الشعارات والأيقونات والرسومات المسطحة تعطي أنظف النتائج.
ضبط الألوان والتفاصيل
اختر لونين للعمل الفني بالأبيض والأسود، و8 ألوان لمعظم الشعارات و16 لونًا للرسومات المظللة. ابدأ بتفاصيل متوسطة. يؤدي تغيير أي من الإعدادين إلى تتبع كل ملف مرة أخرى بالقيم الجديدة.
تحقق من الأثر
يُظهر كل صف SVG الذي تم تتبعه كصورة مصغرة وحالته وخط الحجم مع الحجم قبل وبعد ومدى صغر حجم SVG أو أكبر. انقر فوق الصورة المصغرة لفتح SVG كبير والتبديل بين ما قبل وبعد. إذا بدت الحواف متكتلة أو كان الملف كبيرًا جدًا، قم بتغيير الإعداد وانظر مرة أخرى.
قم بتنزيل ملفات SVG
اضغط على أيقونة التنزيل في صف واحد لحفظ SVG، أو قم بتنزيل الكل في رأس القائمة لحفظ دفعة كـ Transformed-svg.zip.
لماذا تحويل PNG إلى SVG؟
يستحق التتبع ذلك عندما تكون الصورة بسيطة وتحتاج إلى تغيير حجمها أو قراءتها كمخططات تفصيلية. لأي شيء فوتوغرافي، احتفظ بـ PNG.
شعار موجود فقط كـ PNG
غالبًا ما يتم فقدان الملف المتجه الأصلي، وكل ما تبقى هو PNG يتم سحبه من موقع ويب أو توقيع بريد إلكتروني. يمنحك التتبع SVG يتم قياسه لشعار أو مهمة طباعة بدون حواف ممتلئة. تحقق من المنحنيات والنص الصغير عن كثب، حيث يتم إعادة بنائها من وحدات البكسل بدلاً من نسخها من ملف المصمم.
آلات القطع والنقاشين وبرامج التطريز
تتبع قواطع الفينيل ونقاشو الليزر والعديد من الأدوات الحرفية المسارات، وليس البكسل. أثر بلونين لصورة ظلية أو استنسل أو حرف واحد فقط يحول كل منطقة داكنة إلى شكل مغلق يمكن للآلة قطعه.
الأيقونات والرسوم التوضيحية للويب
يظل الرمز المسطح الذي يتم تتبعه إلى SVG حادًا على الشاشات عالية الكثافة ويمكن إعادة تلوينه باستخدام CSS. إذا كنت بحاجة لاحقًا إلى إصدار بكسل بحجم محدد، أعد SVG إلى PNG.
PNG مقابل SVG المتعقب: أيهما يجب استخدامه
| PNG | تتبع SVG | |
|---|---|---|
| ما يخزنه | شبكة من البكسلات. | الأشكال المملوءة المتتبعة من تلك البكسلات. ليس التصميم المتجه الأصلي. |
| التحجيم | ممتلئ الجسم أو ضبابي عند تكبيره. | يعيد الرسم بشكل نظيف بأي حجم. |
| الألوان | الملايين، مع تدرجات سلسة. | 2 أو 8 أو 16 لونًا مسطحًا. التدرجات تصبح العصابات. |
| الشفافية | قناة ألفا كاملة. | مناطق شفافة يتم تتبعها كأشكال شفافة. |
| الشعارات والأيقونات | غرامة على الحجم الذي تم حفظه. | ملاءمة جيدة: حواف نظيفة، سهلة إعادة التلوين. |
| الصور | مناسب تمامًا، وعادةً ما يكون الملف أصغر. | سوء الملاءمة: SVGs كبيرة ومبقعة، وأحيانًا عشرات الميجابايت. |
| التحرير | محرري بكسل. | محررات المتجهات، برامج القطع والنقش، التعليمات البرمجية. |
كيف تغير الألوان والتفاصيل الأثر
كل إعداد عبارة عن تداول بين مدى دقة مظهر SVG وعدد الأشكال التي يحتوي عليها. المزيد من الأشكال يعني ملفًا أكبر والمزيد من التنظيف في محرر المتجهات.
الألوان: 2، 8 أو 16
يتم تقليل الصورة إلى هذا العدد من الألوان قبل التتبع. لونان يناسبان الشعارات والاستنسل والتوقيعات وفن الخط بالأبيض والأسود. ثمانية يتعامل مع معظم الشعارات المسطحة مع عدد قليل من ألوان العلامة التجارية وبعض الحواف المصقولة. ستة عشر يحتفظ بمزيد من التظليل، بسعر العديد من الأشكال الصغيرة على طول كل حافة ناعمة.
التفاصيل: منخفضة أو متوسطة أو عالية
التفاصيل المنخفضة تطمس الصورة قليلاً، وتناسب المنحنيات بشكل غير محكم وترمي الأشكال الصغيرة بعيدًا، مما يعطي خطوطًا عريضة وملفات صغيرة. متوسط يناسب المنحنيات في حدود البكسل تقريبًا. يتبع High وحدات البكسل عن كثب ويحافظ على الأشكال الصغيرة، لذلك يحافظ على ضربات رفيعة ولكنه يلتقط الضوضاء أيضًا.
لماذا تسوء الصور
تحتوي الصورة على تدرجات وملمس ناعم في كل مكان، لذلك حتى عند 16 لونًا، فإنها تنقسم إلى آلاف البقع غير المنتظمة. يصبح كل تصحيح مسارًا بإحداثياته الخاصة، ويمكن أن ينتهي الأمر بـ SVG بعدة أضعاف حجم PNG بينما يبدو وكأنه نسخة ملصقة. هذا هو حد التتبع، وليس الإعداد الذي يمكنك إصلاحه.
الخصوصية والأمن
- يتم فك تشفير PNG وتتبعه داخل علامة تبويب المتصفح هذه، في عامل الخلفية. لا يتم تحميل الصورة أبدا.
- يتم تحميل مكتبة imagetracerjs من هذا الموقع فقط عند إضافة الملف الأول.
- تم إنشاء SVG من المسارات التي تم تتبعها فقط، بدون نصوص برمجية أو روابط أو نسخة مضمنة من PNG الأصلي.
- يرسل فحص الاستخدام اليومي اسم الأداة ومعرف الجهاز ورمز تسجيل الدخول الخاص بك إذا كان لديك واحد. لا يتم تضمين بيانات الصورة.
- بعد الدفعة، تسجل الصفحة عدد الملفات وإجمالي البايتات وتنسيق الإخراج، وليس أسماء الملفات أو وحدات البكسل مطلقًا.
الميزات الرئيسية
2 أو 8 أو 16 لونًا
من الأعمال الفنية بالأبيض والأسود إلى الرسومات المسطحة المظللة
تفاصيل منخفضة ومتوسطة وعالية
خطوط عريضة ناعمة ومضغوطة أو تتبع وثيق للأشكال الصغيرة
أشكال خالية من الفجوات
يخفي المخطط التفصيلي المطابق الرفيع على كل شكل طبقات بين الألوان
معاينة SVG وحجم الملف
شاهد النتيجة التي تم تتبعها ووزنها قبل التنزيل، ويتم تحديثها في كل مرة تقوم فيها بتغيير الإعداد
Frequently Asked Questions
Related Tools
JPG to SVG Converter
Trace a JPG logo, scan or signature into an SVG of filled shapes with 2, 8 or 16 colors. It does not recover the original vector design, and photos give large, blotchy SVGs
SVG to PNG Converter
Convert SVG vector graphics to PNG at 1x, 2x or 4x in your browser, no upload needed
PNG to PDF Converter
Put PNG screenshots and graphics into one PDF without losing detail, one page per image, in your browser
SVG to PDF Converter
Put SVG graphics onto PDF pages as images at 1x, 2x or 4x resolution, one page per file, in your browser
Comments
0 comments
No comments yet. Be the first to share your thoughts!