Nasıl kullanılır
- Görselleri bırakma alanına sürükleyin, dosya seçmek için alana tıklayın veya panodan bir görsel yapıştırın. Aynı anda birden fazla dosya ekleyebilirsiniz.
- İsterseniz "Hedef biçim" ayarından PNG, JPEG veya WebP seçin, "Kalite" değerini ayarlayın ve bir "Maks. genişlik" belirleyin.
- Her görsel için gösterilen piksel boyutlarını, orijinal dosya boyutunu ve Base64 boyutunu kontrol edin.
- İhtiyacınız olan çıktıyı kopyalayın veya indirin: data URI, ham Base64, HTML img etiketi, CSS background-image veya Markdown.
Görselden Base64'e dönüştürme nasıl çalışır?
Base64, bir görsel dosyasının baytlarını 64 karakterden oluşan düz metne dönüştürür. Her 3 bayt 4 karaktere dönüştüğü için metin, dosyadan yaklaşık %33 daha büyüktür. Data URI ise başa data:image/png;base64, gibi MIME türünü içeren kısa bir önek ekler; böylece tarayıcı bu metni bir görsel URL'si beklediği her yerde gösterebilir.
Görsel, tarayıcınızda yerel olarak okunur ve kodlanır. Hiçbir yere yüklenmediği için özel ekran görüntüleriniz ve henüz yayımlanmamış tasarımlarınız cihazınızda kalır.
Hangi çıktıyı kopyalamalısınız?
- Data URI:
srcöznitelikleri, JavaScript ve URL bekleyen JSON alanları için. - Ham Base64: yalnızca kodlanmış baytları isteyen API'ler için; bu API'lerde MIME türü veya dosya adı genellikle ayrı bir alanda gönderilir.
- HTML img etiketi: doğrudan bir sayfaya veya şablona yapıştırmak için.
- CSS background-image: stil sayfasındaki simgeler ve süslemeler için.
- Markdown: belgeler ve notlar için. GitHub dahil bazı Markdown görüntüleyicileri data URI görsellerini göstermez.
Desteklenen biçimlere genel bakış
Bir Base64 dizesinin ilk karakterleri dosya türünü ele verir, çünkü bu karakterler biçimin dosya imzasını kodlar.
| Biçim | MIME türü | Base64 başlangıcı |
|---|---|---|
| PNG | image/png | iVBORw0KGgo |
| JPEG | image/jpeg | /9j/ |
| WebP | image/webp | UklGR |
| GIF | image/gif | R0lGOD |
| SVG | image/svg+xml | PHN2Zy veya PD94bWw |
| BMP | image/bmp | Qk |
| ICO | image/x-icon | AAABAA |
| AVIF | image/avif | değişir |
| TIFF | image/tiff | SUkqAA veya TU0AKg |
Görseli satır içine gömmek ne zaman işe yarar?
Data URI'ler bir ağ isteğinden tasarruf sağlar ve dosyayı dış kaynaklara bağımlı olmaktan kurtarır. Bu, birkaç kilobaytlık küçük simgeler ve logolar, tek dosyalık HTML raporları, küçük bulanık yer tutucular ve JSON içinde gönderilen görseller için uygundur. Büyük fotoğraflar için ise kötü bir seçimdir: üçte birlik boyut artışı, tarayıcının görseli ayrı olarak önbelleğe alamaması ve sayfada herhangi bir şey görüntülenmeden önce indirilmesi gereken daha ağır bir HTML veya CSS dosyası, kazanılan istekten genellikle daha pahalıya gelir. Siteniz bir Content-Security-Policy gönderiyorsa satır içi görseller için img-src yönergesinde data: kaynağına da izin vermeniz gerekir.
Sıkça sorulan sorular
Görsellerim bir sunucuya yükleniyor mu?
Hayır. Tarayıcı her dosyayı okur ve cihazınızda kodlar. base64.is'e veya başka herhangi bir yere hiçbir şey gönderilmez.
Base64 metni neden görselden daha büyük?
Base64 her 3 bayt için 4 karakter kullanır; bu nedenle sonuç yaklaşık %33 daha büyüktür ve buna data URI öneki de eklenir. Sonucu kısaltmak için bir "Maks. genişlik" belirleyin veya görseli daha düşük kaliteyle WebP ya da JPEG biçimine dönüştürün.
Birden fazla görseli aynı anda dönüştürebilir miyim?
Evet. Birden fazla dosya seçin veya bırakın. Her görselin kendi önizlemesi, boyut bilgileri ve çıktıları olur; her çıktının yanında "Kopyala" ve "İndir" düğmeleri bulunur.
Base64 görseller HTML e-postalarda çalışır mı?
cid: ile başvurulan satır içi ekler daha güvenilirdir.