Si funksionon Optimizuesi SVG
Ky mjet pastron dhe zvogëlon kodin SVG pa ndryshuar pamjen e grafikës. Përdoruesi ngjit kodin SVG në zonën e hyrjes dhe mjeti e përpunon atë për të hequr pjesët e panevojshme. Pas një optimizimi të suksesshëm, mjeti tregon se sa më i vogël është bërë SVG-ja e optimizuar dhe ju lejon të kopjoni ose të shkarkoni kodin e reduktuar.
Procesi i optimizimit bazohet në rregulla të rrepta për të garantuar që grafika të mos dëmtohet. Gjatë përpunimit, mjeti kryen këto veprime:
- Heq komentet, metadata-t dhe hapësirat e emrave të editorit.
- Heq hapësirat shtesë të atributeve dhe hapësirat e papërdorura të emrave.
- Zëvendëson ngjyrat me ngjyra ekuivalente më të shkurtra.
- Mban plotësisht të paprekur viewBox, ID-të, etiketat dhe gjeometrinë.
- Shmang rishkrimin e shtigjeve (paths), riemërtimin e ID-ve, heqjen e viewBox dhe rrumbullakimin e saktësisë.
Formatet e lejuara dhe kufizimet e hyrjes
Për të përdorur mjetin, duhet të vendosni një kod që plotëson kushtet e mëposhtme:
- Hyrja SVG: Duhet të jetë kod normal inline SVG.
- Kufiri i gjatësisë: SVG-ja duhet të jetë nën një kufi të caktuar karakteresh. Nëse kodi e tejkalon këtë kufi, do të shfaqet mesazhi i gabimit "Ky SVG është shumë i madh për këtë mjet. Mbajeni nën
{max}karaktere.". - Bllokimi i deklaratave: SVG-të që përmbajnë një lloj dokumenti (document type) ose deklarata të entiteteve të personalizuara (custom entity) bllokohen automatikisht. Në këto raste, mjeti shfaq gabimin "Ky SVG përdor një lloj dokumenti ose entitet të personalizuar. Hiqeni atë para optimizimit.".
Rezultatet dhe statistikat e optimizimit
Pas përfundimit të procesit, mjeti shfaq statistika të detajuara mbi hapësirën e kursyer:
- Origjinal: Madhësia e SVG-së origjinale e matur në bajt.
- Rezultati: Madhësia e SVG-së së optimizuar në bajt.
- Të kursyera: Sasia e hapësirës së kursyer e shprehur në bajt dhe si përqindje.
Në varësi të rezultatit të optimizimit, do të shfaqet një nga mesazhet e mëposhtme:
- U optimizua —
{pct}% më i vogël ({saved}të kursyera).: Ky mesazh konfirmon suksesin dhe tregon përqindjen dhe bajtet e kursyera. - U optimizua. Nuk u kursye asnjë madhësi me pastrimin e sigurt të aktivizuar.: Ky mesazh shfaqet nëse kodi ishte tashmë i optimizuar dhe nuk u arrit asnjë reduktim i madhësisë.
Trajtimi i gabimeve dhe ndërprerja e procesit
Mjeti ka mekanizma të integruar për të trajtuar gabimet dhe skenarët e veçantë gjatë përdorimit:
- Hyrje e zbrazët: Nëse përpiqeni të optimizoni pa vendosur asgjë, do të shfaqet mesazhi "Ngjitni kodin SVG fillimisht.".
- Format i gabuar: Nëse kodi i ngjitur nuk përmban asnjë element SVG, mjeti do të shfaqë mesazhin "Nuk u gjet asnjë element <svg>.".
- Tejkalimi i kohës (Timeout): Nëse procesi i optimizimit zgjat shumë (mbi 15 sekonda), ai ndërpritet automatikisht dhe shfaqet mesazhi "Kjo mori shumë kohë dhe u ndërpre — provoni një SVG më të vogël.".
- Gabime të përgjithshme: Nëse optimizimi dështon për arsye të tjera, shfaqet mesazhi "Nuk u mundësua optimizimi i këtij SVG.".
- Ndërprerja aktive: Pastrimi i fushës së hyrjes ose ndryshimi i kodit gjatë kohës që optimizimi është duke u kryer do të ndërpresë menjëherë procesin e vazhdueshëm.
Privatësia e të dhënave tuaja
Kur përdorni këtë mjet, mund të jeni të sigurt për privatësinë e të dhënave tuaja. Kodi juaj SVG optimizohet direkt në shfletuesin tuaj. Asgjë nuk ngarkohet në serverët e BroBroGo.
Pyetje të shpeshta (FAQ)
Çfarë heq ai?
Ai heq komentet, metadata-t, hapësirat e emrave të editorit, hapësirat shtesë të atributeve, hapësirat e papërdorura të emrave dhe ngjyrat ekuivalente më të shkurtra. Ai mban të paprekur viewBox, ID-të, etiketat dhe gjeometrinë.
A mund të optimizojë çdo SVG?
Ai trajton kodin normal inline SVG. SVG-të me deklarata të llojit të dokumentit ose entiteteve të personalizuara bllokohen sepse ato mund ta bëjnë analizimin të pasigurt. Hiqni ato deklarata dhe provoni përsëri.
A do të ndryshojë pamja e grafikës?
Optimizuesi shmang rishkrimin e shtigjeve (paths), riemërtimin e ID-ve, heqjen e viewBox dhe rrumbullakimin e saktësisë. Nëse SVG-ja juaj mbështetet te komentet ose metadata për procesin tuaj të dizajnit, mbani një kopje të origjinalit.