SVG → PNG · JPG · WEBP
Конвертер SVG
Перетащите вектор и экспортируйте его в PNG, JPG или WEBP в размере, который нужен получателю. Отрисовка идёт локально, поэтому логотипы компании и неопубликованная графика остаются на вашем устройстве.
Каждый экспорт — растровое изображение фиксированного размера: PNG и WEBP сохраняют прозрачность, JPG закрашивает её выбранным цветом фона, и ни один из них потом не увеличивается без потерь.
Как конвертировать SVG
Добавьте SVG
Перетащите файл или вставьте его. Файл, в заголовке которого нет ширины и высоты, отрисовывается в области просмотра 1024 пикселя, поэтому проверьте размеры результата, прежде чем на них полагаться.
Выберите формат и размер
PNG для точных пикселей и прозрачности, WEBP для более лёгкого веб-ресурса, который тоже хранит альфу, JPG для получателей, которые не принимают ничего другого. Затем задайте нужную ширину или высоту в пикселях.
Сохраните все нужные версии
Сохраните экспорт, а потом смените формат и конвертируйте тот же SVG снова, если версий нужно больше одной — страница остаётся загруженной.
Один вектор, три вида растра
Три результата отвечают на разные вопросы. PNG хранит отрисованные пиксели без потерь вместе с альфа-каналом, что подходит логотипам, значкам и всему с мягкими или прозрачными краями. WEBP делает то же самое современным сжатием и даёт меньший файл, хотя кодировщик, который открывает браузер, пишет здесь файлы с потерями. У JPG альфы нет вовсе, поэтому прозрачные области получают выбранный цвет фона.
Все три замораживают рисунок в одном разрешении: текст становится пикселями, толщина штриха — шириной в пикселях, а последующее увеличение размывает края, которые SVG мог бы перерисовать в любом размере. Растр получается из разметки, отрисованной движком SVG самого браузера, поэтому градиенты и фильтры выглядят как на экране. Вектор остаётся основным файлом; экспортируйте новый растр всякий раз, когда нужен другой размер в пикселях.
Вопросы о конвертере SVG
Какой формат вывода выбрать?
PNG — когда в графике есть прозрачность или тонкие края и нужны точные пиксели; WEBP — когда файл должен быть лёгким на веб-странице и прозрачность по-прежнему важна; JPG — когда получатель не принимает ничего другого или в картинке нет просвечивающих областей, которые можно потерять.
Какого размера экспортировать значок или логотип?
Под самое крупное место, где он появится: 180 px для значка на домашнем экране, 512 px для страницы в магазине приложений, 1200 px и больше для печати. Конвертировать снова в другом размере ничего не стоит, потому что вектор хранит детали; у уже экспортированного растра такой возможности нет.
Что происходит с прозрачными пикселями фона?
PNG и WEBP их сохраняют; JPG не может, поэтому инструмент заливает их заданным цветом фона — белым, если его не сменить. Берите цвет под страницу, на которой будет лежать изображение, или оставьте PNG для вырезанного объекта, который обязан остаться просвечивающим.
Нужно ли что-то устанавливать и загружается ли файл?
Устанавливать нечего и загружать нечего: SVG отрисовывает и кодирует тот самый браузер, которым вы уже пользуетесь, до 64 MB на файл, а после первой загрузки страница продолжает работать офлайн.