SVG fayllarını necə sıxışdırmaq olar.

SVG Kompressorunu açın və SVG faylını seçin və ya Nümunəni sınayın. Nümunə svg-compressor.svg, 985 baytlıq orbit nişanıdır, 512 × 512 viewBox, qradiyent doldurma, başlıq və təsvirə malikdir. Kod artıq redaktorda və ya mübadilə buferində olduqda SVG yapışdır seçimindən istifadə edin.

Alət hər biri 2 MB olan 20 fayla qədər qəbul edir. O, tam SVG sənədini təhlil edir və xarici faylları yükləmədən standart SVG sənəd bəyannamələrini silir. Səhv formatlanmış XML, xüsusi obyekt bəyannamələri və daxili sənəd alt dəstləri rədd edilir. Çox mürəkkəb fayllar element və ya emal müddəti limitinə çata bilər.

Bu iş axını statik vektor qrafikası yaradır. Skriptlər, hadisə idarəediciləri, xarici resurslar, animasiya və daxil edilmiş raster şəkilləri silinir. Orijinal ilkin baxış artıq təmizlənib, ona görə də o, mənbə faylındakı hər bir xüsusiyyətin məhdudiyyətsiz göstərilməsi kimi şərh edilməməlidir.

İki ilkin baxış paneli təmizlənmiş orijinalı və optimallaşdırılmış nəticəni göstərir. Orijinal və Optimallaşdırılmış sözlərinin yanındakı ölçülər və bayt xülasəsi mənbə faylını hazır çıxışla müqayisə edir. Optimallaşdırma müəyyən bir faylı daha böyük etdikdə, bu, hər dəfə azalma vəd etmək əvəzinə artımı bildirir.

Parametrləri açın və nümunə üçün Onluq dəqiqliyi 2 olaraq təyin edin. Dəqiqlik 1-dən 5-yə qədər dəyişir və 3-dən başlayır. Daha aşağı dəyərlər ədədi həndəsəni sadələşdirə bilər, lakin incə əyriləri, kiçik boşluqları və ya düzlənmiş kənarları dəyişə bilər. İlkin baxışda vacib detallar itdikdə onu artırın.

Bu nümunə sadə həndəsədən istifadə edir, ona görə də 2 dəqiqliyi öz tanınan formasını saxlayır. Mürəkkəb onluq koordinatları olan digər SVG-lər daha çox dəyişə bilər. Optimallaşdırılmış SVG koduna baxmaq yüklənəcək faktiki mətni göstərir; bu, orijinalın ayrıca təsviri deyil.

İşlənmiş nümunə üçün Əlçatan başlıqları və təsvirləri saxla seçimini aktiv saxlayın. Bu, SVG başlığını və təsvirini saxlayarkən, artıq redaktor metadata-sını silir və uyğun kodu sadələşdirir. Bunlar müxtəlif növ məlumatlardır və bir-birini əvəz edən kimi qəbul edilməməlidir.

Daxili ID-ləri qısalt seçimi standart olaraq aktivdir. Optimallaşdırıcı SVG daxilindəki istinadları yeniləyir, lakin xarici CSS və ya JavaScript hələ də orijinal ID-lərə əsaslana bilər. Fayl elementlərini adlandıran daha böyük bir tətbiqin hissəsi olduqda bu seçimi söndürün və hazır SVG faylını həmin kontekstdə sınaqdan keçirin.

Bu nümunə üçün Responsive dimensions (Adaptiv ölçülər) və Readable output markup (Oxunaqlı çıxış işarələməsi) seçimlərini söndürün. Adaptiv ölçülər, viewBox koordinatları miqyaslana bilən ölçüləndirməni təmin edə bildikdə sabit eni və hündürlüyü silir. Oxunaqlı çıxış isə abzaslar əlavə edir və texniki xidmət üçün faydalıdır, lakin mətnin həcmini artıra bilər.

Start, sonra Download düyməsini seçin. İşlənmiş çıxış 635 baytdır, mənbə isə 985 baytdır: 35.5% azalma. Onun başlığı və təsviri qalır, göstərilən müqayisə isə orijinal mənbədən render edilir və SVG yüklənir.

Məqalə hər iki vektoru nəticənin aydın illüstrasiyası üçün 1,024 pikseldə render edir; onların məntiqi koordinat ölçüsü 512 × 512 olaraq qalır. Daha böyük önizləmə saxlanılan SVG-ə rastr məzmunu əlavə etmir. Mövcud istehsal aktivini əvəz etməzdən əvvəl təyinat səhifənizdə faktiki vektoru nəzərdən keçirin.

Bir fayl orijinal adı ilə SVG kimi yüklənir. Toplu yükləmə zamanı fayllar bir ZIP kimi, təkrarlanan fayl adları üçün nömrələnmiş şəkilçilərlə yüklənir. Emal brauzerdə baş verir. Daha sonra fərqli optimallaşdırma parametrlərini sınamaq istəyirsinizsə, orijinal mənbəni saxlayın.