SVG-optimoija
Optimoi ja pakkaa SVG-tiedostot välittömästi selaimessasi. Poista metatiedot, kommentit ja editorin roskat, pienennä koko jopa 60%.
Mitä SVG-optimointi tekee?
SVG-optimointi poistaa tarpeettomat tiedot kuten kommentit, metatiedot, editorin attribuutit, tyhjät ryhmät, käyttämättömät nimiavaruudet ja redundanttiset polkukomennot tiedostokoon pienentämiseksi muuttamatta visuaalista tulostetta.
Kuinka paljon voin pienentää SVG-tiedostoni kokoa?
Yleensä 20-60% pieneneminen riippuen alkuperäisestä SVG:stä. Editoreista kuten Adobe Illustrator tai Inkscape viedyt tiedostot sisältävät usein eniten ylimääräistä dataa ja saavuttavat parhaan pakkaussuhteen.
Lähetetäänkö SVG-tietoni palvelimelle?
Ei, kaikki optimointi tapahtuu paikallisesti selaimessasi. SVG-sisältösi ei koskaan poistu laitteeltasi, mikä takaa täyden yksityisyyden ja turvallisuuden.
Muuttaako optimointi SVG:n ulkonäköä?
Ei, optimoija poistaa vain ei-visuaalista dataa ja optimoi koodirakenteen. Renderöity SVG näyttää identtiseltä alkuperäisen kanssa kaikissa selaimissa.
Mikä on SVGO?
SVGO (SVG Optimizer) on suosittu avoimen lähdekoodin Node.js-pohjainen työkalu SVG-tiedostojen optimointiin. Se tarjoaa laajan valikoiman laajennuksia, jotka poistavat redundanttia ja hyödytöntä tietoa.
Säilyttääkö optimointi SVG-animaatiot ja gradientit?
Kyllä, optimoija säilyttää kaikki visuaaliset elementit mukaan lukien animaatiot, gradientit, suodattimet, leikkauspolut ja maskit. Vain ei-visuaalinen redundantti data poistetaan.
Voinko optimoida SVG:tä suunnittelutyökaluista kuten Figma tai Sketch?
Kyllä, Figmasta, Sketchistä, Adobe Illustratorista ja Inkscapesta viedyt SVG:t sisältävät usein editorikohtaisia metatietoja, jotka voidaan turvallisesti poistaa.
Millaisia tietoja poistetaan optimoinnin aikana?
Yleisiä poistoja ovat XML-kommentit, editorin metatiedot, piilotetut tasot, tyhjät ryhmät, käyttämättömät nimiavaruusmäärittelyt, oletusarvoattribuutit ja redundantti polkutietojen tarkkuus.
Onko turvallista optimoida SVG-tiedostoja, joita käytetään verkkosivustoilla?
Ehdottomasti. Optimoidut SVG:t latautuvat nopeammin, vähentävät kaistanleveyden käyttöä ja parantavat sivun suorituskykyä.
Voinko hallita optimointitasoa?
Kyllä, voit säätää polkutietojen tarkkuutta, kommenttien poistoa, ryhmien yhdistämistä ja muita asetuksia tasapainottaaksesi tiedostokoon ja muokattavuuden.
Mikä on ero SVG:n minifioinnin ja optimoinnin välillä?
Minifiointi poistaa tyhjät välit ja lyhentää koodia, kun taas optimointi menee pidemmälle poistamalla redundanttia dataa, yhdistämällä elementtejä ja soveltamalla rakenteellisia parannuksia.
Tukeeko tämä työkalu useiden SVG-tiedostojen eräajoa?
Kyllä, voit ladata ja optimoida useita SVG-tiedostoja kerralla. Jokainen tiedosto käsitellään itsenäisesti ja voidaan ladata yksittäin tai ZIP-arkistona.
Näin käytät työkalua SVG-optimoija
SVG Optimizer pienentää SVG-tiedostoja poistamalla metatietoja, kommentteja ja editorien jätöksiä — kaikki lasketaan paikallisesti selaimessa. Liitä SVG, valitse siivousasetukset ja kopioi kevyempi tulos.
- Liitä koodi “Input SVG” -kenttään tai pudota .svg-tiedosto siihen.
- Ota käyttöön perussiivoukset — “Remove comments”, “Remove metadata”, “Remove editor data” ja “Remove unused namespaces” — ne säästävät eniten tavuja.
- Syvempää pakkausta varten kokeile myös “Remove empty groups”, “Remove default values”, “Remove empty attributes”, “Collapse transforms” ja “Convert colors”.
- Valitse tarkkuus 0–4 ja sen jälkeen “Minify” pienimpään tiedostoon tai “Prettify” luettavaan koodiin; “Remove whitespace” poistaa ylimääräiset välilyönnit.
- Tarkista, että “Preview” näkyy yhä oikein, ja kopioi tai lataa koodi “Optimized SVG” -kentästä.
Jos optimoitu grafiikka hajoaa, poista ensin “Remove default values” käytöstä tai laske tarkkuutta — liian aggressiivinen pyöristys on yleensä syyllinen.
Aiheeseen liittyvät työkalut
- SVG PNG -muunnin Muunna SVG PNG-, JPEG- tai WebP-muotoon välittömästi selaimessasi. Mukauta skaalaa, kokoa ja taustaväriä. Ilmainen, yksityinen, ei latausta.
- SVG-katselin ja Editori Esikatsele, muokkaa ja optimoi SVG-tiedostoja verkossa. Reaaliaikainen esikatselu, koodin muokkaus ja optimointityökalut.
- Chmod-laskin Ilmainen online chmod-laskin Linux-tiedostooikeuksien visualisointiin ja laskentaan valintaruuduilla. Muunna heti numeerisen (755, 644) ja symbolisen merkintätavan (rwxr-xr-x) välillä. Tukee erikoisoikeuksia kuten setuid, setgid, sticky bit.
- ASCII-taulukko Täydellinen ASCII-merkkikoodausviite desimaali-, heksadesimaali-, oktaali-, binäärikoodeilla, HTML-entiteeteillä ja merkinkuvauksilla. Välitön haku ja suodatus.
- HTTP-pyyntö Testaaja Testaa REST API:ja suoraan selaimessasi. Lähetä GET-, POST-, PUT-, DELETE-pyyntöjä mukautetuilla otsikoilla, rungolla ja parametreilla. Näe vastauksen tila, otsikot ja JSON-runko heti.
- .htaccess-generaattori Luo Apache .htaccess-sääntöjä uudelleenohjauksille, uudelleenkirjoituksille, turvallisuusotsikoille, välimuistille ja muulle.
- Robots.txt Generaattori Ilmainen online robots.txt generaattori. Luo ja mukauta robots.txt-tiedostoja hallitaksesi hakukoneiden indeksointia, hallitaksesi indeksoijien pääsyä ja optimoidaksesi sivustosi SEO.
- Sivustokartta Generaattori Ilmainen online XML sivustokartta generaattori. Lisää URL-osoitteita, aseta prioriteetit ja luo SEO-sivustokarttoja heti.