Конвертувати SVG у GIF

Перетворіть SVG на GIF-зображення потрібної ширини для сервісів, які приймають GIF, але не показують векторні файли. Результат — статичне зображення з палітрою до 256 кольорів, прозоре там, де в SVG нічого не намальовано.

або перетягніть Файли JPG, JPEG, JPE … сюди ·

До 95 МБ на файл· До 20 файлів· Видаляються через 30 хв

Результат

Конвертувати в

Файли обробляються на наших серверах і видаляються через 30 хв.

Якість і колір

Розмір результату

Змінити розмір результату

Залиште початкові розміри або введіть одну сторону — пропорції збережуться.

Розмір

Пікселі для сторони, обраної вище.

Метадані та колірний профіль

Автоорієнтація

Повертає зображення за орієнтацією, збереженою в EXIF, щоб воно скрізь відображалося правильно.

Видалити метадані

Видаляє GPS-координати, дані камери та коментарі. Профіль кольору можна зберегти окремо нижче.

Зберегти колірний профіль

Зберігає вбудований профіль ICC, щоб кольори залишалися точними після конвертації.

Колірний простір

sRGB підходить для екранів і вебу. Для друку залиште оригінальний; відтінки сірого відкидають колір.

Тег DPI

dpi

Лише метадані, 0 зберігає початкове значення. Принтери та деякі портали читають це число; воно не змінює піксельні розміри.

Як користуватися цим інструментом

1
Виберіть SVG-файли
Додайте до 20 файлів .svg, до 95 MB кожен, зі свого комп’ютера або перетягніть їх в область завантаження.
2
Задайте ширину в пікселях
Ця сторінка малює вектор шириною 600 px. Змініть число в полі Змінити розмір результату у розділі Додаткові налаштування; висота визначається пропорціями малюнка.
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
GIF	GIF to Прозоре тло: yes	– GIF to М’які напівпрозорі краї: no	– GIF to Понад 256 кольорів: no	GIF to Animation: yes
PNG	PNG to Прозоре тло: yes	PNG to М’які напівпрозорі краї: yes	PNG to Понад 256 кольорів: yes	– PNG to Animation: no
WEBP	WEBP to Прозоре тло: yes	WEBP to М’які напівпрозорі краї: yes	WEBP to Понад 256 кольорів: yes	WEBP to Animation: yes
JPG	– JPG to Прозоре тло: no	– JPG to М’які напівпрозорі краї: no	JPG 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

Graphics Interchange Format

GIF запровадила компанія CompuServe у 1987 році, і досі це найпоширеніший формат для коротких зациклених анімацій. Він стискає без втрат, але обмежений палітрою з 256 кольорів на кадр, тому на фото й градієнтах видно смуги та дизерінг. GIF підтримує лише прозорість «увімк./вимк.» (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-логотип у GIF, а не в PNG?

Лише тоді, коли місце призначення вимагає GIF: застарілий CMS, підпис на форумі або рекламний шаблон, у якому GIF указано як тип зображення. PNG зберігає м’які краї та необмежену кількість кольорів, тому SVG у PNG — кращий вибір за замовчуванням, коли дозволені обидва формати.

Чи стане анімований SVG анімованим GIF?

Ні. Конвертер малює SVG один раз, у початковому стані, тому елементи анімації SMIL, CSS-кадри й скрипти не виконуються, і ви отримуєте один нерухомий кадр. Щоб зберегти рух, запишіть анімацію в браузері як відео, а потім скористайтеся відео в GIF.

Чому краї логотипа після конвертації SVG у GIF зубчасті або зі світлим ореолом?

У GIF прозорість задається для кожного пікселя як «увімкнено» або «вимкнено», тож плавні напівпрозорі крайові пікселі SVG доводиться або зберегти, або відкинути. Краї, змішані з одним тлом, на іншому дають кайму. Перед конвертацією додайте прямокутник фону кольору цільової сторінки, і краї зіллються чисто.

Що відбувається з градієнтами під час конвертації SVG у GIF?

Палітра GIF містить щонайбільше 256 кольорів, тому плавні градієнти доводиться наближати. Короткі градієнти виглядають нормально; великі й ледь помітні дають східці або крапчастий дизерінг. Логотипи та значки з плоскими кольорами, типовий вміст SVG, легко вміщуються в палітру.

Чи можна використати GIF у підписі електронного листа?

Так, і це одна з головних причин, чому така конвертація потрібна. Gmail і Outlook не показують SVG-зображення в листах, а GIF поштові клієнти відображають десятиліттями. Залишайте помірну ширину, приблизно від 300 до 600 px, щоб підпис був легким.

Які параметри розміру SVG враховує конвертер?

Вона використовує ширину, висоту та viewBox малюнка, щоб визначити пропорції, а потім малює його із заданою шириною в пікселях. Оскільки джерело векторне, більша ширина не знижує чіткості, а лише збільшує розмір файлу.