Skip to content

Görseli Base64'e Çevirme Aracı

Görselleri tarayıcınızda Base64 data URI'lerine çevirin — PNG, JPG, GIF, WebP, SVG, ICO. HTML, CSS, Markdown ve JSON çıktısını kopyalayın. %100 gizli, yükleme yok.

Takip Yok Tarayıcıda Çalışır Ücretsiz
Her şey tarayıcınızda çalışır. Görselleriniz cihazınızdan asla ayrılmaz.

Buraya bir görsel bırakın, yapıştırın ya da göz atmak için tıklayın

PNG · JPG · GIF · WebP · SVG · ICO · BMP — tamamen tarayıcınızda dönüştürülür

Data URI doğruluğu, isabetli boyut ölçümleri, MIME algılama ve gömme performans rehberliği açısından incelendi — Go Tools Mühendislik Ekibi · Jun 5, 2026

Base64 Görsel (Data URI) Nedir?

Base64 görsel, ikili baytları Base64 alfabesini (A–Z, a–z, 0–9, + ve /) kullanarak yazdırılabilir ASCII karakterlerinden oluşan bir dize olarak yeniden kodlanmış bir resimdir. data: URI şemasına sarıldığında — data:image/png;base64,iVBORw0KGgo… — bu dize, bir URL'nin beklendiği her yerde görünebilir: bir HTML img src, bir CSS background-image, bir e-posta gövdesi ya da bir JSON yükü içindeki bir alan. Tarayıcı onu anında çözer ve görseli ayrı bir ağ isteği olmadan görüntüler. Base64 görsellere bazen "satır içi" ya da "gömülü" görseller denmesinin nedeni budur.

Kodlama basit bir nedenle vardır: birçok sistem, rastgele ikili veriyi değil, metin taşımak üzere inşa edilmiştir. HTML, JSON, e-posta başlıkları ve URL'lerin tümü karakter bekler ve ham görsel baytları onları bozacak denetim kodları ile ayraçlar içerir. Base64, her 3 ikili baytı 4 güvenli metin karakterine eşler ve verinin taşıma boyunca sağlam kalmasını garanti eder. Bedeli boyuttur: metin gösterimi orijinal ikiliden yaklaşık %33 daha büyüktür ve onu içeren belgeden bağımsız olarak önbelleğe alınamaz.

Bu ödünleşim, Base64 görsellerin ne zaman mantıklı olduğunu tanımlar. Tek bir stil sayfasında kullanılan küçük bir simge için gömme bir gidiş dönüşü ortadan kaldırır ve boyut cezası ihmal edilebilir — net bir kazanç. Her sayfada yeniden kullanılan 200 KB'lık bir hero fotoğrafı için gömme her sayfayı şişirir, tarayıcı önbelleğini boşa çıkarır ve her yüklemede çözmek için CPU harcar — net bir kayıp. Modern, HTTP/2 dönemi rehberliği yalnızca küçük, kararlı varlıkları gömmek ve diğer her şeyi sıradan önbelleğe alınmış dosyalar olarak sunmaktır. Bu araç, görseliniz için tam sayıları ve bir trafik ışığı önerisini yüzeye çıkarır; böylece karar söylentiye değil veriye dayanır.

Ters işlem — bir Base64 dizesini yeniden görüntülenebilir, indirilebilir bir görsele dönüştürmek — bir stil sayfasından gelen bir data URI'de hata ayıklarken, bir API yanıtını incelerken ya da bir yapılandırma dosyasına gömülü bir varlığı kurtarırken eşit derecede yararlıdır. Base64 → Görsel sekmesine geçin ya da özel Base64'ü Görsele çözücüsünü açın.

<!-- The same 1×1 transparent PNG, four ways -->

<!-- HTML -->
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==" alt="pixel">

/* CSS */
.badge {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==");
}

<!-- Markdown -->
![pixel](data:image/png;base64,iVBORw0KGgo…)

// JSON
{ "mime": "image/png", "data": "iVBORw0KGgo…" }

Temel Özellikler

Sürükle, Tıkla ya da Yapıştır

Üç giriş yolu: bir dosya bırakın, ona göz atın ya da Ctrl+V ile panodan doğrudan bir görsel yapıştırın — ekran görüntüleri için en hızlı yol. Sağladığınız her şey yükleme olmadan anında kodlanır.

Altı Çıktı Formatı

Ham Base64, tam bir Data URI, bir HTML öğesi, bir CSS background-image kuralı, bir Markdown görsel bağlantısı ve bir JSON nesnesi. Her birinin kendi Kopyala düğmesi ve bir İndir seçeneği vardır; böylece parçacık tam olarak ihtiyaç duyduğunuz bağlama hazırdır.

Canlı Boyut ve Şişme Ölçümleri

Üst bilgi çubuğu, belirli görseliniz için orijinal dosya boyutunu, kodlanmış Base64 boyutunu ve tam yüzde artışını gösterir — genel bir "yaklaşık %33" değil. Karar vermeden önce gömmenin gerçek maliyetini görürsünüz.

Gömme Tavsiye Rozeti

Bir trafik ışığı önerisi dosya boyutunuzu okur ve bir data URI'nin iyi bir fikir olup olmadığını söyler: yaklaşık 2 KB altında yeşil, yaklaşık 10 KB'a kadar sarı, üstünde kırmızı. HTTP/2 sonrası uzlaşıyı kodlar; böylece eşikleri hatırlamanız gerekmez.

Yerleşik Çözücü

Base64 → Görsel sekmesi süreci tersine çevirir: bir dize ya da data URI yapıştırın; canlı bir önizleme, çözülen boyutlar ile MIME türü ve orijinal dosyayı yeniden oluşturan bir İndir düğmesi alın. Eksik önekleri ve başıboş boşluğu hoş görür.

Tüm Yaygın Formatlar

PNG, JPG, GIF (animasyon korunur), WebP, SVG, ICO ve BMP — ayrıca desteklendiği yerde AVIF. Ham baytlar olduğu gibi kodlanır; böylece saydamlık, animasyon ve vektör ölçeklenebilirliği dokunulmadan kalır.

Örnekler

PNG'den Data URI'ye (CSS / HTML'e hazır)

transparent-1x1.png  (68 baytlık bir PNG)
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==

Bir PNG bırakın; Data URI sekmesi, doğrudan bir HTML src'ye ya da bir CSS url()'sine yapıştırabileceğiniz bir dize verir. Üst bilgi çubuğu orijinal boyutu, Base64 boyutunu ve tam yüzde artışını gösterir.

HTML içine bir SVG simgesi gömme

icon.svg
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0i…" alt="icon">

Yapıştırmaya hazır bir öğesi için HTML sekmesine geçin. Özellikle SVG için URL kodlaması çoğunlukla Base64'ten daha küçüktür — SVG'nin neden özel bir durum olduğuna dair SSS'ye bakın.

Gömülü JPG içeren Markdown görseli

photo.jpg  (12 KB)
![photo](data:image/jpeg;base64,/9j/4AAQSkZJRgABAQ…)

Markdown sekmesi kendi kendine yeten bir görsel bağlantısı üretir — README dosyaları, GitHub sorunları ve harici dosya barındıramayacağınız not defterleri için kullanışlıdır. 12 KB'ta tavsiye rozeti sarıya döner: kolaylığı sayfa ağırlığı maliyetine karşı tartın.

Bir Görseli Base64'e Nasıl Çevirirsiniz

  1. 1

    Görselinizi ekleyin

    Bir görseli bırakma alanına sürükleyin, göz atmak için tıklayın ya da Ctrl+V / Cmd+V ile panodan yapıştırın. PNG, JPG, GIF, WebP, SVG, ICO ve BMP destekleniyor ve tümü tarayıcınızda kodlanıyor.

  2. 2

    Bir çıktı formatı seçin

    Sekmelerden Data URI, ham Base64, HTML , CSS background, Markdown ya da JSON seçin. Boyut artışı için üst bilgi çubuğunu, gömmeye değip değmediği için tavsiye rozetini kontrol edin.

  3. 3

    Kopyalayın veya indirin

    Parçacığı almak için Kopyala'ya, bir dosya olarak kaydetmek için İndir'e tıklayın. Süreci tersine çevirmek için Base64 → Görsel sekmesine geçin, bir dize yapıştırın ve yeniden oluşturulan görseli indirin.

Yaygın Tuzaklar

Eksik ya da Yanlış MIME Türü

Bir data URI doğru ortam türünü bildirmeli, yoksa tarayıcı onu görüntülemeyi reddeder. Bir PNG'yi kodlayıp image/jpeg olarak etiketlemek ya da türü tümüyle atlamak bozuk bir görsel üretir. Doğru öneki otomatik almak için Data URI ya da HTML çıktısını doğrudan bu araçtan kopyalayın.

✗ Yanlış 
data:base64,iVBORw0KGgo…
<!-- no MIME type — will not render -->
✓ Doğru 
data:image/png;base64,iVBORw0KGgo…
<!-- correct: image/png -->

Dizede Boşluk ya da Satır Sonları

Bazı araçlar Base64'ü RFC 2045 uyarınca her 76 karakterde bir sarar ve kopyala-yapıştır başıboş boşluklar ya da yeni satırlar ekleyebilir. Bir HTML özniteliğinde ya da CSS url()'sinde bu sonlar URI'yi geçersiz kılabilir. Dizeyi kullanmadan önce boşlukları temizleyin — bu aracın çözücüsü bunu otomatik yapar; böylece Base64 → Görsel sekmesinden bir gidiş dönüş onu temizler.

✗ Yanlış 
data:image/png;base64,iVBORw0KGgoAAAANS
UhEUgAAAAEAAAABCAYAAAA…
<!-- embedded newline breaks the attribute -->
✓ Doğru 
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAA…
<!-- single unbroken line -->

Kesik Dize (Düşürülen Dolgu)

Base64 dizeleri sıfır, bir ya da iki = dolgu karakteriyle biter. Sondaki ='i (ya da son birkaç karakteri) düşüren kısmi bir kopya, çözülemeyen bir dize ve bozuk bir görsel üretir. Bir yapıştırma görüntülenmiyorsa, sondaki dolgu dâhil tüm değeri kopyaladığınızı doğrulayın.

✗ Yanlış 
…WjR9awAAAABJRU5ErkJggg
<!-- missing trailing == -->
✓ Doğru 
…WjR9awAAAABJRU5ErkJggg==
<!-- complete with padding -->

Büyük Bir Fotoğrafı Base64'e Çevirmek

Birkaç yüz KB'lık bir fotoğrafı kodlamak; HTML'inizi ya da CSS'inizi şişiren, kendi başına önbelleğe alınamayan ve çözülmesi yavaş olan devasa bir dize üretir. Tavsiye rozeti tam olarak bu durum için kırmızıya döner. Büyük görselleri normal dosyalar olarak sunun; Base64'ü küçük varlıklara saklayın ve önce sıkıştırın.

✗ Yanlış 
/* 380 KB hero photo inlined into a global stylesheet */
.hero { background-image: url("data:image/jpeg;base64,/9j/…(½ MB of text)…"); }
✓ Doğru 
/* Serve it as a cached file instead */
.hero { background-image: url("/img/hero.jpg"); }

Yaygın Kullanım Senaryoları

CSS'te bir logo ya da simgeyi gömme
Küçük bir PNG ya da SVG simgesi bırakın, CSS background-image parçacığını kopyalayın ve nadiren değişen bir varlık için HTTP isteğini ortadan kaldırmak üzere stil sayfanıza yapıştırın. Stil sayfasının yalın kalması için yaklaşık 2 KB altında tutun (yeşil rozeti izleyin).
HTML e-postaya görsel gömme
E-posta istemcileri çoğunlukla uzak görselleri engeller. Logonuzu bir data URI olarak kodlayın ve öğesini şablona yapıştırın; böylece bir sunucu getirmesi olmadan görüntülenir. İstemciler arasında test edin — gömmeleri fotoğraflar değil küçük simgelerle sınırlı tutun.
Kendi kendine yeten Markdown ve README'ler
Bir görseli barındıramadığınızda — bir GitHub sorunu, bir not defteri, bir çevrimdışı belge — Markdown çıktısı resmi doğrudan dosyaya gömer; böylece metinle birlikte taşınır. Küçük şemalar ve rozetler için idealdir.
JSON ya da API yükleri içindeki görseller
Bir JSON belgesine ya da bir yapılandırma dosyasına bir küçük resim göndermeniz mi gerekiyor? JSON çıktısı, doğrudan bırakabileceğiniz bir { mime, data } nesnesi verir ve çözücü görseli diğer uçta kurtarır.
Hızlı data URI hata ayıklaması
Bir stil sayfasında ya da bir API yanıtında gizemli bir data: URI mi buldunuz? Gerçekte ne olduğunu görmek, gerçek boyutlarını okumak ve daha yakından incelemek için normal bir dosya olarak indirmek üzere Base64 → Görsel sekmesine yapıştırın.
Tek dosyalık widget'lar ve yer imi düğmeleri
Yer imi düğmeleri ve gömülebilir widget'lar, sıfır harici bağımlılıkla kendi kendine yeter olmalıdır. Simgelerini Base64 olarak gömmek, nereye bırakılırsa bırakılsın çalışan tek bir dosyada her şeyi bir arada tutar.

Teknik Ayrıntılar

Base64 Kodlama Nasıl Çalışır
Base64, görselin ikili akışını her seferinde üç bayt (24 bit) alır ve bunu, her biri 64 sembollük alfabede bir karaktere eşlenen dört 6 bitlik gruba böler. Giriş uzunluğu üçün katı olmadığında, bir ya da iki = dolgu karakteri kalanı işaretler. Bu 3'e 4 oranı, kodlanmış metnin kaynaktan yaklaşık %33 daha büyük olmasının nedenidir. Araç, çözülmüş bayt uzunluğunu doğrudan dize uzunluğu ile dolgudan hesaplar; böylece bildirdiği boyut rakamları tahmini değil tamdır.
MIME Algılama ve Sihirli Baytlar
Bir dosyayı kodladığınızda MIME türü tarayıcının File nesnesinden gelir. data: öneki olmayan ham bir Base64 dizesini çözdüğünüzde, araç görselin sihirli baytlarına karşılık gelen baştaki karakterleri inceler: PNG için iVBORw0KGgo, JPEG için /9j/, GIF için R0lGOD, WebP için UklGR ve SVG için PHN2Zy ya da PD94bWw. Bu, çözücünün doğru bir data URI yeniden oluşturmasını ve girdi yalnızca çıplak yük olduğunda bile doğru dosya uzantısıyla indirmesini sağlar.
Yalnızca Yerel İşleme
Kodlama, tarayıcıda tamamen sentezlenmiş bir data URI döndüren FileReader API'sinin readAsDataURL'ünü kullanır. İndirme için çözme, ikiliyi yeniden oluşturmak üzere atob artı bir Uint8Array, ardından bir Blob ve bir nesne URL'si kullanır — yine ağ olmadan. Sonuç, çevrimdışı çalıştırabileceğiniz ve gizli görsellerle güvenebileceğiniz bir araçtır; çünkü baytlar sayfadan asla ayrılmaz. Sıfır istek davranışını tarayıcınızın geliştirici araçlarında doğrulayabilirsiniz.

En İyi Uygulamalar

Yalnızca Küçük, Kararlı Varlıkları Gömün
Base64 için ideal nokta, nadiren değişen ve az sayıda sayfada görünen yaklaşık 2 KB altındaki varlıklardır — simgeler, küçük logolar, arayüz sprite'ları. Yaklaşık 10 KB üzerinde, boyut cezası ve kaybedilen önbellekleme kazanılan isteğe ağır basar; özellikle HTTP/2 ek istekleri ucuzlattığı için. Tavsiye rozetinin sizi yönlendirmesine izin verin ve fotoğrafları ile büyük grafikleri sıradan önbelleğe alınmış dosyalar olarak sunun.
SVG için URL Kodlamayı Tercih Edin
SVG metindir; bu nedenle Base64 onu hiçbir kazanç olmadan şişirir. SVG'yi CSS ya da HTML içine gömerken bunun yerine işaretlemeyi URL kodlayın — genellikle daha küçüktür, okunabilir kalır ve gzip/brotli ile daha iyi sıkışır. Base64 SVG'yi özellikle gerektiren süreçlere saklayın. URL Kodlayıcı/Çözücümüz yüzde kodlamayı halleder.
Her Zaman Doğru MIME Türünü Ayarlayın
Bir data URI yalnızca MIME türü içerikle eşleşirse görüntülenir: image/png, image/jpeg, image/gif, image/webp, image/svg+xml. Yanlış ya da eksik bir tür, gömülü bir görselin görüntülenememesinin bir numaralı nedenidir. Bu araçtan kopyaladığınızda tür sizin için ayarlanır; URI'leri elle birleştiriyorsanız öneki iki kez kontrol edin.
Kodlamadan Önce Sıkıştırın
Base64 dosya boyutunun üstüne yaklaşık %33 eklediğinden, kaynağı önce küçültmek iki kez kazandırır. Sonuçtaki data URI'nin mümkün olduğunca küçük olması için görselleri kodlamadan önce Resim Sıkıştırıcımızdan geçirin — ya da doğru boyutlarda dışa aktarın. 4 KB'lık sıkıştırılmış bir PNG, hem dosya olarak hem de gömülü olarak 40 KB'lık bir orijinali geçer.
Gizlilik İçin Asla Base64'e Güvenmeyin
Base64 önemsiz biçimde geri çevrilebilir ve hiçbir koruma sunmaz. Hassas görsel içeriği gizlemek için kullanmayın — bu sayfadaki sekme dâhil olmak üzere herkes onu anında çözebilir. İçerik korunmalıysa, sunucuda gerçek erişim denetimleri ve şifreleme kullanın ve görseli kimliği doğrulanmış bir uç nokta üzerinden sunun.

Sıkça Sorulan Sorular

Bu Görsel → Base64 dönüştürücü ne yapar?
Bıraktığınız, yapıştırdığınız ya da seçtiğiniz bir görseli okur ve baytlarını bir Base64 dizesi olarak kodlar — tamamen tarayıcınızın içinde. Ham Base64'ü, kullanıma hazır bir data URI'yi (data:image/png;base64,…) ve HTML , CSS background-image, Markdown ile JSON için kopyala-yapıştır parçacıklarını elde edersiniz. Bir üst bilgi çubuğu orijinal dosya boyutunu, kodlanmış boyutu, tam yüzde artışını (Base64 yaklaşık %33 daha büyüktür), piksel boyutlarını ve MIME türünü bildirir. Hiçbir şey yüklenmez: kodlama, FileReader API aracılığıyla yerel olarak çalışır; bu da aynı aracı ekran görüntüleri, dahili varlıklar ve yayınlanmamış görseller için güvenli kılar. Ters yönde gitmek için Base64 → Görsel sekmesini ya da Base64'ü Görsele çözücümüzü kullanın.
Görsellerim bir sunucuya yükleniyor mu?
Hayır. Her adım, FileReader API'si ve JavaScript dize kodlaması kullanılarak tarayıcınızda istemci tarafında gerçekleşir. Görseliniz asla iletilmez, asla saklanmaz ve asla kaydedilmez. Bunu tarayıcınızın Ağ sekmesini açarak doğrulayabilirsiniz — bir görseli kodlamak sıfır ağ isteği tetikler. Bu, aracı hassas malzemeler için güvenli kılar: lansman öncesi ürün ekran görüntüleri, dahili şemalar, müşteri varlıkları ve gizlilik sözleşmesi kapsamındaki her şey. Bir yükleme sınırının dayattığı dosya boyutu üst sınırı yoktur; yalnızca tarayıcınızın ve hedef sistemin rahatça işleyebileceği Base64 dizesinin pratik sınırı vardır.
Base64 bir görseli ne kadar büyütür?
Base64, ikili verinin her 3 baytını 4 ASCII karakteri olarak kodlar; bu nedenle kodlanmış dize orijinal dosyadan kabaca %33 daha büyüktür (artı birkaç baytlık dolgu ve data: öneki). 9 KB'lık bir PNG yaklaşık 12 KB metne dönüşür. Bu yük, büyük görselleri Base64'e çevirmemenin en önemli nedenidir: daha fazla bayt gönderirsiniz ve dize HTML'inize ya da CSS'inize gömülü olduğundan, bu baytlar içeren dosya her değiştiğinde yeniden indirilir ve bağımsız olarak önbelleğe alınamaz. Araç, belirli dosyanız için tam artışı üst bilgi çubuğunda gösterir; böylece kararı gerçek sayılarla verebilirsiniz.
Normal bir dosya yerine ne zaman Base64 görsel kullanmalıyım?
Base64 (bir data URI olarak), ayrı bir HTTP isteğinden kaçınmanın önbelleğe almadan daha önemli olduğu küçük, nadiren değişen varlıklar için iyi bir seçenektir: CSS içine gömülü küçük simgeler ve logolar, HTML e-postaya gömülü görseller (birçok istemci harici görselleri engeller ama data URI'leri görüntüler), kendi kendine yeten tek dosyalık widget'lar ya da yer imi düğmeleri, SVG sprite'ları ve JSON/API yüklerinde saklanan görseller. Pratik bir kural: yaklaşık 2 KB altında ve bir ya da iki sayfada kullanılıyorsa, gömme genellikle kazandırır. Bu araçtaki tavsiye rozeti tam olarak bu sezgisel kuralı kodlar — 2 KB altında yeşil, 10 KB'a kadar sarı, üstünde kırmızı.
Base64 görselleri ne zaman KULLANMAMALIYIM?
Büyük olan ya da sayfalar arasında yeniden kullanılan her şey için Base64'ten kaçının. Dört somut neden: (1) yaklaşık %33'lük boyut artışı kablo üzerinden daha fazla bayt demektir; (2) gömülü bir görsel kendi başına önbelleğe alınamaz — onu içeren HTML ya da CSS her değiştiğinde yeniden indirilir ve onu gömen her sayfada tekrarlanır; (3) büyük bir data URI'yi çözmek CPU ve pil tüketir ki bu mobilde fark edilir; ve (4) duyarlı görselleri (srcset/sizes) ve geç yüklemeyi kaybedersiniz. HTTP/2 birçok küçük isteği ucuza çoğullaştırdığından, gömmenin asıl nedeni — istek sayısını azaltmak — artık nadiren geçerlidir. Fotoğraflar, hero görseller ya da yaklaşık 10 KB üzeri herhangi bir şey için, normal bir önbelleğe alınmış dosya neredeyse her zaman daha hızlı yüklenir. Amaç daha küçük bir dosyaysa, önce Resim Sıkıştırıcımızdan geçirin.
Base64 çıktısını HTML ve CSS'te nasıl kullanırım?
HTML için HTML sekmesine geçin ve üretilen öğeyi yapıştırın: …. CSS için, data URI'yi background-image: url("data:image/png;base64,…") içine saran CSS sekmesini kullanın. Her ikisi de bir URL'nin kabul edildiği her yerde çalışır — img src, CSS background, mask-image, hatta favicon link etiketleri. data: şeması her modern tarayıcı tarafından desteklenir. Bir uyarı: satır içi HTML'deki çok uzun data URI'ler okunabilirliği bozabilir ve CSS'te her ziyaretçiye gönderilen stil sayfasını şişirebilir; bu nedenle gömmeyi gerçekten küçük varlıklara saklayın.
Hangi görsel formatları destekleniyor?
PNG, JPEG/JPG, GIF (animasyonlu dâhil), WebP, SVG, ICO ve BMP destekleniyor; ayrıca tarayıcının çözebildiği yerlerde AVIF. Araç, görseli yeniden oluşturmak yerine ham baytları kodladığından animasyonlu GIF'ler animasyonlu kalır, saydam PNG'ler alfa kanallarını korur ve SVG'ler tümüyle ölçeklenebilir kalır. MIME türü dosyanın kendisinden okunur ve ham Base64'ü çözücüye yapıştırdığınızda verinin sihirli baytlarından çıkarılır. Kodlama sırasında format dönüşümü olmaz — çıktı, sağladığınız dosyanın tam karşılığıdır.
SVG neden özel bir durum?
SVG, ikili değil XML metnidir; bu nedenle Base64 onu hiçbir fayda olmadan büyütür ve okunmasını zorlaştırır. SVG'yi CSS ya da HTML içine gömmek için, işaretlemeyi URL kodlamak (#, <, > ve tırnaklar gibi birkaç karakteri yüzde kodlamak) genellikle Base64'ten daha küçüktür ve kaynağı okunabilir ile gzip dostu tutar. Bu araç, bazı süreçler gerektirdiği için yine de Base64 SVG çıktısı sunar; ancak CSS'i elle optimize ediyorsanız URL kodlanmış bir data URI'yi tercih edin. URL Kodlayıcı/Çözücümüz bu yaklaşımda yardımcı olur.
Base64 şifreleme ile aynı şey mi?
Hayır. Base64 bir kodlamadır, şifreleme değildir — anahtara gerek olmadan herkes tarafından tümüyle geri çözülebilir. Verinin yalnızca metin işleyen sistemler (HTML, JSON, e-posta başlıkları, URL'ler) üzerinden taşınmasını sağlamak amacıyla, ikili veriyi güvenli yazdırılabilir ASCII karakterleri kümesiyle temsil etmek için vardır. Buradaki Base64 → Görsel sekmesi dâhil olmak üzere herkes bir Base64 dizesini saniyeler içinde orijinal görsele geri çözebilir. Base64'ü asla hassas görsel içeriği gizlemenin ya da korumanın bir yolu olarak görmeyin; hiçbir gizlilik sağlamaz.
Bir e-postaya Base64 görsel gömebilir miyim?
Evet ve bu, tekniğin daha iyi kullanımlarından biridir. Birçok e-posta istemcisi gizlilik için harici barındırılan görselleri varsayılan olarak engeller; bu da uzak logolara dayanan düzenleri bozar. Küçük görselleri data URI olarak gömmek, sunucu getirmesi olmadan hemen görüntülenmelerini sağlar. Ödünleşimler: bazı eski istemciler (özellikle Outlook'un belirli sürümleri) düzensiz data URI desteğine sahiptir ve büyük gömmeler her alıcının indirdiği ileti boyutunu şişirir. Gömülü görselleri küçük tutun — fotoğraflar değil, logolar ve simgeler — ve hedef istemcilerinizde test edin.
Base64 görselim neden görüntülenmiyor?
En yaygın nedenler: data: önekinde eksik ya da yanlış bir MIME türü (PNG için image/png, JPG için image/jpeg, SVG için image/svg+xml kullanın), dizeye kazara eklenen boşluk ya da satır sonları, sondaki dolguyu (= ya da ==) düşüren kesik bir kopya ya da bir URL beklenen yere data:…;base64, öneki olmadan yalnızca ham Base64'ü yapıştırmak. Bu araçtaki çözücü hoşgörülüdür — boşlukları temizler, öneki olan ya da olmayan girdiyi kabul eder ve MIME'ı görselin sihirli baytlarından çıkarır — bu nedenle dizenizi Base64 → Görsel sekmesine yapıştırmak, verinin kendisinin geçerli olup olmadığını doğrulamanın en hızlı yoludur.

İlgili Araçlar

Tüm araçları görüntüleyin →

Base64 Çözücü ve Kodlayıcı

Kodlama ve Biçimlendirme

Base64'ü ücretsiz çevrimiçi kodlayın ve çözün. Tam UTF-8 ve emoji desteğiyle gerçek zamanlı dönüştürme. %100 tarayıcıda — kayıt gerekmez.

Base64'ü Görsele Çevirme Aracı

Kodlama ve Biçimlendirme

Bir Base64 dizesini ya da data URI'yi tarayıcınızda görsele geri çözün. Önizleyin, boyutları ve MIME'ı okuyun, ardından PNG, JPG, GIF, SVG olarak indirin. Yükleme yok.

CSV'den JSON'a Dönüştürücü

Kodlama ve Biçimlendirme

CSV'yi tarayıcınızda JSON'a dönüştürün. RFC 4180, tür çıkarımı, başlık satırı, büyük tam sayı güvenli. %100 gizli, yükleme yok.

JSON Diff Karşılaştır

Kodlama ve Biçimlendirme

Tarayıcınızda iki JSON dosyasını anında karşılaştırın. Yan yana vurgulama, RFC 6902 JSON Patch çıktısı, zaman damgaları ve kimlikler gibi gürültülü alanları yoksayma. %100 gizli, yükleme yok.

JSON Biçimlendirici ve Doğrulayıcı

Kodlama ve Biçimlendirme

JSON'u tarayıcınızda anında biçimlendirin, doğrulayın ve güzelleştirin. Sözdizimi denetimi, hata tespiti, sıkıştırma ve tek tıkla kopyalama. %100 gizli.

JSON Schema Doğrulayıcı

Kodlama ve Biçimlendirme

JSON verilerinizi herhangi bir JSON Schema'ya karşı tarayıcınızda anında doğrulayın. Draft 2020-12, 2019-09 ve Draft-07 desteği, tam yollu hata mesajları. %100 gizli — yükleme yok, hesap yok, ücretsiz.