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

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

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

Головна перевага вектора в тому, що цільову роздільність ти задаєш вільно. Керування DPI визначає, наскільки великим і докладним буде піксельне зображення: 72 DPI для екрана, 300 DPI для друку, або одразу подвійна щільність пікселів для дисплеїв Retina. Той самий SVG дає і крихітну іконку, і великий друкований мотив, і те, й інше бездоганно різке.

Для цілей, що повторюються, є понад 15 готових шаблонів. Розміри favicon, іконка застосунку, експорт для Retina чи стандартне веб-зображення: обираєш шаблон, і відповідна роздільність уже виставлена. Це позбавляє тебе підрахунків в умі й гарантує, що експорт матиме саме ті розміри, яких очікує призначення.

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

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