AllinHub

Нормалізація SVG-іконок

Зведіть іконки з різними полями до однієї сітки, зберігши векторні контури.

Файли залишаються на вашому пристрої. Нічого не надсилається на сервер.

До 20 SVG · до 1 МБ кожен · до 10 МБ разом

В одиницях вихідної сітки

Лише статичні векторні іконки. Текст, картинки, ефекти, анімації та зовнішні ресурси не підтримуються.

Порівняння іконок

Додайте SVG або спробуйте приклад, щоб порівняти поля.

Схожі інструменти

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

Як користуватися

  1. Додайте до двадцяти статичних SVG: кожен до 1 МБ, усі разом до 10 МБ. Або спробуйте три приклади.
  2. Виберіть сітку 16, 24, 32, 48 чи 64 одиниці та поля від нуля до третини розміру сітки.
  3. Увімкніть прибирання порожніх полів для вирівнювання малюнків або вимкніть його для збереження початкового кадрування. Натисніть нормалізацію.
  4. Перегляньте успішно оброблені файли. Завантажте окремий SVG, скопіюйте код чи збережіть увесь готовий пакет у ZIP.

Що враховано

  • Рівномірне масштабування та центрування без спотворення пропорцій і перетворення контурів на пікселі.
  • Вимірювання заливок і обведень за зразком до 1024 пікселів із захисним запасом в один піксель.
  • Підтримка контурів, простих фігур, груп, градієнтів, відсікання та масок; непідтримуваний вміст отримує помилку.
  • Світле й темне тло для перевірки чорних іконок, білих елементів та прозорих ділянок.
  • Послідовна обробка, окрема помилка для кожного файлу та унікальні назви дублікатів у ZIP.

Часті запитання

Чи перетвориться SVG на звичайну картинку?

Ні. Растровий зразок потрібен лише для оцінки меж видимого малюнка разом з обведенням. У завантаженому SVG залишаються початкові векторні елементи, вкладені у перетворену область перегляду. Інструмент не вставляє PNG усередину SVG, не перемальовує контури та не спрощує їхні вузли.

Чи всі іконки виглядатимуть однаково великими?

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

Чому мій файл не підтримується?

Ця версія працює зі статичною самодостатньою векторною графікою. Скрипти, анімації, зовнішні ресурси, вкладені картинки, текст, посилання use, фільтри та CSS-класи не підтримуються. Перетворіть текст на контури та експортуйте простий SVG. Надто складні й повністю прозорі файли також отримують окрему зрозумілу помилку.

Чи надсилаються файли на сервер і чи стискає їх ZIP?

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

Оновлено

Усі інструменти