SVG optimalizáló
Optimalizálja és tömörítse az SVG fájlokat azonnal a böngészőben. Távolítsa el a metaadatokat, megjegyzéseket és felesleges adatokat, csökkentse a méretet akár 60%-kal.
Mit csinál az SVG optimalizálás?
Az SVG optimalizálás eltávolítja a felesleges adatokat, mint a megjegyzések, metaadatok, szerkesztő attribútumok, üres csoportok, használatlan névterek és redundáns útparancsok a fájlméret csökkentéséhez a vizuális megjelenés változtatása nélkül.
Mennyivel csökkenthetem az SVG fájlméretet?
Általában 20-60%-os csökkenés az eredeti SVG-től függően. A szerkesztőkből kuten az Adobe Illustrator vagy Inkscape exportált fájlok gyakran a legtöbb felesleges adatot tartalmazzák és a legmagasabb tömörítési arányt érik el.
Elküldik az SVG adataimat egy szerverre?
Nem, minden optimalizálás helyileg történik a böngészőjében. Az SVG tartalma soha nem hagyja el az eszközét, biztosítva a teljes adatvédelmet és biztonságot.
Megváltoztatja az optimalizálás az SVG megjelenését?
Nem, az optimalizáló csak nem vizuális adatokat távolít el és a kódszerkezetet optimalizálja. A megjelenített SVG azonos lesz az eredetivel minden böngészőben.
Mi az SVGO?
Az SVGO (SVG Optimizer) egy népszerű Node.js alapú nyílt forráskódú eszköz SVG fájlok optimalizálásához. Számos bővítményt biztosít a redundáns és haszontalan információk eltávolításához.
Az optimalizálás megőrzi az SVG animációkat és gradienseket?
Igen, az optimalizáló megőrzi az összes vizuális elemet, beleértve az animációkat, gradienseket, szűrőket, vágási útvonalakat és maszkokat. Csak a nem vizuális redundáns adatokat távolítja el.
Optimalizálhatok SVG-t tervezőeszközökből mint a Figma vagy Sketch?
Igen, a Figmából, Sketchből, Adobe Illustratorból és Inkscape-ből exportált SVG-k gyakran tartalmaznak szerkesztőspecifikus metaadatokat, amelyek biztonságosan eltávolíthatók.
Milyen típusú adatok kerülnek eltávolításra az optimalizálás során?
Gyakori eltávolítások közé tartoznak az XML megjegyzések, szerkesztő metaadatok, rejtett rétegek, üres csoportok, használatlan névtér deklarációk, alapértelmezett attribútum értékek és redundáns útvonal adat pontosság.
Biztonságos weboldalakon használt SVG fájlokat optimalizálni?
Feltétlenül. Az optimalizált SVG-k gyorsabban töltődnek be, csökkentik a sávszélesség használatot és javítják az oldal teljesítményét.
Szabályozhatom az optimalizálási szintet?
Igen, beállíthatja az útvonal adat pontosságot, megjegyzés eltávolítást, csoport egyesítést és egyéb opciókat a fájlméret és szerkeszthetőség egyensúlyához.
Mi a különbség az SVG minifikálás és optimalizálás között?
A minifikálás eltávolítja az üres karaktereket és rövidebbé teszi a kódot, míg az optimalizálás tovább megy a redundáns adatok eltávolításával, elemek egyesítésével és strukturális fejlesztések alkalmazásával.
Ez az eszköz támogatja több SVG fájl kötegelt feldolgozását?
Igen, egyszerre tölthet fel és optimalizálhat több SVG fájlt. Minden fájl függetlenül kerül feldolgozásra és egyenként vagy ZIP archívumként tölthető le.
A(z) SVG optimalizáló használata
Az SVG Optimizer a metaadatok, megjegyzések és szerkesztői maradványok eltávolításával kicsinyíti az SVG-fájlokat, mindent a böngészőben számolva. Illesszen be egy SVG-t, válassza a tisztítási beállításokat, és másolja ki a könnyebb eredményt.
- Illessze a kódot az “Input SVG” mezőbe, vagy húzzon oda egy .svg fájlt.
- Kapcsolja be az alap tisztításokat — “Remove comments”, “Remove metadata”, “Remove editor data” és “Remove unused namespaces” — ezek takarékosítják a legtöbb bájtot.
- Mélyebb tömörítéshez próbálja még a “Remove empty groups”, “Remove default values”, “Remove empty attributes”, “Collapse transforms” és “Convert colors” funkciókat.
- Válasszon 0–4 közötti pontosságot, majd “Minify” a legkisebb fájlhoz vagy “Prettify” olvasható kódhoz; a “Remove whitespace” a felesleges szóközöket távolítja el.
- Ellenőrizze, hogy a “Preview” még helyesen jelenik-e meg, majd másolja le vagy töltse le a kódot az “Optimized SVG” mezőből.
Ha az optimalizált grafika elromlik, először kapcsolja ki a “Remove default values” funkciót vagy csökkentse a pontosságot — a túl agresszív számlekerekítés a szokásos ok.
Kapcsolódó eszközök
- SVG-ből PNG Konverter Alakítsa az SVG-t PNG, JPEG vagy WebP formátumba azonnal a böngészőben. Testreszabható méretezés, méret és háttérszín. Ingyenes, privát, nincs feltöltés.
- SVG Megtekintő és Szerkesztő SVG fájlok előnézete, szerkesztése és optimalizálása online. Élő előnézet, kódszerkesztés és optimalizáló eszközök.
- Chmod-számológép Ingyenes online chmod-számológép a Linux fájljogosultságok vizualizálásához és számításához jelölőnégyzetekkel. Azonnali átváltás numerikus (755, 644) és szimbolikus jelölés (rwxr-xr-x) között. Támogatja a különleges jogosultságokat mint setuid, setgid, sticky bit.
- ASCII Táblázat Teljes ASCII karakterkódolási referencia tizes, tizenhatos, nyolcas, kettes számrendszerbeli kódokkal, HTML entitásokkal és karakterleírásokkal. Azonnali keresés és szűrés.
- HTTP Kérés Tesztelő Tesztelje a REST API-kat közvetlenül a böngészőben. Küldjön GET, POST, PUT, DELETE kéréseket egyedi fejlécekkel, törzzsel és paraméterekkel. Azonnal láthatja a válasz állapotát, fejléceit és JSON törzsét.
- .htaccess generátor Apache .htaccess szabályok generálása átirányításokhoz, újraírásokhoz, biztonsági fejlécekhez, gyorsítótárazáshoz és egyebekhez.
- Robots.txt Generátor Ingyenes online robots.txt generátor. Hozzon létre és szabjon testre robots.txt fájlokat a keresőmotorok mászásának szabályozására, a mászók hozzáférésének kezelésére és weboldala SEO optimalizálására.
- Sitemap Generátor Ingyenes online XML sitemap generátor. Adjon hozzá URL-eket, állítson be prioritásokat és gyakoriságokat, készítsen SEO sitemapokat azonnal.