JPG’den Base64’e Dönüştürücü - Ücretsiz, Anında, Tarayıcıda
JPG’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.
JPG’den Base64’e Dönüştürme Hakkında
JPG dosyaları fotoğraftır ve fotoğraflar büyüktür. Bu tek gerçek, bir simgeyi kodlamaya kıyasla hesabı değiştirir: 200 KB’lık bir fotoğraf, tarayıcının tamamını indirmek, bellekte tutmak ve bir şey gösterebilmek için çözmek zorunda olduğu kabaca 267 KB metne dönüşür. Çoğu web sitesi için bu kötü bir takastır. Yine de tam olarak doğru olduğu üç durum var.
JPG’den Base64’e nasıl dönüştürülür
- 1 .jpg ya da .jpeg dosyanızı yükleme alanına bırakın.
- 2 Aracın gösterdiği boyut satırına bakın — gömmenin makul olup olmadığına karar veren sayı odur.
- 3 HTML ve CSS için data URI’yi, JSON’a koyacaksanız ham diziyi kopyalayın.
Normal bir web sayfası için bu genelde hatadır
Sıradan bir görsel etiketi tarayıcının fotoğrafı paralel indirmesine, aylarca önbelleklemesine, ekranın altındaysa hiç indirmemesine ve telefonda daha küçük bir sürümü koymasına izin verir. Gömmek bu dördünü birden çöpe atar. Fotoğraf artık HTML ya da CSS’in içinde gelir; ilk çizimi engeller, tek başına önbelleklenemez, oraya hiç kaydırmayan ziyaretçiler tarafından bile indirilir ve 4K ekranla ucuz bir telefonda birebir aynıdır. Fotoğraf ne kadar büyükse bunların her biri size o kadar pahalıya patlar.
Doğru olduğu üç durum
İlk sırada e-posta şablonları var: pek çok istemci dış görselleri varsayılan olarak engeller, dolayısıyla güvenilir biçimde görünen tek şey gömülü fotoğraftır. İkincisi minik yer tutucular — birkaç yüz bayt genişliğinde, bilerek bulanıklaştırılmış bir görsel; gerçek fotoğraf yüklenirken bir şey görünsün diye gömülür. Üçüncüsü, bir resmi yalnızca metin kabul eden bir sistemden geçirmek: JSON API’si, webhook gövdesi, veritabanı sütunu, mesaj kuyruğu. Üçünde de alternatif daha hızlı bir görsel değildir; hiç görsel olmamasıdır.
Kodlamadan önce fotoğrafı küçültün
Base64’ün kendisine ne verildiğine dair bir görüşü yoktur — 3 MB’lık bir tatil karesini de bir küçük resmi de aynı sadakatle büyütür. O yüzden işi doğru sırayla yapın: gerçekten göstereceğiniz boyuta kırpın, fark görünmez olana kadar JPG kalitesini düşürün ve ancak ondan sonra kodlayın. 400 piksel genişlikte gösterilecek bir fotoğrafın 4000 pikselde kodlanmasının hiçbir gerekçesi yoktur. Sonuç hâlâ yüzlerce kilobayt tutuyorsa, bu aracın size "dosyaya bağlantı ver" demesidir.