Перейти к основному содержимому
Werkzeu.ge
Dashboard
Твой SVG передаётся на растеризацию на сервере. После растеризации результат нельзя увеличить без потерь.
PlusРабота с изображениями

Растеризация SVG

SVG масштабируется бесконечно без потери резкости, но многие программы, маркетплейсы и соцсети упорно требуют PNG или JPG. SVG-Rasterizer превращает твою векторную графику на сервере через Sharp в PNG, JPG, WebP или AVIF: с настройкой DPI, более чем 15 шаблонами и пакетной обработкой.

Взгляд внутрь

MedienРастеризация SVGВымышленная демонстрация | Plus
PNG, JPG, WebP и AVIFСвободная настройка DPI
Просмотр только для чтения. Чтобы пользоваться, открой инструмент.

Этот безопасный просмотр показывает, для чего нужен инструмент, не выполняя действий, требующих аккаунта.

Что умеет Растеризация SVG

SVG это отличный формат: он описывает графику векторами, то есть математикой вместо пикселей, и поэтому остаётся чётким в любом размере. Загвоздка появляется при передаче дальше. Программа для печати хочет растровое изображение, маркетплейс принимает только PNG, загрузка в соцсеть не понимает SVG. Вот тогда твою векторную графику нужно растеризовать, то есть пересчитать в пиксельный формат. SVG-Rasterizer делает это чисто и в нужном тебе разрешении.

Целевой формат ты выбираешь по назначению: PNG для прозрачности и чётких краёв без потерь, JPG для фотографий и максимальной совместимости, WebP или AVIF для небольших современных веб-изображений. Поскольку растеризация идёт на сервере через Sharp, края получаются чистыми, а цвета верными, без рваных контуров, как при быстром преобразовании в браузере.

Главное преимущество вектора в том, что целевое разрешение ты задаёшь свободно. Настройка DPI определяет, насколько крупным и тонким получится растровое изображение: 72 DPI для экрана, 300 DPI для печати или сразу удвоенная плотность пикселей для экранов Retina. Один и тот же SVG даёт и крошечную иконку, и большой макет для печати, и то и другое чётко.

Для постоянно повторяющихся задач есть более 15 готовых шаблонов. Будь то размеры для фавиконки, иконка приложения, экспорт для Retina или обычное веб-изображение: ты выбираешь шаблон, и подходящее разрешение уже выставлено. Это избавляет от подсчётов в уме и гарантирует, что у экспорта будут именно те размеры, которых ждёт получатель.

Пакетная обработка растеризует много SVG за один раз. Целый набор иконок одного размера, серия логотипов в нескольких разрешениях: настроил один раз, и все файлы готовы. Это сильно экономит время, если ты регулярно делаешь из векторных исходников растровые изображения для разных целей.

Твои SVG обрабатываются только для преобразования и не хранятся постоянно. Вектор на входе, чёткое изображение в нужном разрешении на выходе: готово для печати, веба, маркетплейса или соцсетей.

Функции

PNG, JPG, WebP и AVIF

Выбери пиксельный формат по назначению: прозрачность, совместимость или небольшие веб-файлы.

Свободная настройка DPI

Задай целевое разрешение сам: 72 DPI для веба, 300 DPI для печати, вдвое больше для Retina.

Более 15 шаблонов

Фавиконка, иконка приложения, экспорт для Retina и многое другое: нужное разрешение выставляется одним кликом.

Качество Sharp

Растеризация на сервере даёт чистые края и верные цвета вместо рваных контуров.

Пакетная обработка

Весь набор иконок или логотипов сразу в нужном разрешении.

Прозрачность сохраняется

При экспорте в PNG, WebP или AVIF прозрачный фон твоего SVG сохраняется.

Как это работает

  1. 1

    Загрузить SVG

    Перетащи один или несколько векторных файлов в окно: по одной или целым набором.

  2. 2

    Выбрать формат и разрешение

    Возьми PNG, JPG, WebP или AVIF и задай DPI или сразу выбери шаблон.

  3. 3

    Запустить растеризацию

    Sharp пересчитывает векторную графику на сервере в чёткие пиксели, а несколько файлов обрабатывает пакетом.

  4. 4

    Скачать

    Забери растровое изображение в нужном разрешении: готово для печати, веба или маркетплейса.

Кому это нужно

→Дизайнеры, которые экспортируют логотип из исходного SVG в разрешении для печати.
→Разработчики, которым нужны иконки приложения в нескольких размерах в пикселях.
→Все, кто превращает SVG в PNG для маркетплейса или загрузки в соцсеть.
→Те, кто готовит векторную графику к печати в 300 DPI.
→Команды, которым нужно единообразно растеризовать весь набор иконок.

Частые вопросы

Зачем вообще растеризовать SVG?

Потому что многие программы, маркетплейсы и соцсети не принимают SVG и требуют пиксельный формат, например PNG или JPG. Растеризация пересчитывает векторную графику в фиксированные пиксели, и она работает везде. Разрешение при этом задаёшь ты.

Как получить самый чёткий результат?

Поскольку SVG чёткий в любом размере, растеризовать можно в сколь угодно высоком разрешении. Для печати выбери 300 DPI, для экранов Retina удвоенную плотность пикселей. Чем выше разрешение, тем больше пикселей и тоньше изображение.

Сохраняется ли прозрачность?

Да, если экспортировать в PNG, WebP или AVIF. Эти форматы поддерживают прозрачность, поэтому прозрачный фон твоего SVG сохраняется. JPG прозрачность не умеет, и фон там заливается цветом.

Можно ли преобразовать сразу целый набор иконок?

Да. Пакетная обработка растеризует все загруженные SVG с одинаковыми настройками. Удобно, чтобы экспортировать весь набор иконок или логотипов в единообразном разрешении.

Почему на сервере, а не в браузере?

Для растеризации используется Sharp, который пересчитывает SVG в пиксели с чистой отрисовкой и верными цветами. Края получаются чётче, чем при быстром преобразовании через canvas в браузере, особенно при мелких деталях и больших разрешениях.

Перекрашивание SVG

Меняй цвета заливки и обводки в значках SVG. Предпросмотр, пресеты палитр, пакетная обработка…

Конвертер изображений

Преобразуй изображения между JPG, PNG, WebP, AVIF, GIF и BMP. Пакетная конвертация с настройк…

Генератор favicon

Создай полный набор favicon с ICO, Apple Touch Icon, Android Chrome, манифестом PWA и фрагмен…

Изменение размера изображений

Меняй размер изображений в пикселях, процентах или DPI. С пресетами, пакетной обработкой и пр…

Начнём с Растеризация SVG?

Без установки. Входит в Plus. Открывай прямо в браузере.

Открыть сейчас