SVG → PNG
Конвертер SVG в PNG
Перетащите векторный файл и получите PNG в разрешении, которое нужно задаче. Растеризация идёт в этой вкладке, поэтому работа остаётся между вами и вашей машиной.
У PNG фиксированные пиксели: увеличение позже сделает его мягким, а SVG остаётся резким в любом размере. Прозрачные области сохраняются, а не заливаются.
Как конвертировать SVG в PNG
Загрузите вектор
Перетащите файл .svg или вставьте его. Файлы, у которых в заголовке не указаны ширина и высота, отрисовываются в области просмотра 1024 пикселя.
Выберите размер в пикселях
Задайте нужную ширину или высоту — 256 для значка приложения, 2400 для печатной графики, — и вторая сторона подтянется по пропорциям. Экспорт никогда не увеличивается сверх размера, объявленного в файле.
Экспортируйте PNG
Сохраните растр и используйте его там, где ждут PNG: слайд, конвейер фавиконов, README или страница в магазине приложений, не принимающая векторы.
Превращение векторов в пиксели
SVG — это XML: контуры, заливки и текстовые инструкции, которые отрисовщик разрешает при любом масштабе, поэтому логотипы и значки рисуют векторами. PNG — сетка готовых пикселей, так что растеризация означает сначала зафиксировать размер сетки: каждая кривая сэмплируется на неё, и выбранное разрешение остаётся окончательным.
Рисунок отрисовывается встроенным движком SVG того же браузера, который показывает его на странице, поэтому градиенты, фильтры и обрезанные фигуры ведут себя как на экране, а прозрачность сохраняется, потому что PNG несёт альфа-канал. Плата — фиксированность: увеличьте PNG потом, и края размоются, а свежий экспорт из SVG в большем размере останется чётким. Храните вектор как основной файл.
Вопросы о конвертации SVG в PNG
Как выбрать разрешение PNG?
Исходите из самого крупного места, где он появится: 16–64 px для фавикона, 256–512 px для значка приложения, 1000 px и больше для печати. Задайте одну сторону, и вторая подстроится по пропорциям; повторный экспорт в другом размере дёшев, потому что источник остаётся резким.
Что я теряю по сравнению с SVG?
Масштабируемость и редактируемость: PNG — фиксированная сетка, поэтому при увеличении он размывается, а его фигуры больше не текст, который можно переоформить. Считайте экспорт копией для выдачи в одном размере, а исходный .svg сохраняйте.
В моём SVG нет ширины и высоты. Что будет?
Он отрисуется в области просмотра 1024 пикселя, и это станет его собственным размером, то есть файл только с viewBox считается шириной 1024 px. Задайте здесь явный размер в пикселях или добавьте width и height в разметку, когда нужна точность.
Сохраняет ли PNG прозрачность и загружается ли мой файл?
Прозрачность сохраняется, потому что у PNG настоящий альфа-канал — логотип на просвечивающем фоне остаётся просвечивающим. И ничего не загружается: графика отрисовывается и кодируется в этой вкладке, до 64 MB на файл, а после загрузки страница работает офлайн.