İçeriğe atla
SPCXTools

Resimden Base64'e

Herhangi bir resmi Base64 data URI'sine dönüştürün ve düz Base64, CSS arka planı, HTML img etiketi veya Markdown olarak kopyalayın.

Yerel çalışır — dosyalarınız cihazınızdan dışarı çıkmaz

Araç yükleniyor…

Resimden Base64'e nasıl kullanılır

  1. 1Bir resim seçin veya sayfaya sürükleyip bırakın.
  2. 2Çıktı formatını seçin — Data URI, düz Base64, CSS, HTML veya Markdown.
  3. 3Önizlemenin yanında gösterilen kodlanmış boyutu kontrol edin.
  4. 4Kopyala'ya tıklayın ve kodu ihtiyacınız olan yere yapıştırın.

Resimleri doğrudan kodunuza gömün

Bazen ayrı bir resim dosyası kullanmak istemezsiniz: stil dosyasında bir ikon, tek sayfalık HTML raporunda bir logo, JSON API yanıtında bir yer tutucu, Markdown belgesinde bir görsel veya bileşen kütüphanesinde bir arka plan gerekebilir. Bu dönüştürücü, herhangi bir resmi Base64 olarak kodlar ve doğrudan yapıştırabileceğiniz formatlarda hazırlar: data URI, düz Base64, CSS background-image, HTML <img> etiketi veya Markdown resim formatı.

Özellikler

  • Tüm yaygın resim formatları: PNG, JPG, GIF, WebP, AVIF, SVG, ICO ve daha fazlası.
  • Farklı kullanımlar için beş çıktı formatı.
  • Orijinal dosya ile kodlanmış metin arasında boyut karşılaştırması.
  • Şeffaflık ızgarası ile görsel önizleme.
  • Tek tıkla kopyalama.
  • Gizlilik: Dosya asla tarayıcınızdan dışarı çıkmaz.

Çıktı örnekleri

Format Görünüm
Data URI data:image/png;base64,iVBORw0KGgo…
Base64 iVBORw0KGgo…
CSS background-image: url("data:image/png;base64,…");
HTML <img src="data:image/png;base64,…" alt="logo">
Markdown ![logo](data:image/png;base64,…)

Gömülü görsellerin boyutunu küçük tutun

Gömülü görseller tek başlarına önbelleğe (cache) alınamaz; bu nedenle, onları içeren sayfa veya stil dosyası her yüklendiğinde tekrar indirilirler. Genel bir kural olarak, yalnızca birkaç kilobayttan küçük görselleri koda gömün. Görselleri önce Resim Sıkıştırma ile küçültün, piksel tabanlı (bitmap) bir formata ihtiyacınız varsa vektör ikonları SVG'den PNG'ye dönüştürün veya diğer dosya ve metinleri Base64 dönüştürücü ile kodlayın.

Sıkça sorulan sorular

Data URI nedir?
Data URI, bir dosyayı doğrudan metin içine gömer. data:image/png;base64, formatının ardından kodlanmış baytlar gelir. Tarayıcılar bunu tıpkı bir URL'den yüklenen bir görsel gibi gösterir, ancak fazladan bir HTTP isteğine gerek kalmaz.
Base64 boyutu neden orijinal görselden daha büyük?
Base64, her 3 baytı 4 metin karakteri olarak kodlar; bu nedenle sonuç orijinal dosyadan yaklaşık %33 daha büyük olur. Sayfa gzip veya Brotli sıkıştırmasıyla sunulduğunda, bu boyut artışının bir kısmı telafi edilir.
Görselleri ne zaman Base64 olarak gömmeliyim?
Fazladan bir HTTP isteğinden kaçınmanın önemli olduğu küçük görseller (ikonlar, küçük logolar, yer tutucular, HTML e-postalardaki veya tek dosyalı belgelerdeki görseller) için idealdir. Büyük fotoğraflarda ise normal bir görsel dosyası kullanmak daha iyidir; çünkü ayrı olarak önbelleğe alınabilir ve HTML veya CSS dosyanızı şişirmez.
E-posta istemcileri Base64 görsellerini gösterir mi?
Destek durumu farklılık gösterir. Birçok webmail istemcisi data-URI görsellerini engeller veya siler. Bu nedenle e-bültenlerde görselleri bir sunucuda barındırmak veya satır içi (inline) ek olarak göndermek genellikle daha güvenilirdir.
Görselim sunucuya yükleniyor mu?
Hayır. Görsel doğrudan tarayıcınız tarafından okunur ve kodlanır. Sunucuya hiçbir veri gönderilmez.

İlgili araçlar

Base64 Kodlama ve ÇözmeTam UTF-8 ve Base64URL desteğiyle metin ve dosyaları Base64'e dönüştürün veya geri çözün.SVG'den PNG'yeSVG vektör grafiklerini şeffaflığı koruyarak istediğiniz boyutta net PNG görsellerine dönüştürün.Resim SıkıştırmaResimleri kaliteye göre veya KB cinsinden tam bir hedef boyuta küçültün — toplu halde ve yükleme yapmadan.URL Encode ve DecodeURL'ler için metinleri yüzde kodlama ile kodlayın veya kodlanmış URL'leri ve sorgu dizelerini tekrar okunabilir metne dönüştürün.Base64'ten ResmeBase64 dizelerini ve Data URI'lerini tarayıcınızda anında görüntülenebilir ve indirilebilir görsellere dönüştürün.Chmod HesaplayıcıOnay kutuları, 755 gibi oktal sayılar ve rwxr-xr-x gibi sembolik izinler arasında dönüştürme yapın.