UltKit

تبدیل SVG به GIF

فایل SVG را با عرض دلخواه خود به تصویر GIF تبدیل کنید تا در جاهایی که GIF می‌پذیرند ولی فایل وکتور را نمایش نمی‌دهند قابل استفاده باشد. خروجی یک تصویر ثابت با پالت حداکثر 256 رنگ است و هر جا که SVG چیزی ترسیم نکرده باشد، شفاف می‌ماند.

مبدل عکس

یا فایل‌های JPG, JPEG, JPE … را اینجا رها کنید ·

حداکثر 95 MB برای هر فایل· تا 20 فایل· حذف پس از 30 دقیقه

خروجی

فایل‌ها روی سرورهای ما پردازش می‌شوند و پس از 30 دقیقه حذف می‌شوند.

نحوه استفاده از این ابزار

  1. 1

    فایل‌های SVG را بارگذاری کنید

    تا ۲۰ فایل .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 یک فرمت برداری مبتنی بر XML است که W3C در سال 2001 استانداردسازی کرد. به‌جای پیکسل، شکل‌ها، مسیرها و متن را توصیف می‌کند؛ بنابراین در هر اندازه‌ای شفاف می‌ماند و برای لوگو و آیکن معمولاً بسیار کم‌حجم است. از شفافیت، استایل CSS، اسکریپت و انیمیشن پشتیبانی می‌کند و همه مرورگرها آن را به‌صورت بومی نمایش می‌دهند. SVG برای عکس مناسب نیست و تصاویر پیچیده ممکن است کند رندر شوند. Illustrator، Inkscape، Figma و مرورگرها می‌توانند آن را باز و ویرایش کنند.

فشرده‌سازی
–
شفافیت
بله
انیمیشن
بله
سال معرفی
2001 · W3C
مبدل SVG

GIF

فرمت تبادل گرافیکی (GIF)

GIF را شرکت CompuServe در سال 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

چرا برای لوگوی SVG به جای PNG از GIF استفاده کنیم؟

فقط وقتی مقصد GIF بخواهد، مثل یک CMS قدیمی، امضای انجمن یا قالب تبلیغاتی که 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 طرح برای محاسبهٔ تناسب استفاده می‌کند و سپس آن را با عرض پیکسلی که تعیین کرده‌اید رسم می‌کند. چون منبع برداری است، انتخاب عرض بزرگ‌تر از وضوح کم نمی‌کند و فقط حجم فایل را بالا می‌برد.