Siirry sisältöön
helpyself

SVG:n tiivistys

Local only — nothing is uploaded unless you save or share it.

SVG-tiivistin joka riisuu editorin roinan ja skriptit koskematta itse kuvitukseen.

  1. Liitä SVG-lähdekoodisi tai pudota tiedoston sisältö
  2. Valitse kuinka tarkkoina koordinaatit säilytetään — kaksi desimaalia riittää kuvakkeelle
  3. Tiivistä, tarkista että esikatselu näyttää yhä oikealta, ja kopioi tai lataa

Otsikko ja kuvaus säilytetään oletuksena — ruudunlukija lukee ne ääneen.

Jaa linkki

Tallentaa tämän tiedostoihisi ja antaa osoitteen, jonka kuka tahansa voi avata. Se lakkaa toimimasta itsestään.

Linkki on voimassa
Tallenna tämä työkalu

Pidä SVG:n tiivistys käden ulottuvilla

Lisää kirjanmerkkeihin

Tietoa työkalusta

Illustratorista, Figmasta tai Inkscapesta viety SVG kantaa mukanaan paljon sellaista jolla ei ole mitään tekemistä kuvan kanssa. Siellä on metatietolohko joka nimeää asiakirjan ja sen tekijän, editorin nimiavaruuksia jotka tallentavat ruudukko- ja apuviiva-asetukset, generaattorikommentti, ja koordinaatteja kahdellatoista desimaalilla koska matematiikka tuotti sellaiset. Tyypillisessä kuvakkeessa tuo kirjanpito on suurin osa tiedostosta, eikä mikään siitä muuta yhtäkään pikseliä. Sen poistaminen puolittaa koon yleensä tai enemmän. Työn toinen puoli ei koske kokoa lainkaan. SVG on XML:ää, joten se voi sisältää script-elementtejä ja onclick-attribuutteja, ja juuri siksi monet sivustot kieltäytyvät ottamasta vastaan SVG-latauksia: omalta verkkotunnukseltasi tarjottu ja suoraan avattu tiedosto ajaa skriptinsä alkuperäsi oikeuksilla. Script-elementit, tapahtumakäsittelijät ja vaaralliset linkkiosoitteet poistetaan täällä oletuksena, joten ulos tuleva on turvallista tarjota tiedostona eikä vain turvallista upottaa. Tekstisisältö sekä title- ja desc-elementit jätetään rauhaan, koska juuri ne ruudunlukija lukee ääneen.

Usein kysyttyä

Muuttaako tiivistäminen kuvakkeeni ulkonäköä?

Ei pitäisi. Mikään täällä ei rakenna piirrosta uudelleen: ei polkujen yhdistämistä, ei muotojen muuntamista eikä uudelleenjärjestelyä. Ainoa näkyvä riski on koordinaattien pyöristys, minkä vuoksi tarkkuus on säädettävissä ja tulosteen vieressä on esikatselu. Aseta se pois päältä jos työskentelet hyvin suuressa mittakaavassa.

Mitä se riisuu kun tiivistän SVG:n?

Enimmäkseen editorin jäänteitä: tasojen nimet, ruudukkoasetukset ja versiomerkinnät jotka Illustrator, Figma ja Inkscape kirjoittavat tiedostoon eikä mikään koskaan lue. SVG:n tiivistäminen näin on häviötöntä — piirros jää koskematta, joten siisti SVG näyttää pikselilleen samalta kuin se jonka pudotit, murto-osalla tavuja.

Miksi se poistaa skriptit oletuksena?

Koska SVG voi sisältää niitä, ja omalta verkkotunnukseltasi tarjottu tiedosto ajaa skriptinsä alkuperäsi oikeuksilla. Se on syy siihen että niin moni sivusto hylkää SVG-lataukset suoralta kädeltä. Script-elementtien, tapahtumakäsittelijöiden ja vaarallisten linkkiosoitteiden poistaminen on se mikä tekee tulosteesta turvallisen tarjottavaksi suoraan.

Säilyvätkö otsikko ja kuvaus?

Säilyvät, ellet pyydä niitä pois. Useimmat tiivistimet pudottavat ne äänettömästi, mutta ne ovat se saavutettava nimi ja kuvaus jonka ruudunlukija ilmoittaa. Niiden poistaminen säästää hyvin vähän ja maksaa jotain todellista, joten se on valinta eikä oletus.

Miksi käyttämättömien tunnisteiden poisto on pois päältä?

Koska tunnisteeseen voidaan viitata tiedoston ulkopuolelta. Tiedoston sisäiset viittaukset tarkistetaan kaikki, mutta SVG:n upottavan sivun CSS:ää tai JavaScriptiä ei täältä näe. Säästö on pieni ja rikkoutuminen olisi näkymätöntä, joten sinun on valittava se itse.

Kuinka paljon pienemmäksi tiedostoni tulee?

Editorin viennissä yleensä neljänkymmenen ja seitsemänkymmenen prosentin väliltä, ja luku näytetään jokaisen ajon jälkeen. Jo tiivistetty tiedosto tuskin muuttuu, mikä on oikea lopputulos eikä epäonnistuminen.

Auta parantamaan tätä työkalua

Löysitkö virheen, kaipaatko muutosta vai puuttuuko jokin työkalu?

/svg-minifier

↑↓ liikkuminen · Enter avaa · Esc sulkee