Resmi Base64'e Dönüştürme

Resmi Base64'e Dönüştürme, bir görsel dosyasını doğrudan HTML veya CSS içine yazılabilen metin haline getirir.

Ne işe yarar?

Normalde bir sayfadaki her görsel için tarayıcı ayrı bir istek gönderir. Görseli Base64 olarak sayfanın içine gömersen bu istek ortadan kalkar; görsel sayfayla birlikte gelir.

Bu, çok küçük görsellerde anlamlı bir kazanç sağlayabilir özellikle her isteğin kendi gecikmesi olduğu düşünülürse.

Ama bedeli var ve genellikle ağır basar

Boyut artar. Base64 gösterimi özgün dosyadan yaklaşık üçte bir büyüktür. 100 KB'lık bir görsel sayfana 133 KB olarak eklenir.

Önbellek avantajı kaybolur. Ayrı bir dosya olarak duran görsel, kullanıcı sitende gezinirken bir kez indirilip saklanır. Sayfaya gömülmüş bir görsel ise o sayfanın parçasıdır; kullanıcı her sayfada onu yeniden indirir.

Kod okunmaz hale gelir. Tek bir görsel, HTML veya CSS dosyana binlerce satır anlamsız karakter ekler.

Sayfa açılışı gecikir. Gömülü görsel, sayfanın kendisi inmeden görüntülenemez; ayrı dosya paralel inebilir.

Ne zaman kullanmalı?

• Çok küçük simgeler birkaç kilobaytlık ikonlar, imleçler, desenler.
• Tek dosyalık çıktılar e-posta şablonları, tek parça HTML raporlar.
• Dış dosya barındıramadığın durumlar kısıtlı sistemlere gömülü içerik.

Fotoğraflar ve büyük görseller için kullanma. Onları küçültmek istiyorsan Görüntü Optimizasyon Aracı daha doğru yaklaşımdır.

Nasıl dönüştürülür?

1. Görsel dosyanı seç.
2. Dönüşümü başlat.
3. Üretilen metni kopyalayıp src veya CSS url() değeri olarak kullan.

Kontrol edilmesi gerekenler

Çıktının başındaki data:image/png;base64, gibi ön ek verinin ayrılmaz parçasıdır; kopyalarken kesme. Görsel sayfada görünmüyorsa en sık sebep bu ön ekin eksik olması veya metnin bir yerinde satır sonu kalmasıdır.

Sıkça sorulan sorular

Sayfamı hızlandırır mı?

Yalnızca çok küçük görsellerde. Büyük dosyalarda yavaşlatır.

Boyut ne kadar artar?

Yaklaşık üçte bir.

Her tarayıcıda çalışır mı?

Evet, gömülü veri gösterimi yaygın olarak desteklenir.

Arama motorları görebilir mi?

Gömülü görseller ayrı dosya olarak dizine alınmaz; görsel aramada çıkması gereken içerikleri gömme.

İlgili araçlar

Geri çevirmek için Base64'ten Resme Dönüştürme, metin kodlamak için Base64 Kodlayıcı sayfalarını kullanabilirsin.