Ugrás a tartalomhoz

SVG tömörítő

SVG-tartalom tömörítése XML-hulladék, megjegyzések és szerkesztőmetaadatok eltávolításával.

Bemenet
Kimenet

SVG tömörítő

Illesszen be egy SVG-fájlt az Illustratorból, Inkscapéből vagy Figmából, és ez az eszköz egy tömörített verziót ad vissza, amely ugyanúgy néz ki, de sok kicsebb fájlméretű. Eltávolítja az XML-nyilatkozatot, megjegyzéseket, szerkesztő-specifikus metaadatokat (az Inkscape és Illustrator által használt névtér-elemek és attribútumok), üres csoportokat és a címkék közötti szóközöket — mindazokat a dolgokat, amelyeket a böngésző vagy egy <img> címke sosem igényelt.

A tizedesjegyek száma azt szabályozza, hogy a koordináták és egyéb numerikus attribútumok hány számjegyet tartanak meg, így a "12.34567" az alapértelmezett kettőnél "12.35" lesz. Az ID és osztály attribútumok eltávolítása mindkettőt elhagyja, kivéve azokat az ID-ket, amelyeket még mindig egy url(#…) kitöltés vagy href="#…" hivatkozás céloz meg — ezek megmaradnak, így a gradienyek, vágási útvonalak és <use> elemek továbbra is működnek. A szövetség/magasság eltávolítása, a viewBox megtartása csak az külső méreteket távolítja el, ha a viewBox jelen van az átméretezés átvételéhez, így az SVG helyesen skálázódik. A hexadecimális szín rövidítése a "#ffffff" helyébe "#fff" lép, ahol mindhárom csatorna megduplázódik, az összes többi érintetlen marad.

A rosszul formázott kód — egy nyitott vagy nem egyeztetett címke — hibás helyett hibás helyett jelent meg, mivel egy olyan tömörítő, amely csendesen megjavítja a hibás XML-t, megváltoztathatja a megjelenítést. A <text>, <tspan> és beágyazott <style> belsejében lévő szöveg pontosan az írásban marad, mivel az ott lévő szóköz a tartalom része, nem a formázás. A Windows és Unix sor végei ugyanúgy kezelhetők, és az élő összesen bejövő bájt, kimeneti bájt és a százalékarányos megtakarítást mutatja.

Minden helyileg a böngészőjében fut: az SVG sosem hagyja el az eszközt, ami fontos a nem közzétett ikonkészletekhez és az ügyfélmunkához. Másolja az eredményt, töltse le .txt fájlként, vagy küldje vissza az inputba, hogy másik beállításokkal újabb lépést alkalmazzanak.

Gyakori kérdések

Ez megváltoztatja az SVG megjelenítését?
Nem. Csak az olyan jelöléseket távolítja el, amelyeknek nincs vizuális hatása — megjegyzések, metaadatok, üres csoportok és extra szóköz — és kerekíti a koordinátákat, amely az alapértelmezett precizitásnál kevesebb pixelnél módosítja a megjelenítést.
Biztonságos-e az ID-k és osztályok eltávolítása?
Az eszköz megőrzi az olyan ID-ket, amelyeket még mindig egy url(#…) kitöltés/vonás vagy href="#…" hivatkozás hivatkozik, így a gradienyek, vágási útvonalak és újra felhasznált ikonok tovább működnek. Csak a hivatkozatlan ID-ket és az összes osztályt távolítják el.
Mi történik, ha az SVG-nek szintaktikai hibája van?
Az eszköz ezt hiba helyett jelenti — egy nyitott vagy nem egyeztetett címke egy nyugodt hibaüzenetet ad vissza, hogy kijavíthassa a jelölést és újra próbálkozhasson.
A szélesség és magasság eltávolítása megtöri a képet?
Csak akkor, ha a viewBox jelen van, az eszköz elhagyja őket — az viewBox egyedül is elegendő ahhoz, hogy az SVG tetszőleges méretűre skálázódjon, amelyet a tároló megadhat.
Az SVG bárki számára feltöltve van?
Nem. A tömörítés teljes mértékben a böngészőjében fut — az fájl sosem hagyja el az eszközt.