UltKit
Изображения11
PDF13
Документы и данные7
Видео6
Аудио4
Другие инструменты22

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

Сохраните картинку AVIF как файл .svg, который примут дизайнерские программы, поля для иконок и загрузчики, работающие только с SVG. Пиксели попадают внутрь SVG без изменений, поэтому прочитайте первый раздел и убедитесь, что вам нужен именно такой результат, прежде чем конвертировать логотип.

Конвертер изображений

или перетащите сюда файлы JPG, JPEG, JPE … ·

Макс. 95 MB на файл· До 20 файлов· Удаляются через 30 минут

Вывод

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

Как пользоваться инструментом

  1. 1

    Загрузите изображения AVIF

    Перетащите до 20 файлов .avif в область загрузки или выберите их на устройстве; каждый может весить до 95 MB.

  2. 2

    Проверьте формат и размер

    В поле Преобразовать в уже выбран SVG. Используйте Изменить размер изображения в разделе Расширенные настройки, если встроенная картинка должна быть меньше оригинала.

  3. 3

    Конвертируйте и сохраните

    Нажмите Конвертировать в SVG и скачайте каждый .svg или один ZIP для всего пакета. Откройте файл во вкладке браузера, чтобы убедиться, что он показывает то, что вы ожидали.

Ответ

Можно ли конвертировать AVIF в SVG?

Да, но AVIF — это сетка пикселей, и никакая смена формата не превратит пиксели в векторные фигуры. Эта страница создает SVG, внутри которого лежит ваше изображение AVIF, — этого достаточно для загрузок, где принимают только SVG. Логотип, который нужно масштабировать или вырезать, трассируйте в контуры с помощью инструмента изображение в SVG.

AVIF в SVG: что внутри полученного файла

AVIF создан в Alliance for Open Media: альянс опубликовал спецификацию AV1 Image File Format в 2019 году и построил ее на видеокодеке AV1. Формат хранит фотографию как сжатые пиксели. SVG — формат W3C 2001 года — хранит инструкции для рисования на XML: контуры, фигуры, текст и заливки. Эти два формата описывают изображение совершенно по-разному.

В SVG есть элемент image, который помещает растровую картинку внутрь рисунка, и именно его использует эта конвертация. Получается корректный .svg с вашей картинкой в исходных размерах в пикселях, включая прозрачность. Браузеры, Figma, Inkscape и поля загрузки, принимающие только SVG, воспринимают его как файл SVG.

Чего такой файл не умеет — так это изменить природу изображения. Увеличьте достаточно сильно, и вы увидите те же пиксели, что были в AVIF. Перекрасить отдельные фигуры тоже нельзя: фигур нет, есть только одна встроенная картинка.

Встроенный растр или трассированный вектор: решите до конвертации

Эта страница

Встроить AVIF в SVG

Картинка копируется в SVG как есть.

  • Выглядит точно как оригинал
  • Подходит для фото и градиентов
  • Прозрачность сохраняется
Лучше всего для: Поля загрузки и шаблоны, которые принимают только SVG.
Изображение в SVG

Трассировать AVIF в контуры

Края и цветовые области превращаются в векторные фигуры.

  • Масштабируется без размытия
  • Каждый цвет можно редактировать
  • Режущие плоттеры могут идти по контурам
Лучше всего для: Логотипы, иконки, подписи и плоские иллюстрации.

4 : 3символа текста base64 на каждые три байта встроенного изображения

Поэтому SVG, внутри которого лежит растр, больше самого растрового файла.

AVIF

Формат изображений AV1 Image File Format

AVIF хранит статичные изображения и последовательности кадров, сжатые видеокодеком AV1; формат был окончательно утверждён альянсом Alliance for Open Media в 2019 году. При том же визуальном качестве он обычно даёт файлы меньше, чем JPEG и WebP, и поддерживает прозрачность, анимацию, широкий цветовой охват и HDR. Кодирование медленнее, чем у старых форматов, а очень мелкие текстуры при низких настройках качества могут выглядеть сглаженными. Все основные браузеры уже показывают AVIF, но многие настольные приложения, соцсети и старые устройства открыть его не могут.

Сжатие
С потерями или без потерь
Прозрачность
Да
Анимация
Да
Год появления
2019 · Alliance for Open Media
Конвертер AVIF

SVG

Scalable Vector Graphics

SVG — векторный формат на основе XML, стандартизированный W3C в 2001 году. Вместо пикселей он описывает фигуры, контуры и текст, поэтому остаётся чётким при любом размере и для логотипов и иконок обычно весит совсем немного. Он поддерживает прозрачность, стили CSS, скрипты и анимацию, и все браузеры отображают его без дополнений. SVG не подходит для фотографий, а сложные иллюстрации могут медленно отрисовываться. Открывать и редактировать его могут Illustrator, Inkscape, Figma и браузеры.

Сжатие
–
Прозрачность
Да
Анимация
Да
Год появления
2001 · W3C
Конвертер SVG

AVIF в SVG ищут, когда картинку с сайта, сохраненную как .avif, нужно загрузить туда, где принимают только SVG, или когда надеются получить редактируемый логотип; в первом случае нужна оболочка, во втором — трассировка.

Распространенные заблуждения о конвертации AVIF в SVG

МифЛюбой файл, сохраненный как .svg, можно увеличивать без потери четкости.

ФактЧисто масштабируются только векторные части. Встроенный AVIF или PNG внутри SVG размывается точно так же, как исходный растр.

МифЛюбой конвертер AVIF в SVG трассирует изображение.

ФактПрямая смена формата встраивает растр, как и на этой странице. Откройте SVG в текстовом редакторе: длинный блок base64 означает, что картинку обернули, а не трассировали.

МифТрассированный SVG фотографии лучше самой фотографии.

ФактТрассировка фотографии отбрасывает полутона и дает постеризованный результат. Она подходит для плоской графики, а не для портретов или пейзажей.

Вопросы о переводе AVIF в SVG

Может ли фото AVIF стать настоящей векторной графикой?

Не так, чтобы оно по-прежнему выглядело как фотография. Векторный файл описывает фигуры и заливки, а в фотографии миллионы тонких оттенков, поэтому трассировка дает либо эффект плаката с постеризацией, либо огромный файл. Для фото честный выбор — встроенный SVG с этой страницы или обычный PNG.

Почему SVG из AVIF размывается при увеличении?

Потому что AVIF внутри — по-прежнему фиксированная сетка пикселей. Оболочка SVG масштабируется свободно, но растровое изображение в ней не получает новых деталей. Четкими при любом размере остаются только контуры, созданные трассировкой.

Примет ли этот SVG из AVIF мой Cricut или лазерный резак?

Обычно файл откроется, но резать будет нечего: плоттеры и резаки идут по контурам, а у встроенного растра их нет. Трассируйте изображение в инструменте изображение в SVG, чтобы получить контуры, по которым пройдет нож или лазер.

Сохраняется ли прозрачность AVIF внутри SVG?

Да. AVIF поддерживает альфа-канал, SVG тоже, поэтому вырезанный логотип или стикер сохраняет прозрачный фон, когда вы кладете SVG на цветную страницу.

Почему файл SVG больше исходного AVIF?

AVIF — один из самых эффективных кодеков изображений, а встроенная картинка обычно записывается в SVG как текст base64, который тратит примерно четыре символа на каждые три байта. Ожидайте, что .svg будет заметно больше исходного AVIF.

Какие программы откроют SVG, полученный из AVIF?

Любой современный браузер, Inkscape, Figma, Illustrator и большинство офисных пакетов читают SVG. Программа, которая умеет отображать SVG, но не имеет декодера AVIF, может показать пустую рамку; если приложение ничего не показывает, используйте AVIF в PNG и вставьте PNG.