Ako zmenším veľkosť SVG súboru?

Presuňte súbor .svg alebo vložte jeho zdrojový kód, ponechajte predvolené možnosti a porovnajte veľkosti Originál a Optimalizované. Potom použite Stiahnuť .svg alebo Kopírovať na získanie menšieho výsledku.

Čo optimalizátor SVG predvolene odstraňuje?

Predvolene odstraňuje komentáre, metadáta vrátane title, desc a údajov Inkscape alebo Sodipodi, nadbytočné medzery, redundantné predvolené atribúty a XML deklaráciu a zaokrúhľuje čísla na 2 desatinné miesta.

Prečo sa po optimalizácii zachovávajú ID prvkov?

Možnosť Odstrániť atribúty id prvkov je predvolene vypnutá, pretože CSS alebo JavaScript animácie môžu na tieto ID odkazovať. Zapnite ju len vtedy, ak na nich nič na vašej stránke nezávisí.

Prečo zmizli moje SVG animácie?

Značky script, atribúty on-event, externé odkazy a prvky SMIL animácií, ako sú animate a set, sú z bezpečnostných dôvodov odstránené, takže optimalizované SVG je statické.

Môžem použiť optimalizované SVG v Reacte alebo CSS?

Áno. Okrem Kopírovať a Stiahnuť .svg sú k dispozícii Kopírovať ako JSX, ktoré konvertuje atribúty na camelCase, a Kopírovať CSS pozadie. Vizuálny náhľad vám umožní skontrolovať, či sa stále vykresľuje správne.

Je to naozaj zadarmo?

Áno. Každý nástroj je zadarmo, bez účtu a bez kreditnej karty. Práca prebieha vo vašom zariadení, nie na našich serveroch, vďaka čomu je jej prevádzka bezplatná.

Nahrávajú sa moje súbory?

Nie. Vaše súbory sa otvárajú a spracúvajú vo vašom prehliadači a neodosielajú sa do LibraTool. Niektoré nástroje najprv stiahnu do prehliadača spracovateľský engine alebo model AI; toto sťahovanie neobsahuje žiadne vaše údaje.

Funguje to na mobile?

Áno. Funguje v aktuálnych mobilných prehliadačoch na iOS a Androide, bez inštalácie. Veľmi veľké súbory môžu byť v telefóne pomalé alebo môže dôjsť pamäť, na tie použite počítač.

✨

Optimalizátor a minifikátor SVG zadarmo

Odstraňujte metadáta, zbaľujte biele znaky a zaokrúhľujte desatinné miesta na výrazné zmenšenie veľkosti súboru SVG — typické redukcie 30–70 %. Vizuálny náhľad overuje, že sa nič nezlomí.

Veľkosť súboru závisí od vášho zariadeniaSúbory zostávajú súkromnéPrihlásenie nie je potrebnéZadarmo navždy

Po načítaní funguje offline

Presuňte sem súbor alebo kliknutím vyberte

SVG · spracované vo vašom zariadení

alebo stlačte Ctrl+V na vloženie zo schránky

Prehľadávať súbory

— alebo vložte SVG nižšie —

Vaše súbory nikdy neopustia vaše zariadenie. Všetko spracovanie prebieha lokálne vo vašom prehliadači.

Bežné použitia

Optimalizácia SVG ikon pre výrobuOdstráňte nepotrebné metaúdaje z ikon SVG pred odoslaním — typická redukcia 50-80%.
Optimalizácia značkovacích lôg SVGZnížte veľkosť súboru SVG loga pre rýchle načítavanie webov bez obetí kvality.
Optimalizácia ilustrácií a SVG hrdinovPre väčšie ilustrácie (hrdinovia, dekoratívna grafika) môže optimalizácia odobrať 30-70% veľkosti súboru.
Zníženie veľkosti JavaScript BundleKeď sa SVG importujú ako React komponenty alebo vložiť do kódu, ich optimalizácia zmenšuje váš JS bundle.
Vyčistenie Figma / Sketch SVG exportFigma a Sketch SVG export obsahujú rozsiahle metaúdaje. Odstráňte ho pred použitím v produkcii.

Ako to funguje

Tento nástroj znižuje veľkosť súboru SVG pomocou ručne napísaného optimalizátora, ktorý beží výhradne vo vašom prehliadači — bez knižníc, bez servera. Kombinuje dva prechody: vstavaný DOMParser/XMLSerializer prehliadača na presnú prácu na úrovni atribútov a cielené nahradenia regulárnym výrazom na odstránenie komentárov, metadát a zbaľovanie bielych znakov.

1
DOMParser sanitizuje SVG
Pred akoukoľvek optimalizáciou vstavaný DOMParser prehliadača prečíta SVG ako XML a prejde každý element. Skriptové tagy, obslužné programy udalostí (akýkoľvek atribút on*), animačné elementy a odkazy na externé URL sa odstránia bezpodmienečne — toto prebieha bez ohľadu na to, ktoré možnosti optimalizácie zvolíte.
2
Desatinné zaokrúhľovanie na úrovni DOM
Ak je zapnuté desatinné zaokrúhľovanie, optimalizátor znova prejde spracovaný DOM a aplikuje zaokrúhľovanie iba na známe číselné atribúty (dáta path d, súradnice, hodnoty transform, hrúbky ťahu atď.) pomocou regulárneho výrazu, ktorý zhoduje jednotlivé čísla s pohyblivou rádovou čiarkou bez poškodenia zreťazených hodnôt path ako .5.5.
3
Prechody regulárnymi výrazmi čistia serializované značky
XMLSerializer vytvorí normalizované XML, potom cielené nahradenia reťazcov odstránia komentáre HTML, metadáta editora Inkscape/Sodipodi, deklaráciu XML, nadbytočné predvolené atribúty (ako version="1.1") a biele znaky medzi tagmi — každý prechod je úzko vymedzený, takže obsah textových uzlov sa nikdy nedotkne.
4
Veľkosť gzip a výstupné formáty
API CompressionStream prehliadača počíta skutočné veľkosti gzip vstupu aj výstupu, keďže práve to v skutočnosti určuje náklady na prenos na webe. Optimalizované SVG sa dá stiahnuť, skopírovať ako surové SVG, previesť na atribúty camelCase pripravené pre React JSX, alebo zakódovať ako CSS dátová URI — všetky prevody prebiehajú lokálne.

Vaše SVG sa číta a spracúva výhradne v rámci vašej karty prehliadača — bajty súboru nikdy neopustia vaše zariadenie.

Súvisiace nástroje

🗜️

Minifikátor a skrášľovač CSS

Minifikujte CSS na zmenšenie veľkosti súboru alebo skrášlite minifikované CSS pre čitateľnosť. Okamžite, vo vašom prehliadači.

Vyskúšajte

🗜️

Kompresor GIF

Zmenšite animovaný GIF: prispôsobte ho limitu veľkosti, napríklad 256 KB pre emoji alebo 512 KB pre nálepku na Discorde, alebo si zvoľte farby, šírku a snímky sami. Beží vo vašom prehliadači; GIF sa nenahráva.

VyskúšajteSúbory zostávajú lokálne

📄

Komprimátor PDF

Komprimujte súbory PDF na zmenšenie ich veľkosti. Vyberte úroveň kvality — vyššia kompresia znamená menšie súbory, ale nižšiu vernosť obrázkov.