Инструменты › Дизайн

Оптимизатор SVG

Уменьшайте SVG из Figma, Sketch и Illustrator с помощью SVGO, сравнивайте до и после и сохраняйте заголовки для доступности.

Перетащите SVGили нажмите, чтобы выбрать

До 581 Б

После

Код

<?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 27.0.0 -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="120px" height="120px" viewBox="0 0 120 120" xml:space="preserve">
  <title>Seed</title>
  <g id="Layer_1"><g>
    <circle fill="#FFD23F" stroke="#2A2238" stroke-width="6.000000" cx="60.000000" cy="60.000000" r="40.000000"/>
    <path fill="none" stroke="#2A2238" stroke-width="6.000000" stroke-linecap="round" d="M 45.000000 60.000000 L 75.000000 60.000000"/>
  </g></g>
</svg>

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

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

Вопросы

Не испортит ли он иконку?

Точность по умолчанию – 3 знака после запятой, на иконках разницы не видно. Уменьшите её, чтобы сэкономить больше, и проверьте превью.