Resimden Base64'e
Bir resmi, doğrudan HTML, CSS, JSON veya bir e-posta şablonuna yapıştırabileceğiniz bir Base64 dizesine dönüştürün.
ya da buraya sürükleyip bırakın · 50 MB'a kadar, ücretsiz
Daha büyük dosyalar mı? Pro ile 500 MB'a kadar dosya dönüştürünÜcretsiz sınırların üzerinde: indirmeyi €1,99 fiyatından başlayarak açabilirsiniz.
İşleniyor…
Dosyanız hazır
Ücretsiz · Kayıt gerekmez · Filigran yok · Dosyalarınız cihazınızdan çıkmaz
3 adımda Resimden Base64'e
- Resminizi seçin veya kutuya sürükleyip bırakın.
- Çıktıyı seçin: data URI, yalnızca Base64, CSS veya HTML etiketi.
- Base64'e Dönüştür düğmesine tıklayın, ardından kodu kopyalayın veya .txt dosyası olarak indirin.
Bir resim ne zaman Base64 olarak gömülmeli?
Base64 bir dosyanın baytlarını düz metin olarak yazar; böylece bir resim ayrı bir dosya olmak yerine bir HTML sayfasının, stil dosyasının, JSON verisinin veya e-posta imzasının içinde yer alabilir. Bu, küçük simgeler ve logolar için bir isteği ortadan kaldırır; yalnızca metin kabul eden bazı API'ler ve form alanlarında ise resim göndermenin tek yoludur.
Bedeli boyuttur: Base64 metni resimden yaklaşık üçte bir daha büyüktür ve tek başına önbelleğe alınamaz. Birkaç kilobaytlık resimler için kullanın, fotoğrafları normal dosya olarak tutun. En kısa kod için önce resmi sıkıştırın ya da logolar ve simgeler için her boyutta keskin kalan SVG kullanın.
Sık sorulan sorular
Resim Base64'e nasıl çevrilir?
Burada bir resim seçin, çıktı biçimini belirleyin ve Base64'e Dönüştür düğmesine tıklayın. Kod, Kopyala düğmesi olan bir kutuda görünür; isterseniz .txt dosyası olarak da indirebilirsiniz. JPG, PNG, GIF, WebP, SVG, AVIF, BMP ve ICO resimleriyle çalışır.
Data URI nedir?
Data URI, tarayıcıya dosya türünü söyleyen kısa bir önekle başlayan Base64 metnidir; örneğin data:image/png;base64, ve ardından kod gelir. Bir resim URL'si beklenen her yerde, örneğin bir img etiketinin src özelliğinde veya CSS url() içinde kullanabilirsiniz.
Base64 HTML veya CSS'te nasıl kullanılır?
Hazır bir img öğesi için "HTML <img> etiketi", bir stil kuralına yapıştırabileceğiniz bir satır için "CSS background-image" seçeneğini seçin. İkisi de tam data URI'yi içerir, bu yüzden resim ayrı bir dosyaya gerek kalmadan görünür.
Base64 neden resimden büyük?
Base64 her 3 bayt için 4 metin karakteri kullanır, bu yüzden kod dosyadan yaklaşık yüzde 33 daha büyüktür. Küçük simgeler için sorun değildir ama fotoğraflarda hızla büyür. Kod çok uzunsa önce resmi sıkıştırın veya yeniden boyutlandırın.
Resmim bir sunucuya yükleniyor mu?
Hayır. Resim tarayıcınızın içinde, kendi cihazınızda okunur ve kodlanır; bu yüzden bize hiç gönderilmez ve hiçbir yerde saklanmaz. Sayfa yüklendikten sonra araç internet bağlantısı olmadan da çalışmaya devam eder.