Конвертер SVG в GIF
Отрисуйте SVG как изображение GIF нужной ширины — для сайтов и сервисов, которые принимают GIF, но не показывают векторные файлы. Результат — статичная картинка с палитрой до 256 цветов, прозрачная там, где в SVG ничего не нарисовано.
Конвертер изображений
или перетащите сюда файлы JPG, JPEG, JPE … ·
Макс. 95 MB на файл· До 20 файлов· Удаляются через 30 минут
Файлы обрабатываются на наших серверах и удаляются через 30 минут.
При 85 фотографии визуально не отличаются от оригинала. Снижайте значение, только если нужен файл меньше.
JPG, BMP и EPS не поддерживают прозрачность. Прозрачные пиксели заполняются этим цветом.
HEX-код цвета под прозрачными пикселями, например #FFFFFF.
Этот формат хранит только одно изображение. Чтобы сохранить анимацию, выберите GIF или WebP.
Многоразмерная иконка содержит несколько разрешений в одном файле; браузеры и операционные системы выбирают нужное.
Сохраните исходные размеры или укажите одну сторону — пропорции сохранятся.
Размер выбранной выше стороны в пикселях.
Процент от исходных размеров.
sRGB подходит для экранов и веба. Для печати сохраните исходное; оттенки серого убирают цвет.
Только метаданные; 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 |
SVG
Scalable Vector Graphics
SVG — векторный формат на основе XML, стандартизированный W3C в 2001 году. Вместо пикселей он описывает фигуры, контуры и текст, поэтому остаётся чётким при любом размере и для логотипов и иконок обычно весит совсем немного. Он поддерживает прозрачность, стили CSS, скрипты и анимацию, и все браузеры отображают его без дополнений. SVG не подходит для фотографий, а сложные иллюстрации могут медленно отрисовываться. Открывать и редактировать его могут Illustrator, Inkscape, Figma и браузеры.
- Сжатие
- –
- Прозрачность
- Да
- Анимация
- Да
- Год появления
- 2001 · W3C
GIF
Формат Graphics Interchange Format
GIF был представлен CompuServe в 1987 году и до сих пор остаётся самым широко поддерживаемым форматом коротких зацикленных анимаций. Он сжимает без потерь, но ограничен палитрой из 256 цветов на кадр, поэтому на фотографиях и градиентах видны полосы и дизеринг. Он поддерживает только двухуровневую (1-битную) прозрачность, из-за чего у округлых фигур остаются зубчатые края. Анимированные GIF часто намного больше того же ролика в MP4 или WebP. GIF воспроизводят все браузеры, мессенджеры и соцсети.
- Сжатие
- Без потерь
- Прозрачность
- Да
- Анимация
- Да
- Год появления
- 1987 · CompuServe
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.
Почему края логотипа выглядят зубчатыми или со светлым ореолом?
Прозрачность в GIF работает по принципу «включена или выключена» для каждого пикселя, поэтому плавные полупрозрачные пиксели на краях SVG приходится либо сохранить, либо отбросить. Края, смешанные под один фон, на другом дают кайму. Перед конвертацией добавьте прямоугольник фона цвета целевой страницы, и края сольются чисто.
Что происходит с градиентами из SVG?
Палитра GIF содержит не более 256 цветов, поэтому плавные градиенты приходится приближать. Короткие градиенты выглядят нормально, а большие и тонкие дают ступени или точечный узор дизеринга. Логотипы и значки с плоскими цветами, то есть обычное содержимое SVG, без труда умещаются в палитру.
Можно ли использовать GIF в подписи электронного письма?
Да, и это одна из главных причин, по которым нужна такая конвертация. Gmail и Outlook не показывают SVG-изображения в письмах, а GIF почтовые клиенты отображают уже десятилетиями. Делайте ширину умеренной, около 300–600 px, чтобы подпись оставалась лёгкой.
Какие параметры размера SVG учитывает конвертер?
Он использует ширину, высоту и viewBox рисунка, чтобы вычислить пропорции, и затем рисует его с заданной вами шириной в пикселях. Поскольку исходник векторный, большая ширина не ухудшает чёткость, а лишь увеличивает размер файла.
Другие инструменты для SVG и GIF
- Конвертер SVG в PNGРастеризуйте логотипы и иконки SVG в PNG нужной ширины (по умолчанию 1024 px) с сохранением прозрачного фона. Узнайте, как DPI связан с пикселями.
- Конвертировать PNG в GIFКонвертируйте PNG в GIF для сервисов, где принимают только GIF. Узнайте заранее, как палитра 256 цветов и 1-битная прозрачность изменят картинку.
- Конвертер JPG в GIFПереведите JPG в GIF для аватарки на форуме, подписи в письме или программы, которая читает только GIF. До 20 файлов, 256 цветов, без регистрации.
- Конвертировать изображение в GIFКонвертируйте JPG, PNG, WebP, HEIC, SVG и другие изображения в GIF для форумов и подписей в письмах. До 20 файлов, без регистрации и водяных знаков.
- Конвертировать SVG в JPEGКонвертируйте SVG в JPEG для порталов и CMS, которые не принимают векторные файлы. Белый фон, ширина 1920 px по умолчанию, до 20 файлов, без регистрации.
- Конвертер GIF в PNGКонвертируйте GIF в PNG с сохранением прозрачности: возьмите первый кадр как статичное изображение или сохраните каждый кадр анимации отдельным PNG.