Görsel Sıkıştır
Görüntüden Base64'e Dönüştürücü
Görüntüleri, yapıştırmaya hazır Data URI, CSS ve HTML parçacıklarıyla Base64'e kodlayın - veya Base64 yapıştırıp görüntüyü geri alın. Her şey tarayıcınızda çalışır. Kayıt yok, sınır yok, ücretsiz.
Görüntünüzü buraya bırakın
PNG, JPG, WebP, GIF, SVG, BMP veya ICO · küçük dosyalar en iyi şekilde gömülür
Base64, dosyaları ~%33 büyütür. Gömme en iyi 10 KB altında çalışır; bunun üstünde dosyayı bağlayın.
Bir görüntü Base64'e nasıl dönüştürülür
Görüntünüzü ekleyin
Bir görüntüyü kutunun herhangi bir yerine sürükleyip bırakın, göz atmak için tıklayın veya doğrudan panonuzdan yapıştırın. PNG, JPG, WebP, GIF, SVG, BMP ve ICO'nun hepsi çalışır.
İhtiyacınız olan parçacığı seçin
Ham Base64, tam bir Data URI, bir CSS background-image kuralı veya bir HTML img etiketi arasında geçiş yapın. Çıktı anında güncellenir.
Kopyalayıp yapıştırın
Kopyala'ya tıklayın ve parçacığı stil sayfanıza, HTML'inize veya kodunuza bırakın. Ters yönde gitmek için Base64 → Görüntü'ye geçin, herhangi bir Base64 veya Data URI yapıştırın ve çözülen dosyayı indirin.
Görüntü ve Base64 soruları, yanıtlandı
Base64 kodlaması nedir?
Base64, ikili verileri 64 güvenli karakter kullanarak düz ASCII metnine çevirir, böylece bir görüntü bir metin dosyasının içinde yaşayabilir: HTML, CSS, JSON veya bir e-posta. Metin, orijinal dosyadan yaklaşık %33 daha büyüktür; bu, onu kopyalanıp yapıştırılabilir hale getirmenin bedelidir.
Bir görüntüyü ne zaman Base64 olarak gömmeliyim?
Gömme, küçük varlıklarda parlar: simgeler, logolar, yaklaşık 10 KB'nin altındaki minik arka planlar. Bir HTTP isteğinden tasarruf sağlar ve bir bileşeni kendi kendine yeterli tutar. Daha büyük görüntüler için normal bir dosya bağlantısı daha hızlıdır, düzgün önbelleğe alınır ve belgenizi şişirmez.
Base64'ü CSS veya HTML'de nasıl kullanırım?
Hazır varyantları kullanın: CSS sekmesi size tam bir background-image kuralı, HTML sekmesi ise tam bir img etiketi verir. Her ikisi de aynı Data URI'yi sarar; bu, içerik türüyle öne eklenmiş Base64 verisidir.
Base64'ü tekrar görüntüye dönüştürebilir miyim?
Evet. Aracı Base64 → Görüntü'ye geçirin, ham Base64, bir Data URI ve hatta tam bir CSS kuralı veya img etiketi yapıştırın - veri otomatik olarak algılanır, biçim verinin kendisinden belirlenir ve içerdiği dosyayı indirirsiniz.
Base64 dizem neden reddediliyor?
Genellikle dize eksiktir: kısmi bir kopyalamadan kalan eksik bir kuyruk çözmeyi bozar. data:image ön ekleri dahil tam değeri yapıştırın. Çözülen ancak görüntü verisi olmayan dizeler de reddedilir; her iki durumda da net bir mesajla.
Görüntüm bir sunucuya yükleniyor mu?
Hayır. Kodlama ve çözme, tarayıcınızın yerel olarak gerçekleştirdiği saf metin işlemleridir. Ne görüntüleriniz ne de Base64 dizeleriniz cihazınızdan ayrılır.