Конвертировать SVG в PNG с прозрачным фоном
Знаки, значки и простая графика часто лежат в SVG. Приложениям, слайдам и почте нужен PNG. Эта страница рисует SVG в браузере и сохраняет PNG с прозрачностью. Файлы остаются на устройстве.
- Быстро
- На 100% приватно
- Всегда бесплатно
- Любой браузер
Перетащите изображения в любое место страницы
Файлы SVG. Прозрачные места остаются прозрачными в PNG. Файлы остаются на этом устройстве.
Какой ширины должен быть PNG. Маленькие логотипы по умолчанию получают 1024 пикселя по длинной стороне. Оставьте пустым, чтобы взять собственный размер SVG, если он есть.
Когда это нужно
Берите PNG, когда нужна растровая картинка, сквозь фон которой видно. Например, знак на слайде, значок приложения и картинка, которую CMS в SVG не принимает.
При скачивании оставьте PNG. JPG закрасит прозрачные места белым. Если получатель поддерживает WebP, он тоже может сохранить прозрачность.
На выходе получается неподвижная картинка выбранного размера в пикселях, а не экспорт вектора без изменений. Для большого PNG поднимите максимальную ширину, для значка сайта опустите её.
Чтобы отформатировать JSON или посмотреть содержимое, не вставляя токен на публичный сайт, откройте ToolBuddy. Тот инструмент тоже работает в браузере.
Как сделать
- Положите SVG. Можно сразу несколько. Файлы остаются на этом устройстве.
- При скачивании оставьте PNG. Качество ни при чём, PNG идёт без потерь.
- Оставьте максимальную ширину около 1024 или поставьте тот размер, который нужен.
- Скачайте PNG. Места, которые в SVG были прозрачными, остаются прозрачными.
Подсказки
- Значок 24×24 из файла, если выгрузить его как есть, станет крошечным PNG. Эта страница по умолчанию рисует длинную сторону в 1024 пикселя.
- Если за знаком в SVG уже нарисован белый прямоугольник, он останется и в PNG. Эта заливка сидит в самом рисунке.
- Фото по ссылке, веб-шрифты и внешний CSS из SVG часто не подгружаются. Графика, которая уже стала контурами, конвертируется чисто.
- Если сайт показывает исходный SVG, большой PNG на страницу не кладите.