Přeskočit na hlavní obsah

Optimalizátor a minifikátor SVG zdarma

Odstraňte metadata, sloučte mezery a zaokrouhlete desetinná místa, čímž výrazně zmenšíte velikost souboru SVG — typicky o 30–70 %. Vizuální náhled ověří, že se nic nerozbije.

Funguje offline po načtení

Přetáhněte soubor sem nebo klikněte pro výběr

SVG · zpracováno na vašem zařízení

nebo stiskněte Ctrl+V pro vložení ze schránky

Procházet soubory
— nebo vložte SVG níže —

Vaše soubory nikdy neopustí vaše zařízení. Veškeré zpracování probíhá lokálně ve vašem prohlížeči.

Běžná použití

  • Optimalizujte ikony SVG pro výrobuOdeberte zbytečná metadata z ikon SVG před odesláním — typicky 50-80% snížení.
  • Optimalizujte SVG loga značkySnižte velikost souboru SVG loga pro rychlé načítání webu bez snížení kvality.
  • Optimalizujte ilustrace a hero SVGU větších ilustrací (heroes, dekorativní grafika) může optimalizace ušetřit 30-70% velikosti souboru.
  • Snižte velikost balíčku JavaScriptKdyž jsou SVG importovány jako komponenty React nebo vloženy v kódu, optimalizace zmenšuje váš JS balík.
  • Vyčistěte exporty SVG Figma / SketchExporty SVG Figma a Sketch obsahují rozsáhlá metadata. Odeberte je před použitím v produkci.

Jak to funguje

Tento nástroj zmenšuje velikost souboru SVG pomocí ručně napsaného optimalizátoru, který běží zcela ve vašem prohlížeči — bez knihoven, bez serveru. Kombinuje dva průchody: vestavěný DOMParser/XMLSerializer prohlížeče pro přesnou práci na úrovni atributů a cílené substituce regulárními výrazy pro odstranění komentářů, metadat a sloučení bílých znaků.

  1. 1
    DOMParser sanitizuje SVG
    Před jakoukoli optimalizací DOMParser prohlížeče přečte SVG jako XML a prochází každý prvek. Tagy script, obslužné rutiny událostí (jakýkoli atribut on*), animační prvky a odkazy na externí URL se odstraní bezpodmínečně — to platí bez ohledu na zvolené volby optimalizace.
  2. 2
    Zaokrouhlení desetinných míst založené na DOM
    Pokud je zaokrouhlení desetinných míst zapnuté, optimalizátor prochází rozebraný DOM podruhé a aplikuje zaokrouhlení jen na známé číselné atributy (data d cesty, souřadnice, hodnoty transform, šířky tahu atd.) pomocí regulárního výrazu, který porovnává jednotlivá desetinná čísla, aniž by poškodil zřetězené hodnoty cesty jako .5.5.
  3. 3
    Průchody regulárními výrazy čistí serializované značení
    XMLSerializer vytváří normalizované XML, poté cílené náhrady řetězců odstraní komentáře HTML, metadata editoru Inkscape/Sodipodi, deklaraci XML, nadbytečné výchozí atributy (jako version="1.1") a bílé znaky mezi tagy — každý průchod je úzce zaměřen, takže se nikdy nedotkne obsahu textového uzlu.
  4. 4
    Velikost po gzip a exportní formáty
    CompressionStream API prohlížeče počítá skutečné velikosti vstupu i výstupu po gzip, protože právě ty určují skutečné náklady na přenos na webu. Optimalizované SVG lze stáhnout, zkopírovat jako surové SVG, převést na atributy camelCase připravené pro React JSX, nebo zakódovat jako datové URI CSS — všechny převody probíhají lokálně.

Vaše SVG se čte a zpracovává zcela ve vaší kartě prohlížeče — bajty souboru nikdy neopustí vaše zařízení.

Související nástroje

Časté dotazy