Görselden Base64'e Dönüştürücü

Bir görseli HTML, CSS veya JSON içinde kullanılmaya hazır Base64 metnine ve data URL'ye çevirin.

Tarayıcınızda çalışır Ücretsiz

    Base64 görsel nedir?

    Base64, ikili (binary) bir dosyayı yalnızca metin karakterleriyle ifade etmenin yoludur. Bir görseli Base64'e çevirdiğinizde ortaya çıkan data URL'yi doğrudan HTML'deki img etiketine, CSS'teki background-image özelliğine veya bir JSON yanıtına gömebilirsiniz. Böylece ayrı bir görsel dosyası barındırmanıza gerek kalmaz.

    Ne zaman kullanılmalı?

    • E-posta şablonlarında küçük ikonlar ve logolar
    • Tek dosyalık HTML raporları ve prototipler
    • CSS içine gömülen küçük arka plan desenleri
    • API'lere görsel gönderirken metin tabanlı veri gerektiğinde

    Dikkat edilmesi gerekenler

    Base64 kodlama dosya boyutunu yaklaşık yüzde 33 artırır ve tarayıcı bu görselleri ayrı olarak önbelleğe alamaz. Bu yüzden yöntemi küçük görseller için kullanmanızı öneririz. Dönüşüm tamamen tarayıcınızda yapılır.

    Görselden Base64'e Dönüştürücü nasıl kullanılır?

    1. Base64'e çevirmek istediğiniz görseli seçin.
    2. Çıktı biçimini seçin: yalnızca Base64, data URL, HTML img etiketi veya CSS.
    3. Oluşan metni tek tıkla kopyalayın.
    4. Kodu HTML, CSS veya JSON dosyanıza yapıştırın.

    Neden bu aracı kullanmalısınız?

    Geliştiriciler için hızlı ve güvenilir: görsel sunucuya yüklenmez, çıktı anında hazırdır ve farklı kullanım biçimleri için hazır kod parçaları sunar.

    Sıkça sorulan sorular

    Base64 görsel sayfa hızını etkiler mi?

    Küçük görsellerde istek sayısını azalttığı için faydalı olabilir; büyük görsellerde ise HTML'i şişirir ve önbelleği engellediği için yavaşlatır.

    SVG dosyasını Base64'e çevirmeli miyim?

    SVG zaten metin olduğundan URL kodlamasıyla gömmek genellikle daha küçük sonuç verir; ancak Base64 de sorunsuz çalışır.

    Base64 metnini tekrar görsele çevirebilir miyim?

    Evet, Base64'ten Görsele aracımızı kullanabilirsiniz.

    İlgili araçlar