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

Оптимізатор 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 знаки після коми, на іконках різниці не видно. Зменште її, щоб заощадити більше, і перевірте попередній перегляд.