WebP’den Base64’e Dönüştürücü - Ücretsiz, Anında, Tarayıcıda
WebP’den Base64’e Dönüştürücü
En fazla 10 MB. Hiçbir şey yüklenmez — dosya cihazınızdan çıkmaz.
Bunu bir <img src> niteliğinde ya da CSS url() içinde kullanın.
data: öneki olmadan — JSON gövdeleri ve API’ler için.
Dosyalarınız gizli kalır
Bu dönüştürme tamamen tarayıcınızın içinde çalışır. Görsel hiç yüklenmez; burada kodladığınız hiçbir şey sunucumuza ya da başkasına ulaşmaz.
WebP’den Base64’e Dönüştürme Hakkında
WebP zaten kompakt olanıdır. PNG olarak 40 KB tutacak bir dosya, WebP olarak çoğu zaman 15 KB civarına iner; bu da Base64’ün eklediği %33’ün mutlak olarak diğer biçimlerden daha az canınızı yakması demektir. Bu, WebP’yi gömme için alışılmadık derecede iyi bir aday yapar — boyutla hiç ilgisi olmayan tek bir pürüzle birlikte.
WebP’den Base64’e nasıl dönüştürülür
- 1 .webp dosyanızı yükleme alanına bırakın.
- 2 Kodlanmış biçimler, öncesi ve sonrasındaki boyutla birlikte anında belirir.
- 3 Hangisi uyuyorsa onu kopyalayın: data URI, ham dizi ya da CSS kuralı.
Gömmek yedek yolunuzu ortadan kaldırır
WebP sunmanın normal yolu, önce WebP’yi sonra bir JPG ya da PNG’yi öneren ve her tarayıcının anladığını almasına izin veren bir picture öğesidir. Bir data URI bunu yapamaz: tek bir ortam tipine sahip tek bir dizidir ve WebP’yi çözemeyen bir tarayıcı basitçe hiçbir şey göstermez. Destek bugün çok geniştir, dolayısıyla bu açık web’de nadiren ısırır — ama e-posta istemcilerinde, eski gömülü tarayıcılarda ve HTML’i yaşlı bir motorla çizen masaüstü uygulamalarında ısırır.
İyi oturduğu yerler
Çalışma ortamını kontrol ettiğiniz ve WebP’nin çözüleceğini bildiğiniz her yer: şirket içi bir gösterge paneli, bir yönetim paneli, bir tarayıcı eklentisi, bir Electron uygulaması, yalnızca modern bir kitleye gönderilen bir tasarım sistemi. Böyle yerlerde WebP sıkıştırmasını ve ekstra istek olmamasını aynı anda elde edersiniz; gömmenin ulaşabileceği en iyi hâl aşağı yukarı budur. Yüzde birin kesirlerinin bile önemli olduğu halka açık bir pazarlama sayfasında ise picture öğesini ve düz bir dosyayı tercih edin.
Asıl kayıp yine önbelleklemedir
WebP dosyaları küçük olduğu için insanlar çok sayıda dosyayı gömmeye heveslenir. İkinci maliyetin katlandığı yer tam da burasıdır: gömülen her görsel stil dosyasının içinde yaşar; dolayısıyla CSS’in tek bir satırındaki tek bir değişiklik hepsini birden geçersiz kılar ve ziyaretçi tüm seti yeniden indirir. Gömülmüş on küçük görsel, önbelleğe alınmış on dosyadan rahatlıkla daha kötü olabilir. Sayıyı düşük tutun, her birinin gerçekten minik olmasına dikkat edin ve geri kalanı tarayıcının önbelleğe alıp sayfalar arasında yeniden kullanabileceği sıradan dosyalar olarak bırakın.