Kako radi SVG Optimizer
SVG Optimizer je alat koji čisti i smanjuje SVG kôd bez promjene izgleda same grafike. Proces optimizacije uklanja suvišne podatke koji se često generiraju prilikom izvoza iz grafičkih programa, čime se dobiva čišći kôd i manja datoteka.
Korištenje alata je izravno: u polje za unos zalijepi se SVG kôd, nakon čega sustav analizira i uklanja nepotrebne dijelove. Po završetku obrade, alat prikazuje točnu razliku u veličini između originalne i optimizirane verzije te omogućuje kopiranje ili preuzimanje smanjenog koda.
Sigurnost i lokalna obrada podataka
Privatnost korisnika i sigurnost podataka integrirani su izravno u način rada ovog alata. Vaš se SVG kôd optimizira u vašem pregledniku. Tijekom cijelog procesa obrade, kôd se ne šalje na poslužitelje niti se bilo što prenosi na domenu BroBroGo. Svi izračuni, čišćenje koda i optimizacija strukture odvijaju se lokalno unutar klijentske sesije vašeg web preglednika.
Pravila optimizacije i očuvanje strukture
Alat primjenjuje stroga pravila kako bi se osiguralo da grafika nakon optimizacije izgleda identično originalu. Ova metoda optimizacije fokusira se isključivo na sigurno čišćenje koda.
Tijekom obrade uklanjaju se sljedeći elementi koji ne utječu na prikaz grafike:
- Komentari unutar koda
- Metapodatci (npr. informacije o autoru ili programu u kojem je datoteka kreirana)
- Imenski prostori specifični za grafičke uređivače (editor namespaces)
- Suvišni razmaci između atributa
- Neiskorišteni imenski prostori
- Dulji zapisi boja, koji se zamjenjuju kraćim ekvivalentnim bojama (npr. kraći heksadecimalni zapisi)
Kako bi se izbjeglo narušavanje funkcionalnosti i izgleda, alat strogo zadržava i ne mijenja:
- Atribut
viewBoxkoji definira omjer i pozicioniranje - Jedinstvene identifikatore (ID-ove) elemenata
- Oznake unutar koda
- Geometrijska svojstva elemenata
Optimizator svjesno izbjegava prepisivanje putanja, preimenovanje ID-ova, uklanjanje viewBox-a i zaokruživanje preciznosti koordinata kako ne bi došlo do neželjenih vizualnih promjena ili kvarenja složenih putanja.
Tehnička ograničenja i rukovanje pogreškama
Prilikom obrade koda, alat provjerava ispravnost i veličinu unosa kako bi osigurao stabilnost rada. Postoje određena tehnička pravila i ograničenja koja mogu prekinuti proces optimizacije:
- Prazan unos: Ako pokušate pokrenuti optimizaciju bez unesenog koda, sustav će prikazati poruku: "Najprije zalijepite SVG kôd.".
- Format bez SVG elemenata: Ako uneseni tekst ne sadrži valjane SVG elemente, prikazat će se pogreška: "Nije pronađen <svg> element.".
- Nedopuštene deklaracije: SVG datoteke koje sadrže deklaracije vrste dokumenta (DOCTYPE) ili prilagođene entitete blokirane su iz sigurnosnih razloga. U tom slučaju alat javlja: "Ovaj SVG koristi vrstu dokumenta ili prilagođeni entitet. Uklonite ga prije optimizacije.".
- Ograničenje veličine: SVG mora biti ispod određenog limita broja znakova. Ako kôd premašuje taj limit, prikazuje se poruka: "Ovaj je SVG prevelik za ovaj alat. Neka bude ispod
{max}znakova.". - Vremensko ograničenje: Ako optimizacija traje duže od 15 sekundi, proces se automatski prekida uz poruku: "To je trajalo predugo i prekinuto je — pokušajte s manjim SVG-om.".
- Prekid procesa: Čišćenje unosa ili promjena unesenog koda u polju odmah će prekinuti bilo koji proces optimizacije koji je trenutno u tijeku.
U slučaju uspješne optimizacije koja je smanjila datoteku, prikazat će se poruka: "Optimizirano — {pct}% manje (ušteđeno {saved}).". Ako je kôd već bio maksimalno očišćen te optimizacija nije donijela smanjenje veličine, sustav ispisuje: "Optimizirano. Nije ušteđeno na veličini uz postavljeno sigurno čišćenje.". Za općenite nepredviđene probleme s kôdom koristi se poruka: "Nije moguće optimizirati ovaj SVG.".
Usporedba veličine i statistika
Nakon završetka obrade, alat generira precizne podatke o uštedi prostora kroz tri ključne metričke vrijednosti prikazane u sučelju:
| Metrika | Opis |
|---|---|
| Izvorno | Veličina originalnog SVG koda izraženog u bajtovima. |
| Izlaz | Veličina optimiziranog SVG koda u bajtovima nakon uklanjanja suvišnih metapodataka i razmaka. |
| Ušteđeno | Ukupna količina ušteđenog prostora prikazana u bajtovima i u postotnom omjeru. |
Ovi podatci omogućuju brzu provjeru učinkovitosti optimizacije prije nego što preuzmete gotovu datoteku.
Često postavljana pitanja (FAQ)
Što točno uklanja?
Uklanja komentare, metapodatke, imenske prostore uređivača, suvišne razmake atributa, neiskorištene imenske prostore i kraće ekvivalentne boje. Zadržava viewBox, ID-ove, oznake i geometriju netaknutima.
Može li optimizirati baš svaki SVG?
Podržava uobičajeni ugrađeni SVG kôd. SVG-ovi s deklaracijama vrste dokumenta ili prilagođenih entiteta blokirani su jer oni mogu učiniti raščlanjivanje nesigurnim. Uklonite te deklaracije i pokušajte ponovno.
Hoće li se promijeniti izgled grafike?
Optimizator izbjegava prepisivanje putanja, preimenovanje ID-ova, uklanjanje viewBox-a i zaokruživanje preciznosti. Ako se vaš SVG oslanja na komentare ili metapodatke za dizajnerski tijek rada, sačuvajte kopiju originala.