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ömerseniz 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 sayfanıza 133 KB olarak eklenir.

Önbellek avantajı kaybolur. Ayrı bir dosya olarak duran görsel, kullanıcı sitenizde 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 dosyanıza 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ız durumlar kısıtlı sistemlere gömülü içerik.

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

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

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

Kontrol edilmesi gerekenler

Çıktının başındaki data:image/png;base64, gibi ön ek verinin ayrılmaz parçasıdır; kopyalarken kesmeyin. 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ömmeyin.

İlgili araçlar

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