Görselden Base64'e

Görseli CSS, HTML veya Markdown içine gömebileceğiniz bir data URI'ye çevirin; dosya yüklenmeden.

Görseli buraya bırakın

PNG, JPEG, SVG, WebP veya GIF, en fazla 5 MB

Dosya tarayıcınızda okunur, hiçbir yere yüklenmez.

Görsel Base64'e Nasıl Çevrilir

1

Görselinizi ekleyin

Bir dosyayı kutuya sürükleyin ya da seçin. PNG, JPEG, SVG, WebP ve GIF çalışır. Dosya yerel olarak okunur ve hiçbir yere gönderilmez.

2

Boyuta bakın

Panel, özgün boyutu kodlanmış boyutun yanında ve ne kadar büyüdüğünü yüzde olarak gösterir; gömmenin değip değmeyeceğine karar veren sayı budur.

3

İhtiyacınız olan parçayı kopyalayın

Ham data URI'yi ya da nereye gideceğine göre hazır bir CSS arka plan kuralını, HTML img etiketini veya Markdown görsel sözdizimini alın.

Özellikler

Her yere yapıştırmaya hazır data URI çıktısı
CSS arka plan, HTML img ve Markdown parçaları sizin için üretilir
Özgün ve kodlanmış boyut, büyüme yüzdesiyle birlikte
Doğru dosyayı seçtiğinizi teyit eden canlı küçük görsel
Sürükle bırak veya dosya seçici
PNG, JPEG, SVG, WebP ve GIF desteği
Tamamen tarayıcınızda çalışır, yükleme yok
Üyeliksiz ücretsiz

Sık Sorulan Sorular

Hayır. Dosya tarayıcının FileReader'ıyla yerel olarak okunur ve bellekte dönüştürülür. Hiçbir şey gönderilmez; özel varlıklar ve yayınlanmamış tasarımlar makinenizde kalır.

Dosya içeriğini doğrudan bir URL'ye gömmenin yoludur. URL bir görsel dosyasını göstermek yerine görselin kendisini Base64 metni olarak taşır; böylece ek bir ağ isteği gerekmez.

Her sayfada görünen küçük varlıklar için: simgeler, küçük logolar ya da bir arka plan deseni. Gömmek bir isteği ortadan kaldırır ve dosya küçük kaldığı sürece buna değer.

Büyük olan her şey ve sık değişen görseller için. Base64 dosyayı yaklaşık üçte bir büyütür, stil dosyasından ayrı önbelleklenemez ve her ziyaretçinin indirdiği CSS'i şişirir.

Base64 üç baytı dört karaktere kodlar; sonuç sıkıştırmadan önce yaklaşık yüzde 33 daha büyüktür. Gzip bunun bir kısmını geri kazandırır ama tamamını değil.

Gömebilirsiniz, ancak SVG için URL kodlanmış sürüm genelde daha küçüktür ve okunur kalır. İşaretleme kaçırılması gereken karakterler içeriyorsa Base64 daha güvenli seçimdir.

Evet. Dosya baytları olduğu gibi kodlanır; PNG saydamlığı ve animasyonlu GIF kareleri bozulmadan korunur.

Evet, tamamen ücretsiz; üyelik ve filigran yok.

Özel Bir Araç veya Uygulamaya mı İhtiyacınız Var?

Üretim kalitesinde web uygulamaları, SaaS platformları ve geliştirici araçları oluşturuyoruz. Projeniz hakkında konuşalım.

veya ücretsiz görüşme ayarlayın