SVG Optimize Edici

SVG Optimize Edici nedir?

SVG Optimize Edici; elle yazılmış veya dışa aktarılmış SVG'yi yayınlamadan önce hafifletmesi gereken web tasarımcıları, ikon yazarları ve ön uç geliştiriciler için ücretsiz, tarayıcı içi bir araçtır. Vektör düzenleyiciler görünmez yük ekler: XML yorumları, meta veri blokları, Inkscape/Sodipodi/Illustrator öznitelikleri, gereksiz ondalıklar, işe yaramaz dönüşümler, sarmalayıcı gruplar ve hiçbir şeyin başvurmadığı ID'ler ve defs. Ayarlar'da her temizliği açıp kapatın, işaretlemeyi yapıştırın veya bir .svg dosyası bırakın, Özgün ve Optimize önizlemelerinin yan yana güncellenmesini izleyin ve Önce, Sonra, Tasarruf, Gzip ve Brotli istatistiklerini okuyun. Sonucu kopyalayın veya .min.svg olarak indirin. Satır içi ikonları, sprite sayfalarını, logoları ve illüstrasyonları hafifletmek için kullanın.

SVG Optimize Edici nasıl kullanılır

1. SVG'nizi yapıştırın veya bir .svg dosyasını bırakın/yükleyin — işaretleme giriş kutusunu doldurur.
2. Ayarlar'ı açın ve tam olarak istediğiniz temizlikleri açın: koordinatları yuvarla, yorumları, meta verileri ve düzenleyici özniteliklerini kaldır, boş gruplar, kullanılmayan ID ve defs, dönüşümleri birleştir, satır içi stilleri küçült, hex renkleri kısalt, varsayılan değerleri kaldır ve boşlukları küçült.
3. Koordinat yuvarlama açıksa, hassasiyeti ayarlayın (0-5 ondalık).
4. Çizimin hâlâ doğru göründüğünü doğrulamak için Özgün ve Optimize önizlemelerini yan yana karşılaştırın.
5. Gerçek boyut kazancını görmek için Önce, Sonra, Tasarruf, Gzip ve Brotli istatistiklerini okuyun.
6. Optimize edilmiş SVG'yi kopyalayın veya .min.svg dosyası olarak indirin.

Örnekler

<svg xmlns="http://www.w3.org/2000/svg"><!-- Generator: Sketch --><title>icon</title><rect x="0" y="0" width="24" height="24"/></svg>

<svg xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="24" height="24"/></svg>

<svg xmlns="http://www.w3.org/2000/svg"><path d="M1.00000 2.49999 L10.333333 8"/></svg>

<svg xmlns="http://www.w3.org/2000/svg"><path d="M1 2.5 L10.33 8"/></svg>

<svg xmlns="http://www.w3.org/2000/svg"><rect fill="#FFFFFF" fill-opacity="1" width="24" height="24"/></svg>

<svg xmlns="http://www.w3.org/2000/svg"><rect fill="#fff" width="24" height="24"/></svg>

Sıkça sorulan sorular

Optimize edici tam olarak neyi kaldırır?

İlgili anahtarlar açıkken: XML yorumları, <metadata>, <title> ve <desc> öğeleri, düzenleyici ad alanı öznitelikleri (Inkscape, Sodipodi, Illustrator), boş gruplar, hiçbir şeyin başvurmadığı ID'ler ve başvurulmayan <defs>. Ayrıca sayısal öznitelikleri ve yol verilerini yuvarlayabilir, işe yaramaz dönüşümleri birleştirebilir, style özniteliklerini ve <style> CSS'ini küçültebilir, hex renkleri kısaltabilir (#ffffff→#fff) ve fill-opacity="1" gibi varsayılan sunum özniteliklerini kaldırabilir.

Koordinatları yuvarlamak SVG'min görünümünü değiştirir mi?

Düşük hassasiyete yuvarlamak noktaları bir birimin çok küçük bir kesri kadar kaydırabilir; bu genellikle görünmez ama daha küçüktür. Tam geometri için hassasiyeti artırın (en fazla 5 ondalık) veya sayıları dokunulmadan bırakmak için yuvarlamayı kapatın.

Bir dosya yükleyip sonucu önizleyebilir miyim?

Evet. Bir .svg dosyası bırakın veya yükleyin (ya da işaretlemeyi yapıştırın); Özgün ve Optimize önizlemeleri yan yana görünür, böylece bozulmaları hemen fark edersiniz. Ardından çıktıyı kopyalayın veya optimize edilmiş .min.svg'yi indirin — hiçbir şey yüklenmez; dosya yerel olarak okunur.

Gzip ve Brotli rakamları ne anlama gelir?

Gzip boyutu, optimize edilmiş SVG'yi tarayıcınızda gerçekten sıkıştırarak ölçülür, bu yüzden gzip destekli bir bağlantıdaki gerçek baytları yansıtır. Brotli rakamı, bu gzip boyutundan türetilen bir tahmindir (brotli metni genellikle biraz daha küçük sıkıştırır); gerçek bir brotli kodlayıcı paketlemek için fazla ağırdır, bu nedenle tilde ile işaretlenir.

SVG'm herhangi bir yere yüklenir mi?

Hayır. Ayrıştırma, temizleme, boyut ölçümü ve seri hale getirme işlemlerinin tümü yerleşik DOMParser kullanılarak tarayıcınızda yerel olarak gerçekleşir. Bir sunucuya hiçbir şey gönderilmez, bu nedenle araç çevrimdışı çalışır ve çalışmanız gizli kalır.