Конвертер SVG в PNG: бесплатно, в браузере, размеры логотипа | We.Inc
Конвертируйте SVG в PNG бесплатно в браузере. Выберите ширину, масштаб и прозрачный или сплошной фон, просмотрите размеры логотипа и скачайте один PNG или ZIP с размерами. Без загрузки на сервер.
Добавьте SVG или вставьте его код, выберите ширину или масштаб и прозрачный или сплошной фон, и скачайте чёткий PNG. Можно также забрать ZIP с распространёнными размерами логотипов для сайта. Конвертация происходит прямо в вашем браузере, так что ваш файл никогда не загружается на сервер.
Выберите файл SVG или вставьте код SVG. Принимаются файлы до 2 МБ.
Инструмент читает размер из width, height и viewBox файла SVG и предупреждает, если viewBox отсутствует (именно он позволяет SVG чисто масштабироваться).
Скрипты, обработчики событий и ссылки на внешние файлы удаляются перед отрисовкой, так что SVG не может выполнить код или что-то загрузить.
Выберите ширину или масштаб (от 1x до 4x) и фон. Вывод ограничен 4096 пикселями по длинной стороне.
Скачайте PNG, либо скачайте ZIP с размерами для сайта: логотип шапки, логотип шапки для retina, квадратная иконка и карточка для соцсетей.
Держите SVG на сайте там, где можете: он остаётся чётким при любом размере и обычно компактнее PNG. Используйте PNG для email-подписей, профилей в соцсетях и везде, где SVG не принимают.
Экспортируйте логотипы в 2 раза больше показываемого размера, чтобы они выглядели чётко на экранах телефонов и ноутбуков с высокой плотностью пикселей.
Если текст в вашем логотипе выходит не тем шрифтом, значит SVG ссылается на шрифт, которого нет в вашем браузере. Сначала преобразуйте текст в контуры в своём дизайн-инструменте.
Используйте прозрачный фон для логотипов на цветных шапках; используйте белый там, где прозрачность показывается чёрным, например в некоторых почтовых клиентах.
Частые вопросы
Этот конвертер SVG в PNG бесплатный и приватный?
Да. Он бесплатный, без регистрации, и конвертация происходит в вашем собственном браузере через встроенный canvas. SVG не загружается в We.Inc или кому-либо ещё.
PNG сохраняет прозрачный фон?
Да, если вы выбрали прозрачный вариант. Всё, что SVG оставляет пустым, остаётся прозрачным в PNG. Можно также выбрать белый или любой сплошной цвет.
Какого размера должен быть мой логотип в PNG?
Для шапки сайта экспортируйте в два раза больше показываемого размера. Логотип шириной 200 пикселей на экране должен быть экспортирован шириной 400 пикселей. Пакет размеров включает 200, 400, 512 квадратный и карточку для соцсетей 1200 на 630.
Почему мой SVG выглядит иначе в PNG?
Обычные причины — шрифты, не установленные в вашем браузере, изображения, подключённые с других сайтов (блокируются из соображений безопасности), и CSS, хранящийся в отдельном файле. Преобразуйте текст в контуры и встройте изображения внутрь SVG, чтобы исправить это.
Есть ограничение по размеру?
SVG-файлы до 2 МБ, а вывод PNG — до 4096 пикселей по длинной стороне. Это держит конвертацию быстрой и не даёт закончиться памяти на телефонах.
SVG или PNG использовать на сайте?
SVG для логотипов, иконок и простых иллюстраций, потому что он чёткий при любом размере и обычно легче. PNG или WebP для фото и мест, которые не принимают SVG.
Когда SVG всё ещё лучший формат для сайта
SVG описывает фигуры, а не пиксели, так что логотип остаётся идеально чётким при 40 пикселях на телефоне или 400 на большом мониторе. Простой логотип в SVG часто занимает всего несколько килобайт — меньше, чем PNG, который бы его заменил.
PNG — лучший выбор там, где SVG не принимают или небезопасно показывать: email-подписи, фото профиля в соцсетях, листинги маркетплейсов и многие формы загрузки. Именно здесь помогает этот конвертер.
Что означает проверка viewBox
viewBox сообщает браузеру систему координат рисунка. Без него SVG можно показать только в его исходной ширине и высоте, а изменение размера обрезает его или оставляет пустое место вместо масштабирования. Если инструмент предупреждает вас, откройте файл в своём дизайн-инструменте и экспортируйте заново с сохранённым viewBox.