Toolrack

SVG Optimallaşdırıcı

Oflayn işləyirHeç nə yüklənmirPulsuz, qeydiyyatsız

Bu tabda optimallaşdırılır — əsəriniz tabdan çıxmır.

SVG-ni atın və ya yapışdırın, redaktorların qoyub getdiklərindən azad edin: XML proloqları, şərhlər, Inkscape və Illustrator metadatası, yalnız-redaktor atributları, teqlər arası boşluqlar və heç bir ekranın göstərə bilmədiyi koordinat dəqiqliyi. Həndəsəyə heç vaxt toxunmayan mətn-səviyyəli keçid — loqoya, ikona, qrafikə eyni dərəcədə təhlükəsiz.

İxrac iş sahəsinin snapshotudur

Redaktorun saxladığı öz yaddaşıdır: hansı pəncərə açıq idi, hansı zoom, hansı alət — loqonuzun içində gedən adlandırılmış atributlar və metadata blokları kimi kodlanmış. Brauzerlər hər baytını görməzdən gəlir, hər bayt yenə də yüklənir. Buradakı optimallaşdırma sadəcə rəsmin yaddaşını saxlayıb redaktorunkunu unutmaqdır.

Bayt sayğacı real kodlanmış çıxışda ölçülür və izləməyə dəyər: saytın hər səhifəsində verilən ikon ölçüsünü hər ziyarətdə ödəyir — iyirmi ikonda 60% kəsinti real hesabda real rəqəmdir.

Tez-tez verilən suallar

Qənaət əslində haradan gəlir?

Redaktor ixracları əsasən rəsm deyil: Inkscape pəncərə vəziyyətini, Illustrator iş sahəsi şərhlərini göndərir, ikisi də koordinatları altı onluqla yazır — istənilən real ikonda nanometrdən kiçik dəqiqlik. Çöküntünü təmizləmək faylı adətən hər hansı əsl minifier məntiqindən əvvəl yarıya salır.

Koordinatları yuvarlaqlamaq təhlükəsizdir?

İki onluqda koordinat istifadəçi vahidinin yüzdə birinə qoyulur — 24 vahidlik ikonda hər hansı ekranın render etdiyindən qat-qat aşağı. Vahidləri metr olan böyük-viewBox texniki çertyojlarda dəqiqliyi qaldırın; sürüşdürücünün varlıq səbəbi budur — təhlükəsiz cavab viewBox-dan asılıdır, sizinkini siz tanıyırsınız.

Niyə heç vaxt path birləşdirmir, qrup silmir?

Çünki struktur yenidənqurmalar tam SVG parseri və CSS-in, skriptlərin, animasiyaların nəyə istinad etdiyinin modelini istəyir — «faydasız» qrupu silin, selektor səssizcə ölür. Mətn-səviyyəli keçid yalnız renderi dəyişə bilməyən dəyişikliklər edir — heç görmədiyi fayllarda işləyə bilməsinin səbəbi.

İstehsal SVG-sində nə qalmalıdır?

viewBox həmişə — o, koordinat sistemidir. Şəkil məzmun olanda title və desc qalsın (əlçatanlıq onları oxuyur); CSS və skriptlərin hədəflədiyi id-lər qalsın. Bu alət onların heç birinə toxunmur; sildiyi yalnız heç bir rendererin, oxuyucunun və stilin görə bilmədiyidir.

Oxşar alətlər