Перейти к инструменту
image.dev
Из SVG

Конвертировать SVG в AVIF

AVIF делает самую лёгкую растровую копию вектора с сохранением прозрачности: плоские заливки и чистые градиенты сжимаются превосходно. Выберите масштаб (1–4×) под нужное разрешение. Качество по умолчанию здесь 70, а не 60: чёткие векторные границы выдают артефакты раньше, чем фотография.

Перетащите сюда изображения SVGили нажмите, чтобы выбрать — вставка из буфера тоже работает

Обработка на вашем устройстве — файлы не покидают браузер

Также пригодится: Конвертировать SVG в WebP

Как это работает

Бросьте SVG и выберите масштаб экспорта от 1× до 4×; он умножает размер, заявленный в самом SVG.

Вектор сначала отрисовывается в пиксели, затем кодируется в AVIF на качестве 70 — на пункт выше фотографического, ради защиты границ.

Увеличьте предпросмотр на тонких штрихах и мелком тексте перед подтверждением и сохраните каждый AVIF или весь набор архивом.

SVG vs AVIF

Вектор против растрового кодека — по сути вопрос о месте назначения: на вашем собственном сайте SVG выигрывает без разговоров, но там, где векторы под запретом, AVIF изготавливает самого точного и лёгкого дублёра с целым альфа-каналом. Качество 70 почти прячет его единственную слабость — сглаженные тонкие линии.

SVGAVIF
СжатиеВекторный (XML-текст)С потерями или без
ПрозрачностьДа (полный альфа-канал)Да (полный альфа-канал)
АнимацияДа (CSS/SMIL)Да (используется редко)
ПоддержкаВсе браузеры; многие формы загрузки его отклоняютВсе актуальные браузеры (Safari — с 16.4, 2023)
Лучше всего дляЛоготипы, иконки, иллюстрацииОбложки и страницы с большим количеством фото

Частые вопросы

На этой странице