Перевести файл
SVG в PNG: перевести онлайн
Загрузите файл — через минуту получите PNG
- Загрузить
- Выбрать формат
- Скачать
Загрузка файлов
Положите файл сюда
или
Файлы SVG. До 5 МБ, до 20 файлов за раз. Изображение можно вставить из буфера обмена: Ctrl+V.
Вектор превращается в пиксели: результат перестаёт масштабироваться без потерь, поэтому размер задавайте с запасом. Прозрачный фон сохраняется, текст рисуется шрифтами сервера — если шрифт нестандартный, переведите надписи в кривые заранее.
Через час на сервере не останется ни присланного файла, ни того, что из него получилось. Предельный размер файла — 5 МБ, срок хранения — час.
Что даёт перевод SVG в PNG
Дизайнер прислал логотип, а он не вставляется ни в документ, ни в письмо, ни в объявление: программы говорят, что не знают такой файл. Внутри него не картинка, а указания, как её нарисовать, — и понимают их далеко не все. Здесь по этим указаниям рисуется обычная картинка, которую принимает всё. Прозрачный фон при этом сохраняется.
Как перевести SVG в PNG по шагам
Шаг 1
Решите, где картинка будет жить
От этого зависит размер. Для письма и документа хватит ширины в тысячу точек, для баннера нужно несколько тысяч, для печати берите самый крупный вариант подробности.
Шаг 2
Отправьте файл
Положите его в поле загрузки. Набор значков из одного комплекта обрабатывается за одну отправку.
Шаг 3
Впишите ширину с запасом
Возьмите ширину места, где знак будет стоять, и удвойте её. На хороших экранах картинка, сделанная точно по месту, выглядит мыльной.
Шаг 4
Первым делом посмотрите на буквы
Если надпись отрисовалась не тем шрифтом, попросите автора макета превратить текст в контуры и повторите — остальное обычно переносится верно.
Главное решение — размер. Исходный файл можно увеличивать бесконечно, а готовая картинка растягивается уже с потерей чёткости, поэтому размер задают с запасом. Укажите ширину в точках либо выберите подробность из подписанных вариантов. Для экранов телефонов и ноутбуков берите двойной размер: логотип, который на странице занимает 200 точек, выгружайте на 400 — иначе на хорошем экране он будет выглядеть мыльным.
Надписи внутри такого файла рисуются шрифтом, который есть на нашей стороне. Если в макете использован фирменный или редкий шрифт, надпись подменится другим и поедет. Надёжный способ этого избежать — попросить дизайнера заранее превратить текст в обычные контуры: в редакторах это отдельная команда, после которой буквы перестают быть буквами и рисуются точно так же, как остальные линии.
Ещё две вещи. Картинки, подключённые внутри файла по ссылке на чужой сайт, не подгружаются: сервер намеренно не ходит в интернет за содержимым, поэтому такие вставки должны лежать внутри самого файла. И движение не сохраняется — вы получите неподвижный кадр в том виде, в каком рисунок выглядит в самом начале.
Что за форматы: SVG и PNG
Что такое SVG
Векторная графика в виде XML: масштабируется без потери качества, правится как текст и работает прямо в браузере.
| Полное название | Scalable Vector Graphics |
|---|---|
| Разработчик | W3C |
| Год появления | 2001 |
| Расширение | .svg |
| Сжатие | Без потерь |
| Прозрачность | Поддерживается |
| Несколько страниц в файле | Нет |
| Тип графики | векторная, разметка XML |
| Масштабирование | без потери качества |
| Возможности | прозрачность, градиенты, фильтры, анимация, CSS |
| Размер | единицы килобайт для иконок |
| Осторожно | файл может содержать скрипты |
| Чем открыть | любой браузер, Inkscape, Adobe Illustrator, Figma, CorelDRAW, текстовый редактор |
Что такое PNG
Растровый формат со сжатием без потерь и полноценным альфа-каналом — стандарт для графики, скриншотов и логотипов.
| Полное название | Portable Network Graphics |
|---|---|
| Разработчик | PNG Development Group, спецификация — W3C |
| Год появления | 1996 |
| Расширение | .png |
| Сжатие | Без потерь |
| Прозрачность | Поддерживается |
| Несколько страниц в файле | Нет |
| Сжатие | без потерь (Deflate и фильтры строк) |
| Прозрачность | альфа-канал, 256 уровней |
| Глубина цвета | до 16 бит на канал |
| Анимация | через расширение APNG |
| Сильная сторона | скриншоты, логотипы, графика с текстом |
| Чем открыть | Просмотр фотографий Windows, Фото (macOS), Adobe Photoshop, GIMP, Paint.NET, любой браузер |
Частые вопросы
Почему нельзя оставить файл как есть?
Потому что понимают его далеко не все. Браузер покажет, а документ, почтовая рассылка, площадка объявлений или старая офисная программа откажутся — им нужна готовая картинка. После перевода знак вставляется куда угодно.
Останется ли фон пустым?
Да, полностью. Если в макете фон не закрашивали, он останется прозрачным и в готовой картинке, и знак можно будет положить на цветную подложку. Заливка появится только при переводе в обычную фотографию.
Картинка вышла мыльной. Что не так?
Задан слишком маленький размер: готовая картинка, в отличие от исходной, растягивается уже с потерей чёткости. Повторите перевод, указав ширину вдвое больше нужной, — это быстрее, чем растягивать то, что получилось.
В макете была подгружаемая картинка, а её нет
Если рисунок подтягивался по ссылке с чужого сайта, он не появится: сервер намеренно не ходит в интернет за содержимым файла. Попросите автора вложить такие картинки внутрь макета и пришлите файл заново.
Рядом спрашивают и об этом
Обратное направлениеPNG в SVGКуда девается ваш файл
- Через час его не остаётся
- И присланный файл, и то, что из него получилось, лежат на сервере час, а потом стираются. Это происходит само, по расписанию. Если ждать не хочется, рядом со ссылкой на готовый файл есть кнопка, которая убирает всё сразу.
- Ссылку нельзя подобрать
- Адрес готового файла состоит из длинного случайного набора символов. Перебрать такие адреса и наткнуться на чужой файл невозможно, а нигде на сайте они не перечисляются. Ссылка работает только тот час, пока файл жив.
- Есть предел по размеру
- Слишком большой файл сервер не примет — сколько именно можно, написано прямо под полем загрузки, и у видео этот предел ниже, чем у фотографий. Ограничение стоит не ради платной подписки: одно тяжёлое задание не должно занимать очередь целиком.