Advanced Background Optimization

Akıllı Optimizasyon

SVG kalitesini korurken dosya boyutunu en aza indirmek için gereksiz boşlukları, yorumları ve nitelikleri otomatik olarak kaldırır.

Birden Fazla Biçim

İhtiyaçlarınıza göre URL kodlu veri URI (daha küçük) veya Base64 kodlaması (daha iyi uyumluluk) arasında seçim yapın.

Canlı Önizleme

Kullanmadan önce mükemmel göründüğünden emin olmak için SVG'nizin CSS arka planı olarak gerçek zamanlı işlendiğini görün.

Nasıl Kullanılır

SVG kodunuzu giriş alanına yapıştırın veya yazın

Çıktı biçimini seçin ve gerekirse optimizasyonu etkinleştirin

Oluşturulan CSS kodunu ve önizlemeyi görüntüleyin

Projenizde kullanmak için CSS'i kopyalayın veya indirin

Technical Integration

Simply paste the generated CSS as a background-image property in your stylesheet. This allows you to use high-resolution, scaleable icons without external HTTP requests, improving performance and SEO.

FAQ

Sıkça Sorulan Sorular

SVG Veri URI nedir?

Veri URI, SVG kodunu data: şemasını kullanarak doğrudan CSS'e gömmek için bir yöntemdir. Bu, ayrı SVG dosyalarına olan ihtiyacı ortadan kaldırır ve HTTP isteklerini azaltır.

Hangi biçimi kullanmalıyım - Veri URI mi yoksa Base64 mi?

URL kodlu Veri URI genellikle daha iyidir çünkü daha okunabilir ve çoğu zaman daha küçüktür. Eski sistemlerle veya belirli araçlarla daha iyi uyumluluğa ihtiyacınız varsa Base64 kullanın.

Optimizasyon SVG kalitesini etkiler mi?

Hayır! Optimizasyon yalnızca gereksiz boşlukları, yorumları ve gereksiz nitelikleri kaldırır. SVG'nizin görsel görünümü tamamen aynı kalır.

Bunu herhangi bir SVG için kullanabilir miyim?

Evet! Bu araç herhangi bir geçerli SVG koduyla çalışır. Ancak, gömülü görüntü veya animasyon içeren çok karmaşık SVG'ler büyük CSS dosyalarına neden olabilir.