SVG в PNG онлайн
Как перевести SVG в PNG онлайн
- Нажмите «Выбрать SVG» или перетащите файлы на страницу. Если у вас код, а не файл, откройте «Вставить SVG-код».
- В строке «Размер» нажмите «Как в файле», «В 2 раза больше», «В 4 раза больше», «1024 px» или «Своя ширина».
- В строке «Перевести в» оставьте «PNG». Для JPG или WEBP нажмите нужный формат.
- Нажмите «Скачать PNG». Несколько файлов скачиваются кнопкой «Скачать всё (ZIP)».
Картинку рисует ваш браузер, поэтому файлы и вставленный код остаются на устройстве.
Какой размер в пикселях выбрать
В SVG нет пикселей: это чертёж из линий и фигур. Поэтому его можно сохранить в любом размере, и края останутся чёткими. Главное решить, сколько пикселей нужно в PNG.
| Вариант | Что получится |
|---|---|
| «Как в файле» | Размер, записанный в самом файле. Он показан в списке файлов, например «в файле 24×24». |
| «В 2 раза больше» и «В 4 раза больше» | В два или четыре раза больше. Нужно, когда иконка в файле крошечная, а картинка нужна чёткой на экране телефона или для печати. |
| «1024 px» | Ширина ровно 1024 пикселя, высота по пропорциям. |
| «Своя ширина» | Любая ширина от 1 до 16000 пикселей в поле «Ширина». |
Если в файле не указан размер, браузер берёт его из рамки рисунка (viewBox), а если нет и её, то 300×150. На iPhone и iPad очень большие картинки уменьшаются до предела браузера, в списке появится пометка.
Так решается и «SVG в PNG без потери качества»: картинка не растягивается, а рисуется заново в нужном размере. Мутной она не станет даже на ×4.
Прозрачный фон и SVG в JPG
У большинства векторных картинок фон прозрачный. PNG и WEBP сохраняют его как есть: логотип можно положить на любую подложку.
JPG прозрачность не хранит. Если вам нужен SVG в JPG, выберите «JPG» и цвет в строке «Фон вместо прозрачного»: «Белый», «Чёрный» или «Свой». Без этого белый логотип на белом фоне просто пропадёт.
SVG-код в PNG
Иногда рисунок есть только в виде кода: скопирован со страницы, из редактора или из библиотеки иконок. Сохранять его в файл не нужно.
- Откройте «Вставить SVG-код».
- Вставьте код целиком, от <svg до </svg>.
- Нажмите «Перевести код в картинку». Картинка появится в списке, дальше всё как с файлом.
Если код обрезан или в нём ошибка, появится сообщение «Не удалось прочитать SVG». Проверьте, что скопировали всё до закрывающего тега.
Почему картинка получилась не такой
- Пропала вставленная картинка. Фото, подключённые по ссылке, браузер в таком режиме не загружает. Это правило безопасности браузера.
- Текст другим шрифтом. Шрифт по ссылке тоже не подгрузится, и браузер возьмёт похожий из системы. В редакторе переведите текст в кривые и сохраните файл заново.
- Ошибка «Браузер не смог нарисовать этот SVG». Чаще всего причина та же: внешние картинки или шрифты.
Можно ли перевести PNG в SVG
Здесь нет. Чтобы получить настоящий векторный файл из PNG или JPG, картинку нужно обвести по контурам (векторизовать), а этот конвертер так не умеет. Простая смена расширения или «обёртка» вокруг PNG не делает картинку векторной: при увеличении она всё равно размоется.
Нужна иконка для сайта? Откройте PNG в ICO: он принимает и SVG. С другими форматами работает конвертер изображений.
Частые вопросы
Какой размер в пикселях нужен для печати?
Для печати считайте 300 точек на дюйм: логотип шириной 10 см это примерно 1181 пиксель. Введите нужное число в поле «Своя ширина».
Как перевести SVG в PDF?
Сначала сохраните SVG здесь в PNG, затем соберите документ на странице JPG в PDF. Векторным PDF при этом не будет: внутри окажется картинка из пикселей.
Чем открыть SVG на компьютере?
Посмотреть можно в любом браузере: перетащите файл в окно. Для правки нужен векторный редактор, например Inkscape или Figma.
Можно ли поменять цвет иконки перед переводом?
Да, через код. Откройте SVG в блокноте, замените цвет в атрибутах fill или stroke и вставьте код в «Вставить SVG-код».
Почему PNG вышел с белым фоном, а не прозрачным?
Скорее всего, белый прямоугольник нарисован в самом SVG. Его можно удалить из кода. Ещё проверьте, что в строке «Перевести в» выбран «PNG», а не «JPG».
Обновлено