Как пользоваться
- Выберите файл .svg (до 5 MB) или вставьте код SVG в поле.
- Выберите масштаб, например 2× для экранов с высокой плотностью пикселей, или укажите точную ширину в пикселях.
- Оставьте фон прозрачным или выберите цвет.
- Проверьте предварительный просмотр и скачайте PNG или WebP, если ваш браузер его поддерживает.
Как это работает
SVG — векторный формат: формы описываются математически, поэтому изображение остаётся чётким при любом размере. PNG — это сетка пикселей, которую требуют многие приложения, документы, почтовые клиенты и социальные сети. Этот инструмент отображает SVG средствами вашего браузера в выбранном размере и сохраняет изображение в PNG.
Исходный размер определяется атрибутами width и height в SVG. Абсолютные единицы переводятся в пиксели (1 in = 96 px, 1 pt = 1.33 px). Если задан только один размер или не задан ни один, пропорции и размер берутся из viewBox; если нет и его, браузеры используют размер 300 × 150. Относительные значения, например 100%, нельзя определить для отдельного файла, поэтому вместо них используется viewBox.
SVG загружается как изображение — это безопасный способ отображать непроверенные файлы: скрипты не выполняются, а внешние ресурсы, например связанные изображения, веб-шрифты и CSS-файлы, не загружаются. Текст, которому нужен не установленный у вас шрифт, будет отображён запасным шрифтом. Сначала проверяется XML, поэтому при опечатке вы увидите понятное сообщение об ошибке, а не пустое изображение.
Примеры
Иконка приложения из логотипа SVG
Логотип с viewBox="0 0 64 64", экспортированный с шириной 1024, даст PNG размером 1024 × 1024 с чёткими краями — готовый для магазина приложений или генератора favicon.
Изображение Retina для сайта
Иллюстрация размером 400 × 300 при масштабе 1×, экспортированная с масштабом 2, даст PNG размером 800 × 600, который останется чётким на экранах с высокой плотностью пикселей.
Слайд или документ
Экспорт диаграммы в SVG с масштабом 3 и белым фоном создаёт PNG, который можно вставить в программу для презентаций, не поддерживающую SVG.
Часто задаваемые вопросы
Почему текст отображается не тем шрифтом?
Шрифты, связанные через интернет, не загружаются, когда SVG отображается как изображение. Используются установленные на устройстве шрифты, если они подходят. Чтобы гарантировать правильное отображение, преобразуйте текст в кривые в графическом редакторе или встроьте шрифт в SVG как URL данных.
Почему связанные изображения не отображаются?
Изображения, на которые SVG ссылается по URL, блокируются в целях безопасности при отображении SVG как изображения. Встроенные изображения (URL данных) работают.
Каков максимальный размер результата?
Не более 16 384 px по каждой стороне и 50 мегапикселей в сумме. Экспорт очень больших сложных SVG может занять несколько секунд и завершиться ошибкой на телефонах с малым объёмом памяти.
Безопасно ли конвертировать SVG из неизвестного источника?
Здесь SVG можно обрабатывать безопасно: SVG, отображаемый как изображение, не может запускать скрипты или загружать внешние ресурсы. В готовом PNG содержатся только пиксели.
Конфиденциальность
SVG обрабатывается и отображается в вашем браузере. Файл не загружается на сервер, не сохраняется и не включается в аналитику.