UltKit

تحويل SVG إلى GIF

ارسم ملف SVG كصورة GIF بالعرض الذي تختاره، للأماكن التي تقبل GIF ولا تستطيع عرض الملفات المتجهة. النتيجة صورة ثابتة بلوحة ألوان تصل إلى 256 لونًا، وتبقى شفافة حيثما لا يحتوي ملف SVG على أي رسم.

محوّل الصور

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

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

الإخراج

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

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

  1. 1

    ارفع ملفات SVG

    أضف حتى 20 ملف .svg، حجم كل منها 95 MB، من جهازك أو بسحبها وإفلاتها على منطقة الرفع.

  2. 2

    حدّد العرض بالبكسل

    ترسم هذه الصفحة الرسم المتجه بعرض 600 px. غيّر الرقم تحت تغيير حجم الصورة الناتجة في الإعدادات المتقدمة؛ ويتبع الارتفاع نسب الرسم.

  3. 3

    حوّل إلى GIF

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

تحويل SVG إلى GIF يستبدل رسمًا لا يرتبط بدقة معينة بشبكة بكسلات ثابتة من 256 لونًا كحد أقصى، وهذا مناسب للشعارات والأيقونات المسطحة وغير مناسب للتدرجات.

تحويل SVG إلى GIF بالعرض الذي تحتاجه

ملف SVG مجموعة تعليمات: ارسم هذا المسار، املأه بهذا اللون، ضع هذا النص. أما GIF فعكس ذلك: شبكة بكسلات يشير كل منها إلى أحد عناصر لوحة ألوان تصل إلى 256. والتحويل يعني رسم التعليمات مرة واحدة بعرض بكسل محدد وحفظ الناتج، ولهذا فإن العرض تحت تغيير حجم الصورة الناتجة أهم من أي إعداد آخر هنا. تبدأ هذه الصفحة بـ 600 px.

يعود GIF إلى عام 1987 حين نشرته CompuServe، وأضافت مراجعته عام 1989، GIF89a، الشفافية وتأخير الإطارات. وهذا القِدم هو قوته الرئيسية اليوم: فالبرامج التي ترفض الصيغ الأحدث، من محركات المنتديات القديمة إلى بعض برامج البريد وشبكات الإعلانات، ما زالت تعرض GIF. في المقابل يُمنع SVG في كثير من نماذج الرفع لأنه XML قد يحمل سكربتات.

ولأن المصدر متجه، يمكنك رسمه بأي عرض دون فقدان الحدة. اختر الحجم الذي ستُعرض به صورة GIF فعلًا؛ فتكبير GIF صغيرة لاحقًا يعيد التشوش الذي لم يكن في SVG.

from ↓ · to →خلفية شفافةحواف ناعمة شبه شفافةأكثر من 256 لونًاAnimation
GIFGIF to خلفية شفافة: yes– GIF to حواف ناعمة شبه شفافة: no– GIF to أكثر من 256 لونًا: noGIF to Animation: yes
PNGPNG to خلفية شفافة: yesPNG to حواف ناعمة شبه شفافة: yesPNG to أكثر من 256 لونًا: yes– PNG to Animation: no
WEBPWEBP to خلفية شفافة: yesWEBP to حواف ناعمة شبه شفافة: yesWEBP to أكثر من 256 لونًا: yesWEBP to Animation: yes
JPG– JPG to خلفية شفافة: no– JPG to حواف ناعمة شبه شفافة: noJPG to أكثر من 256 لونًا: yes– JPG to Animation: no
supported not offeredما يستطيع كل هدف نقطي حمله بعد رسم SVG فيه. GIF وحده مقيّد بلوحة من 256 لونًا وبشفافية تعمل أو تتوقف لكل بكسل.

SVG

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

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

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

GIF

تنسيق تبادل الرسومات (GIF)

قدّمت شركة CompuServe تنسيق GIF عام 1987، وما زال أكثر التنسيقات دعمًا للرسوم المتحركة القصيرة المتكررة. هو تنسيق بلا فقدان في الجودة، لكنه محدود بلوحة ألوان من 256 لونًا لكل إطار، ولذلك تظهر في الصور والتدرجات خطوط تدرج وتنقيط واضحة. ويدعم الشفافية بنمط التشغيل/الإيقاف فقط (1 بت)، مما يترك حوافًا مسنّنة في الأشكال المنحنية. وغالبًا ما تكون ملفات GIF المتحركة أكبر بكثير من المقطع نفسه بتنسيق MP4 أو WebP. تعرض كل المتصفحات وتطبيقات الدردشة ومنصات التواصل ملفات GIF.

الضغط
دون فقدان
الشفافية
نعم
الحركة
نعم
سنة الظهور
1987 · CompuServe
محول GIF

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

تحويل SVG المتحرك إلى GIF: ما الذي لا يُحوَّل

تُحذف رسوم SMIL و CSS والسكربتات المتحركة

ملف SVG الذي يتحرك في المتصفح عبر عناصر animate أو إطارات CSS الرئيسية أو JavaScript يصبح إطار GIF ثابتًا واحدًا يعرض الحالة الابتدائية. للحصول على GIF متحركة، سجّل الحركة كفيديو وحوّله بأداة تحويل الفيديو إلى GIF.

256 لونًا وشفافية أحادية البت عمليًا

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

الحل أن تحدد الخلفية قبل التحويل. إن كانت GIF ستوضع على نص بريد أبيض، فأعطِ SVG مستطيل خلفية أبيض؛ وعلى قالب منتدى داكن، استخدم لون ذلك القالب. عندها تمتزج بكسلات الحواف مع اللون الصحيح ويبقى المخطط ناعمًا. وإن لم تكن تعرف ذلك مسبقًا، فـ PNG أكثر أمانًا.

أسئلة حول تحويل SVG إلى GIF

لماذا أستخدم GIF بدلًا من PNG لشعار بصيغة SVG؟

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

هل سيتحول ملف SVG المتحرك إلى GIF متحرك؟

لا. يرسم المحوّل ملف SVG مرة واحدة في حالته الابتدائية، فلا تعمل عناصر الحركة SMIL ولا إطارات CSS الرئيسية ولا السكربتات، وتحصل على إطار ثابت واحد. لالتقاط الحركة، سجّل تشغيل الرسم المتحرك في المتصفح كفيديو، ثم استخدم تحويل الفيديو إلى GIF.

لماذا تبدو حواف الشعار مسنّنة أو تظهر حولها هالة فاتحة؟

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

ماذا يحدث للتدرجات اللونية في ملف SVG؟

تحتوي لوحة ألوان GIF على 256 لونًا كحد أقصى، لذا تُقرَّب التدرجات الناعمة. التدرجات القصيرة تبدو جيدة، أما الكبيرة الدقيقة فتظهر فيها درجات متقطعة أو نمط تنقيط. أما الشعارات والأيقونات ذات الألوان المسطحة، وهي المحتوى المعتاد لـ SVG، فتتسع لها اللوحة بسهولة.

هل يمكنني استخدام صورة GIF في توقيع البريد الإلكتروني؟

نعم، وهذا من أهم أسباب الحاجة إلى هذا التحويل. لا يعرض Gmail وOutlook صور SVG داخل الرسائل، بينما تعرض برامج البريد صيغة GIF منذ عقود. اجعل العرض معتدلًا، نحو 300 إلى 600 px، ليبقى التوقيع خفيفًا.

ما إعدادات حجم SVG التي يقرأها المحول؟

يستخدم عرض الرسم وارتفاعه وقيمة viewBox لحساب النسب، ثم يرسمه بعرض البكسل الذي تحدده. ولأن المصدر متجه، فاختيار عرض أكبر لا يكلّف وضوحًا، بل حجم الملف فقط.