Az eszköz csak az Optimalizálás gomb megnyomása után tölti be a hivatalos böngészős SVGO-motort. Az alapértelmezett bővítménykészletet használja, a biztonságosabb webes használat érdekében eltávolítja a szkripteket és az eseménykezelőket, továbbá megőrizheti azokat az ID-ket, amelyekre CSS, JavaScript, színátmenet, maszk vagy külső hivatkozás épül.
SVG tömörítés ingyen
Teljesen a böngésződben fut - feltöltés és regisztráció nélkül.
A szkriptek és eseménykezelők eltávolításra kerülnek
Eredeti SVG
Optimalizált SVG
Ctrl vagy Command + Enter
A kezdéshez illesszen be SVG-kódot, vagy válasszon fájlt
Mit csinál egy SVG-tömörítő?
Az SVG-tömörítő a szerkesztő metaadatainak, a megjegyzéseknek, a felesleges attribútumoknak és a szükségtelen tizedesjegyeknek az eltávolításával csökkenti a vektorfájl méretét. Illessze be a kódot vagy válasszon fájlt, futtassa az SVGO-t a böngészőben, majd hasonlítsa össze az eredeti és az optimalizált változatot. A kisebb SVG feltöltés nélkül másolható vagy letölthető.
Így működik
- 1Adja hozzá az SVG-t. Illessze be a teljes SVG-kódot, húzzon egy helyi .svg-fájlt a feltöltési területre, vagy nyissa meg a beépített példát.
- 2Válasszon biztonságos beállításokat. Állítsa be a számok pontosságát, hagyja bekapcsolva a többmenetes feldolgozást a további csökkentéshez, és őrizze meg az ID-ket, ha más kód hivatkozik rájuk.
- 3Optimalizáljon és hasonlítson össze. Futtassa az SVGO-t, majd hasonlítsa össze az eredeti és az optimalizált változat bájtértékeit és előnézeteit.
- 4Másolja vagy töltse le. Másolja ki a tömör kódot, vagy töltse le az új .optimized.svg-fájlt az eredeti grafika módosítása nélkül.
Kinek hasznos
- Frontend fejlesztők, akik csökkentik az ikonok, logók és illusztrációk méretét, mielőtt webhelyen vagy komponenskönyvtárban használják őket.
- Tervezők, akik eltávolítják a metaadatokat és a szerkesztőspecifikus kódot a Figma, az Illustrator, a Sketch vagy az Inkscape exportjaiból.
- Teljesítménnyel foglalkozó csapatok, amelyek megmérik a pontos UTF-8-bájtmegtakarítást a vektoros elemek webes csomagba helyezése előtt.
- Komponensek készítői, akik tömör beágyazott SVG-kódot készítenek Reacthez, Vue-hoz, Svelte-hez vagy egyszerű HTML-hez.
Gyakori kérdések
Ingyenes az SVG-tömörítő?
Igen. Az SVG-fájlok fiók, fizetés és telepítés nélkül optimalizálhatók. Az eszköz megmutatja az UTF-8-bájtok pontos változását, az eredmény pedig közvetlenül a böngészőből másolható vagy letölthető.
Feltöltődik az SVG-fájlom egy szerverre?
Nem. A fájl olvasása, az SVGO-feldolgozás, a bájtok mérése és az előnézetek elkészítése helyben, a böngészőben történik. Az eszköz nem tölti fel a logókat, ikonokat vagy még nem publikált grafikákat.
Mekkora SVG-fájl optimalizálható?
Az eszköz legfeljebb 5 MB méretű SVG-forráskódot fogad. Ez a korlát telefonon és átlagos laptopon is gyors feldolgozást biztosít. Nagyon nagy exportált illusztrációnál érdemes előbb eltávolítani a beágyazott raszterképeket, vagy kisebb fájlokra bontani a grafikát.
Megváltozhat az SVG megjelenése optimalizálás után?
Az SVGO célja a megjelenés megőrzése a felesleges adatok eltávolítása mellett, de az erős kerekítés vagy az ID-k tisztítása hatással lehet az összetett fájlokra. Hasonlítsa össze mindkét előnézetet, és a gyártási fájl cseréje előtt tesztelje az optimalizált SVG-t a tényleges beágyazási környezetben.
Mire hat a tizedes pontosság?
A tizedes pontosság határozza meg, hogy az SVGO hány tizedesjegyet tart meg a koordinátákban, transzformációkban és más számértékekben. Az alacsonyabb érték gyakran több bájtot takarít meg, de elmozdíthatja a nagyon pontos vagy szokatlanul nagy grafikák apró részleteit. A legtöbb webes ikonhoz és illusztrációhoz három jegy megfelelő alapérték.
Érdemes megőrizni az SVG ID-it?
Őrizze meg az ID-ket, ha CSS, JavaScript, aria-attribútum, színátmenet, maszk, szűrő vagy külső dokumentum hivatkozik rájuk. Önálló dekoratív fájloknál kikapcsolható a beállítás, így az SVGO eltávolíthatja vagy lerövidítheti a nem használt azonosítókat.
Eltávolítja az optimalizáló a szkripteket az SVG-fájlokból?
Igen. A feldolgozás eltávolítja a script elemeket, az eseménykezelő attribútumokat és a JavaScript-hivatkozásokat. Az exportált fájlok így biztonságosabban használhatók hagyományos webképként, de az eszköz nem alkalmas olyan SVG-alkalmazásokhoz, amelyek működése szkriptektől függ.
Mit csinál a többmenetes optimalizálás?
Többmenetes módban az SVGO újra feldolgozza az eredményt, amíg a következő menet tovább tudja csökkenteni. Egyes átalakítások új tisztítási lehetőségeket nyitnak a következő menet számára. A további nyereség általában kicsi, mert a megtakarítás nagy részét az első menet adja.