Optimalizace SVG
Optimalizujte soubory SVG pomocí AIZmenšete soubor až o 90 % při zachování kvality
Přetáhněte sem soubor SVG
nebo vyberte soubor v zařízení
Soubor SVG do velikosti 10 MB
Zdarma
Bez omezení
Bez platební karty
Začněte hned
Bez registrace
Použijte hned
Proč zvolit nás
Nejlepší výsledky díky technologii využívající AI
Rychlá optimalizace
Optimalizujte soubory SVG během několika sekund pomocí algoritmů AI. Výkon na podnikové úrovni.
Menší soubory
Nepotřebná metadata a kód se odstraní a soubor se zmenší až o 90 %. Profesionální výsledky zaručeny.
Kvalita zůstává
Získejte optimalizované soubory SVG bez ztráty vizuální kvality. Kontrola kvality na podnikové úrovni.
Technologie využívající AI
Soubory SVG inteligentně optimalizujeme pomocí nejnovějších technologií umělé inteligence. Náš systém se učí z tisíců optimalizací a vždy zaručuje nejlepší výsledky.
99,9 % úspěšných optimalizací
10K+ optimalizací
Bez omezení
Jak funguje optimalizace SVG
Soubor se zpracuje nástrojem SVGO, rozšířeným open-source optimalizátorem SVG, s výchozí předvolbou ve víceprůchodovém režimu: průchody se opakují, dokud se soubor zmenšuje. Tohle se přitom mění.
Odstraní se pomocná data editorů a dokumentu
Odstraní se deklarace XML, DOCTYPE, komentáře a bloky <metadata>, stejně jako nadbytečné jmenné prostory a atributy, které do souboru zapisují editory jako Inkscape, Illustrator a Sketch. Obecné popisy „Created with…“ zmizí také. Na vykreslení obrázku to nemá vliv.
Čísla se zaokrouhlí a data cest se přepíšou
Souřadnice a další číselné hodnoty se zaokrouhlí na tři desetinná místa. Příkazy cest se přepíšou do nejkratšího rovnocenného tvaru, nadbytečné úseky se zahodí a sousední cesty se stejným stylem lze sloučit do jedné.
Zjednoduší se tvary, skupiny a transformace
Obdélníky, čáry a mnohoúhelníky se převedou na cesty, pokud je zápis kratší. Prázdné skupiny a kontejnery se odstraní, obalové skupiny, které nic nepřidávají, se sloučí a transformace se spojí nebo použijí, kdykoli je to možné.
Vyčistí se styly a barvy
Barvy se zapíšou v nejkratším tvaru (například #ff0000 se změní na red), CSS uvnitř <style> se minifikuje, atributy, které jen opakují výchozí hodnoty SVG, se odstraní a stejně tak skryté nebo prázdné prvky.
Odstraní se nepoužívané ID a definice
Odstraní se ID, na která se nic v souboru neodkazuje, a také nepoužívané přechody, vzory a další prvky <defs>. ID, na která se odkazuje, si ponechají původní názvy; nezkracují se.
viewBox zůstává, pevné rozměry ne
Atribut viewBox se vždy zachová, aby se grafika správně škálovala. Atributy width a height se odstraní, takže SVG vyplní jakýkoli prostor, do kterého ho vložíte. Výsledek se zapíše na jeden řádek s atributy v jednotném pořadí, což pomáhá i gzipu.
Co lze optimalizovat bez obav a kdy být opatrní
Statické ikony, loga a ilustrace exportované z návrhových nástrojů, včetně souborů SVG z našich převodníků, lze optimalizovat bez obav a obvykle z toho těží nejvíc. V těchto případech výsledek zkontrolujte pečlivěji.
ID používaná externím CSS, JavaScriptem nebo sprity
Optimalizátor vidí jen samotný soubor. Pokud na ID odkazuje externí stylopis, skript nebo <use href="icons.svg#name"> na jiné stránce, bude ID vypadat jako nepoužité a odstraní se. Soubory s vlastním prvkem <style> nebo <script> si ID ponechají.
Animovaná SVG
Animace SMIL nebo CSS, které mění data cest nebo spoléhají na konkrétní strukturu skupin, se mohou při přepisu cest a slučování skupin rozbít. Jednoduché animace obvykle přežijí, ale před nahrazením originálu si výsledek vždy prohlédněte.
Texty pro přístupnost
Prvek <title> se odstraní. Pokud čtečka obrazovky potřebuje popisek, přidejte alt text ke značce <img> nebo aria-label tam, kde SVG vkládáte.
Vrstvy zobrazované a skrývané kódem
Prvky skryté pomocí display="none" nebo nulové průhlednosti se považují za neviditelné a odstraní se. Pokud je váš skript zobrazuje později, optimalizujte kopii, ve které tyto vrstvy skryté nejsou.
Soubory, které chcete dál upravovat
Vrstvy, vodítka a další data editoru Inkscape po optimalizaci zmizí. Zdrojový soubor si nechte pro úpravy a zveřejňujte optimalizovanou kopii.
Časté dotazy k optimalizaci SVG
Změní optimalizace vzhled mého SVG?
U téměř všech souborů ne. Odstraní se data, která se nevykreslují, a zbytek se zapíše kratším tvarem. Viditelný může být jen vliv zaokrouhlení na tři desetinná místa, a to u grafiky s velmi malým viewBox zobrazené ve velkém měřítku.
O kolik se můj soubor SVG zmenší?
Záleží na tom, odkud soubor pochází. Exporty z návrhových nástrojů s metadaty, komentáři a dlouhými desetinnými čísly se často zmenší hodně, zatímco už minifikované soubory jen málo. Přesnou velikost před a po uvidíte na stránce s výsledkem.
Jaká je maximální velikost souboru?
Můžete nahrát soubory SVG do velikosti 10 MB. Místo souboru můžete kód SVG vložit přímo na kartě „Vložit kód“.
Proč byly odstraněny atributy width a height?
Optimalizátor ponechá viewBox a odstraní pevné width a height, aby se SVG přizpůsobilo kontejneru. Potřebujete-li pevnou velikost, nastavte width a height na značce <img> nebo v CSS.
Je bezpečné optimalizovat SVG používaná ve spritu nebo v JavaScriptu?
Buďte opatrní. ID, na která se odkazuje jen zvenčí souboru, se odstraní, protože optimalizátor tyto odkazy nevidí. Optimalizovaný soubor vyzkoušejte přímo v místě použití, nebo si pro tyto případy nechte originál.
Odstraňuje optimalizátor informace pro přístupnost?
Odstraňuje prvek <title> a obecné popisy z editorů. Přístupný název uveďte tam, kde SVG vkládáte, například pomocí alt textu nebo aria-label.