SVG

Инструменты для векторной графики SVG: уменьшить файл иконки или иллюстрации, подготовить её для вставки в CSS и в компоненты React или Vue.

SVG — текстовый формат, поэтому редакторы оставляют в нём комментарии, метаданные и числа с лишними знаками. Оптимизация убирает их и сохраняет то, что нужно странице: viewBox для масштабирования, ID для ссылок и стилей, title и desc для скринридеров. Рисунок до и после показывается рядом, файл обрабатывается в браузере и не отправляется на сервер.

• Оптимизация SVGСжатие SVG через SVGO с сохранением viewBox, ID и доступных названий, сравнение до и после.
• SVG в CSSSVG в Data URI для background-image и mask-image, URL-кодирование или Base64, и обратно.
• SVG в JSX и VueSVG в компонент React (JSX или TSX) или Vue: атрибуты, style, currentColor и пропсы.

Другие инструменты — в обзоре всех инструментов.