Resimden Base64'e
Data URI ve HTML, CSS ve JavaScript için yapıştırmaya hazır kod parçacıkları almak üzere herhangi bir resmi bu resimden Base64'e dönüştürücüye bırakın. Gömülü resimler küçük simgeler için HTTP isteklerinden tasarruf sağlar ve tek dosyalık HTML, e-posta şablonları ve çevrimdışı uygulamalar için vazgeçilmezdir.
Resimden Base64'e online nasıl dönüştürülür
- Bir resim dosyası seçin veya bir resim URL'si yapıştırın.
- Çıktıyı seçin: data URI,
<img>, CSS arka planı, favicon, JSON ve dahası. - Resmi Base64'e kodla düğmesine tıklayın.
- Resmi önizleyin ve kodu kopyalayın.
Diğer Resimden Base64'e dönüştürücüleri
Çıktı formatları
Sonucun nasıl sarmalanacağını seçin. Dönüştürücü şunları döndürebilir:
- txt: yalnızca Base64 dizesi; koda, bir veritabanı alanına veya API isteğine yapıştırmaya hazır.
- uri: tarayıcı adres çubuğuna yapıştırabileceğiniz veya URL kabul eden her yerde kullanabileceğiniz eksiksiz bir
data:URI'si. - html img:
srciçinde data URI bulunan bir<img>etiketi. - css background image:
background-image: url(data:...)kullanan bir CSS kuralı. - html favicon: gömülü favicon için bir
<link rel="icon">etiketi. - html hyperlink: gömülü dosyayı indiren veya açan bir
<a>bağlantısı. - html iframe: içeriği sayfa içinde gösteren bir
<iframe>. - javascript image: Bir
Imagenesnesi oluşturan JavaScript. - javascript popup: İçeriği yeni bir pencerede açan JavaScript.
- json: dosya adı, MIME türü ve veriyi içeren bir JSON nesnesi.
- xml: veriyi bir CDATA bölümü içinde barındıran bir XML öğesi.
Resimleri ne zaman Base64 olarak gömmelisiniz?
İstek sayısını azaltmak için simgeler, logolar ve yer tutucular gibi küçük resimleri (yaklaşık 5–10 KB altı) gömün. Büyük fotoğrafları gömmekten kaçının: HTML/CSS'i ağırlaştırır, ayrı olarak önbelleğe alınamaz ve görüntülemeyi geciktirir. Ayrıntılı bilgi için data URI'ler açıklaması sayfasına bakın.
Sıkça sorulan sorular
Bir resmi Base64'e nasıl dönüştürürüm?
Resminizi seçin, çıktı olarak "Data URI" veya "<img>" seçin ve "Resmi Base64'e kodla" düğmesine tıklayın. Sonucu HTML veya CSS kodunuza kopyalayın.
Hangi resim formatları destekleniyor?
Tarayıcınızın okuyabildiği her format: PNG, JPG/JPEG, GIF, WebP, SVG, BMP, ICO, AVIF, TIFF ve daha fazlası.
Base64 resmi HTML'de nasıl kullanırım?
Data URI'yi src özniteliğine koyun: <img src="data:image/png;base64,iVBORw0KGgo..." alt="">.
Yorumlar (0)
“Resimden Base64'e” hakkında sorularınız, fikirleriniz veya bir hata mı var? Yorum bırakın, aracı puanlayın veya başkalarına yanıt verin.
Henüz yorum yok. Görüşlerinizi ilk paylaşan siz olun!