A ngarkohet SVG-ja ime në një server?

Jo. SVGO funksionon në shfletuesin tënd. I vetmi shkarkim është kodi i vetë optimizuesit, herën e parë që optimizon.

Pse pamja paraprake shfaqet si imazhe?

SVG është një format dokumenti që mund të përmbajë JavaScript dhe të ngarkojë skedarë të jashtëm. Të dyja pamjet paraprake vizatohen si <img nga adresa blob lokale dhe në atë mënyrë shfletuesit nuk ekzekutojnë kurrë skripte dhe nuk marrin burime të jashtme, ndaj shikimi i një SVG të pabesueshme këtu është i sigurt. Vetë kodi i optimizuar ende përmban çdo skript, përveç nëse Hiq skriptet dhe atributet e ngjarjeve është aktiv është te Maksimal .

SVG-ja ime e optimizuar nuk shkallëzohet më. Çfarë ndodhi?

Ndoshta viewBox u hoq, ose nga Hiq viewBox ose më parë nga një mjet tjetër. Optimizo përsëri origjinalin me atë shtesë të çaktivizuar.

Pse sprite-i i ikonave ose animacioni im pushoi së punuari?

Shkurto dhe hiq ID të e papërdorura ose Bashko shtigjet ndryshuan elementët që referon kodi yt. Përdor cilësimin I sigurt , që i mban të dyja.

Skedari i optimizuar nuk është më i vogël. Pse?

SVG ja ndoshta është tashmë e minifikuar. Provo Maksimal ose një Saktësia dhjetore më të ulët dhe çaktivizo Formatim i lexueshëm dalje me shtyrje .

Optimizues SVG online – minifiko dhe pastro kodin SVG

Q: Pse sprite-i i ikonave ose animacioni im pushoi së punuari?

Shkurto dhe hiq ID të e papërdorura ose Bashko shtigjet ndryshuan elementët që referon kodi yt. Përdor cilësimin I sigurt , që i mban të dyja.

Q: Skedari i optimizuar nuk është më i vogël. Pse?

SVG ja ndoshta është tashmë e minifikuar. Provo Maksimal ose një Saktësia dhjetore më të ulët dhe çaktivizo Formatim i lexueshëm dalje me shtyrje .

Optimizo dhe minifiko skedarët SVG online me SVGO, në shfletuesin tënd. Zgjidh një cilësim, krahaso pamjen dhe shih kursimin e madhësisë dhe të gzip.

Si ta optimizosh një SVG

Lësho një skedar SVG në zonën e zgjedhjes ose kliko mbi të për ta zgjedhur. Mund ta ngjitësh edhe kodin në kutinë Kodi SVG.
Zgjidh një Cilësimi i gatshëm: I sigurt, I ekuilibruar (parazgjedhja) ose Maksimal. Lista Shtesat më poshtë tregon saktësisht cilat hapa aktivizon secili cilësim.
Rregullo nëse duhet: Saktësia dhjetore (0 deri 8 shifra), Disa kalime dhe Formatim i lexueshëm (dalje me shtyrje) nëse do kod të lexueshëm. Sapo ndryshon një shtesë, saktësinë ose kalimet, cilësimi kalon në I personalizuar.
Kliko Optimizo SVG. Një skedar i lëshuar optimizohet menjëherë dhe sapo ka rezultat, çdo ndryshim cilësimi e ekzekuton përsëri optimizimin automatikisht.
Kontrollo shifrat Madhësia origjinale, Madhësia e optimizuar, Kursimi dhe Me gzip, pastaj krahaso dy vizatimet krah për krah.
Kliko Kopjo për të kopjuar Kodi SVG i optimizuar, ose Shkarko SVG-në e optimizuar për ta ruajtur si emri.min.svg.

Optimizimi bëhet nga SVGO 4, optimizuesi standard SVG me kod të hapur (MIT) që përdoret në shumicën e mjeteve të ndërtimit për web. Versioni i tij për shfletues ngarkohet herën e parë që klikon dhe funksionon tërësisht në pajisjen tënde: SVG-ja jote nuk ngarkohet asnjëherë.

Pse skedarët SVG nga mjetet e dizajnit janë kaq të rëndë

Një SVG e eksportuar nga Illustrator, Inkscape, Figma ose Sketch mban shumë më tepër se vizatimin. Redaktuesit shtojnë hapësirat e tyre të emrave dhe atribute (emra shtresash, udhëzues, cilësime eksporti), një bllok <metadata>, komente si “Generator: Adobe Illustrator”, koordinata me gjashtë ose më shumë dhjetore, grupe që përmbajnë një element të vetëm dhe ngjyra të gjata si #ffffff. Asgjë nga këto nuk ndryshon çfarë vizaton shfletuesi. SVGO i heq, i rrumbullakos numrat, i rishkruan të dhënat e shtigjeve me komanda më të shkurtra, i shkurton ngjyrat dhe i bashkon ose zhvesh elementët e tepërt. Një ulje 40–60% është e zakonshme për ikona dhe ilustrime të eksportuara.

Cilësimet e gatshme dhe shtesat e rrezikshme

I sigurt ekzekuton cilësimin e parazgjedhur të SVGO, por i mban ID-të, <desc>, shtigjet e ndara dhe rregullat <style>, me 3 dhjetore dhe një kalim. Përdore për SVG të referuara nga CSS ose JavaScript, sprite dhe animacione.
I ekuilibruar është cilësimi i parazgjedhur i SVGO, 3 dhjetore, disa kalime. I shkon shumicës së ikonave dhe ilustrimeve që shfaqen si imazhe.
Maksimal shton Hiq </strong>, <strong>Hiq skriptet dhe atributet e ngjarjeve</strong>, <strong>Hiq width/height (ruaj viewBox)</strong> dhe <strong>Zëvendëso xlink:href me href</strong>, me 2 dhjetore dhe disa kalime.</li> </ul> <p>Asnjë cilësim nuk e heq viewBox. <strong>Hiq viewBox</strong> është vetëm për raste të veçanta: pa të, vizatimi nuk mund të shkallëzohet më në madhësinë që i jep në CSS.</p> <p>Dije çfarë mund të prishin shtesat e tjera:</p> <ul> <li><strong>Shkurto dhe hiq ID-të e papërdorura</strong> i riemërton ID-të si <code>#icon-home</code> në <code>a</code>. Çdo përzgjedhës CSS, kërkim JavaScript, referencë sprite <code><use href="#…"></code>, spirancë faqeje ose animacion SMIL/CSS që synon emrin e vjetër pushon së punuari.</li> <li><strong>Hiq <title></strong> dhe <strong>Hiq <desc></strong> fshijnë emrin dhe përshkrimin e qasshëm. Mbaji te ikonat dhe grafikët me kuptim që lexuesit e ekranit duhet t’i shqiptojnë.</li> <li>Një <strong>Saktësia dhjetore</strong> e ulët mund t’i deformojë ikonat e vogla: kurbat lëkunden dhe skajet zhvendosen. Kontrollo gjithmonë krahasimin pamor; 3 është parazgjedhje e sigurt.</li> <li><strong>Bashko shtigjet</strong> i bashkon shtigjet fqinje në një, ndaj një efekt hover ose animacion që synonte një shtigje të vetme e humb objektivin.</li> </ul> <h2>Këshilla</h2> <ul> <li>Ruaj një kopje master të paoptimizuar për redaktim; trajtoje <code>.min.svg</code> si kod të përpiluar.</li> <li>Aktivizo gzip ose brotli në serverin tënd: formatet tekstuale si SVG kompresohen shumë mirë dhe shifra <strong>Me gzip</strong> tregon çfarë shkarkojnë realisht vizitorët (shfaqet kur shfletuesi yt mbështet <code>CompressionStream</code>).</li> <li>SVG brenda faqes (inline) mund të stilizohet me CSS dhe të animohet, por nuk ruhet veçmas në memorien e përkohshme; një SVG në <code><img></code> ruhet, por nuk stilizohet nga faqja.</li> </ul></div> <section class="mt-10" aria-labelledby="faq"> <h2 id="faq" class="text-2xl font-semibold">Pyetje të shpeshta</h2> <div class="mt-4 divide-y divide-line rounded-xl border border-line bg-surface"> <details class="faq group"> <summary>A ngarkohet SVG-ja ime në një server?</summary> <div class="prose px-5 pb-5"><p>Jo. SVGO funksionon në shfletuesin tënd. I vetmi shkarkim është kodi i vetë optimizuesit, herën e parë që optimizon.</p></div> </details> <details class="faq group"> <summary>Pse pamja paraprake shfaqet si imazhe?</summary> <div class="prose px-5 pb-5"><p>SVG është një format dokumenti që mund të përmbajë JavaScript dhe të ngarkojë skedarë të jashtëm. Të dyja pamjet paraprake vizatohen si <code><img></code> nga adresa blob lokale dhe në atë mënyrë shfletuesit nuk ekzekutojnë kurrë skripte dhe nuk marrin burime të jashtme, ndaj shikimi i një SVG të pabesueshme këtu është i sigurt. Vetë kodi i optimizuar ende përmban çdo skript, përveç nëse <strong>Hiq skriptet dhe atributet e ngjarjeve</strong> është aktiv (është te <strong>Maksimal</strong>).</p></div> </details> <details class="faq group"> <summary>SVG-ja ime e optimizuar nuk shkallëzohet më. Çfarë ndodhi?</summary> <div class="prose px-5 pb-5"><p>Ndoshta viewBox u hoq, ose nga <strong>Hiq viewBox</strong> ose më parë nga një mjet tjetër. Optimizo përsëri origjinalin me atë shtesë të çaktivizuar.</p></div> </details> <details class="faq group"> <summary>Pse sprite-i i ikonave ose animacioni im pushoi së punuari?</summary> <div class="prose px-5 pb-5"><p><strong>Shkurto dhe hiq ID-të e papërdorura</strong> ose <strong>Bashko shtigjet</strong> ndryshuan elementët që referon kodi yt. Përdor cilësimin <strong>I sigurt</strong>, që i mban të dyja.</p></div> </details> <details class="faq group"> <summary>Skedari i optimizuar nuk është më i vogël. Pse?</summary> <div class="prose px-5 pb-5"><p>SVG-ja ndoshta është tashmë e minifikuar. Provo <strong>Maksimal</strong> ose një <strong>Saktësia dhjetore</strong> më të ulët dhe çaktivizo <strong>Formatim i lexueshëm (dalje me shtyrje)</strong>.</p></div> </details> </div> </section> <section class="mt-10" aria-labelledby="related"> <h2 id="related" class="text-2xl font-semibold">Mjete të ngjashme</h2> <ul class="card-grid mt-4"><li><a class="card" href="/sq/svg-ne-png/"> <span class="card-title">Konvertues SVG në PNG</span> <span class="card-text">Konverto SVG në PNG, JPG ose WebP në shfletuesin tënd me çdo gjerësi, lartësi, shkallë ose DPI, sfond të tejdukshëm a me ngjyrë. Në grup dhe ZIP, pa ngarkim.</span> </a></li> <li><a class="card" href="/sq/imazh-ne-svg/"> <span class="card-title">Vektorizues imazhi në SVG</span> <span class="card-text">Konverto një logo ose vizatim PNG a JPG në shtigje vektoriale SVG në shfletuesin tënd. Cilësime të gatshme, numër ngjyrash dhe filtër pikash, pa ngarkim.</span> </a></li> <li><a class="card" href="/sq/ngjesh-imazhe/"> <span class="card-title">Kompresor imazhesh</span> <span class="card-text">Ngjesh imazhe JPG, PNG dhe WebP me një rrëshqitës cilësie, krahaso madhësitë para dhe pas dhe përpuno foto në grup pa i ngarkuar askund.</span> </a></li> <li><a class="card" href="/sq/formatues-css/"> <span class="card-title">Formatuesi dhe minifikuesi i CSS</span> <span class="card-text">Bukuro CSS-in e çrregullt me shtyrje të pastër ose minifikoje me csso, dhe shih madhësinë para dhe pas. Funksionon në shfletuesin tënd; asgjë nuk ngarkohet.</span> </a></li> </ul> </section> </article> <div class="hidden lg:block"> <div class="sticky top-24"><aside class="ad-slot ad-slot-sidebar" data-ad-slot="sidebar" aria-label="Reklamë"><span class="ad-label">Reklamë</span></aside> </div> </div> </div> </main> <footer class="mt-16 border-t border-line bg-surface"> <div class="mx-auto grid max-w-6xl gap-8 px-4 py-10 sm:grid-cols-3 text-sm"> <div> <p class="font-semibold">Utilia</p> <p class="mt-2 text-muted">Mjete falas në internet që funksionojnë në shfletuesin tënd. Të dhënat e tua mbeten në pajisjen tënde.</p> </div> <nav aria-label="Kategoritë"> <p class="font-semibold">Mjetet</p> <ul class="mt-2 space-y-1"><li><a class="link-muted" href="/sq/mjete-teksti/">Mjete teksti</a></li><li><a class="link-muted" href="/sq/mjete-per-zhvillues/">Mjete për zhvillues</a></li><li><a class="link-muted" href="/sq/web-seo-marketing/">Web, SEO dhe marketing</a></li><li><a class="link-muted" href="/sq/ngjyra-dhe-dizajn/">Ngjyra dhe dizajn</a></li><li><a class="link-muted" href="/sq/imazhe-dhe-foto/">Imazhe dhe foto</a></li><li><a class="link-muted" href="/sq/pdf-dhe-dokumente/">PDF dhe dokumente</a></li><li><a class="link-muted" href="/sq/kalkulatore-matematike/">Kalkulatorë matematikë</a></li><li><a class="link-muted" href="/sq/kalkulatore-financiare/">Kalkulatorë financiarë</a></li><li><a class="link-muted" href="/sq/data-dhe-ora/">Data dhe ora</a></li><li><a class="link-muted" href="/sq/konvertues-njesish/">Konvertues njësish</a></li><li><a class="link-muted" href="/sq/shendet-dhe-fitnes/">Shëndeti dhe fitnesi</a></li><li><a class="link-muted" href="/sq/shtepi-kuzhine-makine/">Shtëpi, bërje vetë, kuzhinë dhe makinë</a></li><li><a class="link-muted" href="/sq/gjeneratore/">Gjeneratorë</a></li><li><a class="link-muted" href="/sq/teste-pajisjesh/">Teste pajisjesh dhe shfletuesi</a></li><li><a class="link-muted" href="/sq/audio-dhe-video/">Audio dhe video</a></li><li><a class="link-muted" href="/sq/arsim-dhe-gjuhe/">Arsim dhe gjuhë</a></li><li><a class="link-muted" href="/sq/lojra/">Lojra</a></li></ul> </nav> <nav aria-label="Informacion"> <p class="font-semibold">Informacion</p> <ul class="mt-2 space-y-1"> <li><a class="link-muted" href="/sq/rreth-nesh/">Rreth nesh</a></li> <li><a class="link-muted" href="/sq/kontakt/">Kontakt</a></li> <li><a class="link-muted" href="/sq/politika-e-privatesise/">Politika e privatësisë</a></li> <li><a class="link-muted" href="/sq/kushtet-e-perdorimit/">Kushtet e përdorimit</a></li> </ul> </nav> </div> <p class="border-t border-line py-4 text-center text-xs text-muted">© 2026 Utilia</p> </footer> </body> </html>