Pulsuz SVG Optimallaşdırıcı və Minifikator
SVG fayl ölçüsünü əhəmiyyətli dərəcədə azaltmaq üçün metadataları silin, boşluqları yığcamlaşdırın və ondalıkları yuvarlaqlaşdırın — adətən 30-70% azalma. Vizual önizləmə heç nəyin xarab olmadığını yoxlayır.
Faylı bura buraxın və ya seçmək üçün klikləyin
SVG · cihazınızda emal edilir
və ya mübadilə buferindən yapışdırmaq üçün Ctrl+V basın
Fayllarınız heç vaxt cihazınızı tərk etmir. Bütün emal brauzerinizdə yerli olaraq baş verir.
Ümumi istifadələr
- Vebsayt Binaları üçün SVG İyidən Tini YapIcon SVG-lərdən göndərilməzdən əvvəl lazımsız metadatanı çıxarın - tipik 50-80% azalma.
- Marka Loqosu SVG-lərini Optimize EdinKeyfiyyətdən asılı olmadan tez vebsayt yükləməsi üçün SVG loqo fayl ölçüsünü azaldın.
- İllustrasiyanı və Hero SVG-lərini Optimize EdinDaha böyük illüstrasiyalar (qəhrəmanlar, dekorativ qrafika) üçün optimizasiya fayl ölçüsünün 30-70% -ini azada bilər.
- JavaScript Paket Ölçüsünü AzaldınSVG-lər React komponentləri kimi idxal edilən və ya kodda sətir içində olduqda, optimizasiya JS paketini kiçəltir.
- Figma / Sketch SVG Ixraclarını TəmizləyinFigma və Sketch SVG ixracları geniş metadatanı ehtiva edir. Üretim istifadə etməzdən əvvəl çıxarın.
Necə İşləyir
Bu alət tamamilə brauzerinizdə işləyən əl ilə yazılmış bir optimallaşdırıcı istifadə edərək SVG fayl ölçüsünü azaldır — kitabxanalar yoxdur, server yoxdur. O, iki keçidi birləşdirir: atribut-səviyyəli dəqiqlik işi üçün brauzerin daxili DOMParser/XMLSerializer-i, şərh çıxarılması, metaməlumat silinməsi və boşluq sıxılması üçün hədəflənmiş regex əvəzləmələri.
- 1DOMParser SVG-ni təmizləyirHər hansı optimallaşdırmadan əvvəl, brauzerin DOMParser-i SVG-ni XML kimi oxuyur və hər elementi gəzir. Skript etiketləri, hadisə işləyiciləri (hər hansı on* atributu), animasiya elementləri və xarici URL istinadları qeydsiz-şərtsiz çıxarılır — bu hansı optimallaşdırma seçimlərini seçdiyinizdən asılı olmayaraq işləyir.
- 2DOM-əsaslı onluq yuvarlaqlaşdırmasıOnluq yuvarlaqlaşdırma aktivdirsə, optimallaşdırıcı təhlil edilmiş DOM-u ikinci dəfə gəzir və yuvarlaqlaşdırmanı yalnız məlum rəqəmsal atributlara (path d məlumatı, koordinatlar, transform dəyərləri, xətt qalınlıqları və s.) tətbiq edir, .5.5 kimi birləşdirilmiş yol dəyərlərini pozmadan fərdi üzən-nöqtə rəqəmlərini uyğunlaşdıran bir regex istifadə edərək.
- 3Regex keçidləri serializə edilmiş işarələməni təmizləyirXMLSerializer normallaşdırılmış XML yaradır, sonra hədəflənmiş sətir əvəzləmələri HTML şərhlərini, Inkscape/Sodipodi redaktor metaməlumatlarını, XML bəyanatını, artıq defolt atributları (version="1.1" kimi) və etiketlərarası boşluğu çıxarır — hər keçid dar hədəflənmişdir, ona görə mətn qovşağı məzmununa heç vaxt toxunulmur.
- 4Gzip ölçüsü və ixrac formatlarıBrauzerin CompressionStream API-si həm giriş, həm də çıxışın real gzip ölçülərini hesablayır, çünki bu, veb üzərində ötürmə xərcini həqiqətən müəyyən edən şeydir. Optimallaşdırılmış SVG endirilə, xam SVG kimi kopyalana, React JSX-hazır camelCase atributlarına çevrilə, ya da bir CSS data URI kimi kodlaşdırıla bilər — bütün çevirmələr lokal olaraq baş verir.
SVG-niz tamamilə brauzer sekmenizin daxilində oxunur və işlənir — fayl baytları heç vaxt cihazınızı tərk etmir.
Əlaqəli Alətlər
CSS Minifikator və Gözəlləşdiricisi
Fayl ölçüsünü azaltmaq üçün CSS-i minifikasiya edin və ya oxunuş üçün minifikasiya edilmiş CSS-i gözəlləşdirin. Ani, brauzerinizdə.
GIF sıxıcı
Animasiyalı GIF-in ölçüsünü azaldın: Discord-un 256 KB emoji və ya 512 KB stiker kimi ölçü həddinə sığdırın, yaxud rəngləri, eni və kadrları özünüz seçin. Brauzerdə işləyir; GIF yüklənmir.
PDF Sıxışdırıcı
PDF fayllarının ölçüsünü azaltmaq üçün sıxışdırın. Keyfiyyət səviyyəsi seçin — daha yüksək sıxışdırma daha kiçik fayl, lakin daha aşağı şəkil keyfiyyəti deməkdir.