UltKit

تحويل WebP إلى SVG

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

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

أو أفلت ملفات JPG, JPEG, JFIF … هنا ·

الحد الأقصى 95 MB لكل ملف· حتى 20 ملفًا· تُحذف بعد 30 دقيقة

الإخراج
12

تُعالج الملفات على خوادمنا وتُحذف بعد 30 دقيقة.

طريقة استخدام هذه الأداة

  1. 1

    ارفع صورة WebP

    أضف شعارًا أو أيقونة أو ملصقًا محفوظًا من أحد المواقع، حتى 20 ملفًا بحجم 95 MB لكل ملف. كلما كانت الصورة المصدر أكبر وأنظف، كان التحويل إلى متجهات أدق.

  2. 2

    حدد عدد الألوان

    يبدأ عدد الألوان من 12، وهو كافٍ لمعظم الشعارات. اخفضه للشعار ثنائي اللون، أو اضبط وضع الألوان على أبيض وأسود للحصول على ملف قص بلون واحد.

  3. 3

    حوّلها إلى SVG متجه

    اضغط تحويل إلى متجهات إلى SVG ← ونزّل الملفات. افتحها في Inkscape أو Illustrator أو Figma أو Cricut Design Space للتحقق من الأشكال.

الإجابة

هل يمكن فعلًا تحويل WebP إلى SVG؟

فقط بالتتبع. يخزّن WebP البكسلات بينما يخزّن SVG الأشكال. تعيد هذه الأداة رسم ألوان ملف WebP كمسارات متجهة؛ أما أي أداة تكتفي بتغيير اسم الملف أو تضمين الصورة النقطية فتعطيك SVG يتشوش عند التكبير.

تحويل WebP إلى SVG: التتبع مقابل التضمين

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

التضمين يكتب ملف SVG يحتوي على WebP كنص base64. يزيد base64 حجم الصورة بنحو الثلث، وتبقى النتيجة صورة نقطية بتسمية متجهة. أما التتبع، وهو الطريقة المستخدمة هنا وفي ميزة Trace Bitmap في Inkscape المبنية على خوارزمية Potrace، فيقرأ مساحات اللون ويكتبها كمسارات. والنتيجة قابلة فعلًا للتكبير والتعديل، على حساب بعض التفاصيل الدقيقة. يشرح دليل تحويل الصورة إلى SVG كل إعدادات التتبع.

SVG المتتبَّع مقابل WebP المضمَّن: ما يتيحه كل ملف

SVG متتبَّعSVG يحتوي WebPWebP الأصلي
حاد عند أي تكبيرyesnono
أشكال قابلة للتعديل في Illustrator أو Inkscapeyesnono
صالح كمسارات قص لـ Cricut أو الليزرyesnono
يحتفظ بتفاصيل الصور الفوتوغرافيةnoyesyes
حجم الملف المعتاديزداد مع التفاصيلأكبر بنحو ⅓ من WebPالأصغر
  1. فك ترميز WebP

    تُقرأ البكسلات وقناة الشفافية، وتُستبعد المناطق الشفافة.

  2. تجميع الألوان

    تُدمج البكسلات المتشابهة ضمن عدد الألوان الذي اخترته.

  3. رسم المسارات

    تتحول كل منطقة لونية إلى منحنيات منعّمة تُكتب في ملف SVG محسّن.

WEBP

صورة WebP

WebP صيغة صور أصدرتها Google عام 2010 لتسريع تحميل صفحات الويب. تدعم الضغط مع الفقد وبلا فقد وشفافية ألفا والحركة في صيغة واحدة. تكون ملفات WebP ذات الفقد أصغر عادةً بنسبة 25–35% من JPEG بجودة مرئية مماثلة، وWebP بلا فقد أصغر عادةً من PNG. تدعمها كل المتصفحات الحالية، لكن بعض برامج سطح المكتب الأقدم وخدمات الطباعة ونماذج الرفع ما زالت ترفضها. يفتح Windows وmacOS ومعظم برامج تحرير الصور الحديثة ملفات WebP.

الضغط
مع فقدان أو دونه
الشفافية
نعم
الحركة
نعم
سنة الظهور
2010 · Google
محول WEBP

SVG

رسومات متجهة قابلة للتحجيم (SVG)

SVG صيغة متجهة قائمة على XML اعتمدها W3C عام 2001. فهي تصف الأشكال والمسارات والنصوص بدل البكسلات، فتبقى حادة بأي حجم، وغالبًا ما تكون صغيرة جدًا للشعارات والأيقونات. وتدعم الشفافية وتنسيق CSS والبرمجة والحركة، وتعرضها كل المتصفحات مباشرةً. لا يناسب SVG الصور الفوتوغرافية، وقد يبطؤ عرض الرسومات المعقدة. يمكن فتحه وتحريره في Illustrator وInkscape وFigma والمتصفحات.

الضغط
–
الشفافية
نعم
الحركة
نعم
سنة الظهور
2001 · W3C
محول SVG

يبحث الناس عن تحويل WebP إلى SVG عندما يلزم تحويل شعار أو أيقونة محفوظة من موقع إلى صيغة قابلة للتكبير والتعديل والقص، وهو ما لا يحققه إلا التتبع؛ أما الاتجاه المعاكس فتحويل بسيط إلى بكسلات للويب.

احصل على SVG نظيف من صورة WebP محفوظة من موقع ويب

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

أبقِ التنعيم قرب قيمته الافتراضية للشعارات ذات المنحنيات، واضبط المنحنيات على خطوط مستقيمة للأشكال الهندسية ذات الحواف المستقيمة. بعد التتبع احذف البقع المتبقية في المحرر. وإذا كنت تحتاج الصورة لتُفتح في مكان ما دون تكبير، فـتحويل WebP إلى PNG هو الطريق الأسرع والأدق.

أسئلة شائعة حول تحويل WebP إلى SVG

لماذا تعطيني أدوات تحويل WebP إلى SVG الأخرى ملفًا ضبابيًا؟

كثير منها يضع ملف WebP داخل ملف SVG كصورة مضمّنة ويغيّر الامتداد فقط. يُفتح الملف كـ SVG لكنه يبقى بكسلات، فيتشوش عند التكبير ولا يحتوي على أشكال قابلة للتعديل. افتح الملف في محرر نصوص: إذا رأيت سلسلة طويلة تبدأ بـ data:image فهذا يعني أنه لم يجرِ أي تتبع للأشكال.

هل يمكن تحويل صورة فوتوغرافية بصيغة WebP إلى SVG؟

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

هل تبقى الخلفية الشفافة في صورة WebP شفافة؟

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

كم لونًا يجب أن أستخدم عند تتبع شعار WebP؟

عدّ الألوان المسطحة التي تراها وأضف لونين أو ثلاثة للحواف الناعمة. الشعار ثنائي اللون يُتتبَّع بوضوح عند 4، وقد يحتاج رسم الشخصية الكرتونية إلى 16 حتى 24. الإفراط في الألوان ينتج شرائح رفيعة من الأشكال على طول كل حافة.

هل يمكن استخدام ملف SVG مع Cricut أو آلة القص بالليزر؟

نعم، وهذا من أهم أسباب التحويل إلى متجهات. يستورد Cricut Design Space ملف SVG كطبقات منفصلة لكل لون، وتقرأ برامج الليزر المسارات كخطوط قص أو نقش. استخدم أبيض وأسود مع الخطوط الخارجية فقط عندما تحتاج إلى خط قص واحد.

لماذا يبدو ملف SVG المتتبَّع متكتلًا مقارنة بالشعار الأصلي؟

ملفات WebP منخفضة الدقة من المواقع لا يتجاوز عرضها غالبًا 100 إلى 200 px، فيضطر المتتبِّع إلى تخمين المنحنيات من بكسلات قليلة. ابحث عن نسخة أكبر من الشعار، أو كبّره أولًا عبر زيادة حجم الصورة، ثم أعد التحويل.