Neden görüntüyü Base64'e dönüştürmeliyim?

Base64, bir görüntüyü HTML veya CSS'e metin dizesi olarak doğrudan gömmenizi sağlar ve harici bir dosya için ayrı bir HTTP isteğini ortadan kaldırır. Özellikle simgeler, logolar ve küçük grafikler için idealdir.

Dönüştürme sırasında kalite kaybı yaşanır mı?

Hayır. Base64 kodlama kayıpsızdır — çözülen görüntü, orijinal dosyayla bayt bayt aynıdır.

Ham Base64 ile Data URI arasındaki fark nedir?

Ham Base64, yalnızca kodlanmış karakter dizesidir. Data URI, tarayıcıya MIME türünü bildiren data:image/png;base64, gibi bir ön ek ekler; bu sayede doğrudan src özniteliğinde veya CSS background-image'de kullanılabilir.

Görüntülerim sunucuya yükleniyor mu?

Hayır. Tüm kodlama, FileReader API kullanılarak tarayıcınızda yerel olarak gerçekleşir — dosyalarınız hiçbir zaman cihazınızdan çıkmaz.

CSS'de Base64 görüntüsünü nasıl kullanırım?

Data URI'yi kopyalayın ve CSS dosyanızda background-image: url('data:image/png;base64,...'); özelliği için değer olarak kullanın.

SVG dosyaları da dönüştürülebilir mi?

Evet, SVG desteklenmektedir. Ancak SVG metin tabanlı bir format olduğundan, bazı durumlarda Base64'e dönüştürmek yerine doğrudan etiketi olarak gömmek daha verimli olabilir.

Görüntüden Base64'e Dönüştürücü - Ücretsiz Çevrimiçi Araç

Görselleri anında Base64 dizesine dönüştürün. PNG, JPG, GIF, WebP, SVG ve BMP destekler; ücretsiz, güvenli ve tamamen tarayıcı tarafında.

Görüntü Yükle

Yükle

Temizle

Sürükle ve Bırak veya Yüklemek için Tıkla

PNG, JPG, GIF, WebP, SVG, BMP destekler

Base64 Çıktısı

Base64 dizesi burada görünecek...

Kopyala

Base64 dizesi burada görünecek...

Görüntüyü Base64'e Dönüştürme

Görüntünüzü sürükleyip bırakarak veya yükleme alanına tıklayarak yükleyin.

Araç, görüntünüzü anında bir Base64 dizesine dönüştürecektir.

HTML/CSS kullanımı için ham Base64 dizesini veya Veri URI formatını kopyalayın.

Görüntüleri doğrudan kodunuza gömmek için oluşturulan dizeyi kullanın.

Temel Özellikler

Anında Dönüşüm

Görüntüleri sunucu yüklemeleri olmadan anında Base64'e dönüştürün.

Önce Gizlilik

Tüm işlemler yerel olarak tarayıcınızda gerçekleşir. Görüntüleriniz cihazınızdan asla ayrılmaz.

Tüm Formatları Destekler

PNG, JPEG, GIF, SVG, WebP ve BMP formatlarıyla uyumludur.

Veri URI Hazır

HTML <img> etiketlerinde veya CSS background-image'de kullanıma hazır tam Veri URI dizesini alın.

SSS

Neden görüntüyü Base64'e dönüştürmeli?

Görüntüleri Base64'e dönüştürmek, bunları doğrudan HTML veya CSS dosyalarına gömmenize olanak tanır, bu da HTTP isteklerinin sayısını azaltır ve küçük görüntüler için sayfa yükleme sürelerini hızlandırır.

Dosya boyutu sınırı var mı?

İşlem tarayıcınızda yapıldığından, sınır cihazınızın belleğine bağlıdır. Ancak, HTML dosyanızın boyutunu şişirmemek için Base64'ü yalnızca küçük görüntüler (simgeler, logolar) için kullanmanız önerilir.

Kalite kaybı olur mu?

Hayır, Base64 kodlaması kayıpsızdır. Çözülen görüntü orijinaliyle aynı olacaktır.

Herhangi bir görüntüyü araca sürükleyin veya tıklayarak seçin — anında Base64 dizesine dönüştürülür. Ham Base64 metnini ve yapıştırmaya hazır Data URI'yi (data:image/png;base64,...) alırsınız. PNG, JPG, GIF, WebP, SVG ve BMP desteklenir. Tüm işlemler tarayıcınızda yerel olarak gerçekleşir, hiçbir dosya sunucuya gönderilmez.

Görüntüyü Base64'e Nasıl Dönüştürürsünüz

1
Görüntünüzü yükleyin
Bir dosyayı yükleme alanına sürükleyip bırakın veya göz atmak için tıklayın. PNG, JPG, GIF, WebP, SVG ve BMP desteklenir.
2
Kodlanmış çıktıyı alın
Araç dosyayı yerel olarak okur ve sunucuya gönderim olmaksızın anında Base64 dizesini oluşturur.
3
Ham Base64 veya Data URI'yi seçin
JSON yükleri için ham Base64 metnini kopyalayın ya da HTML <img> etiketleri ve CSS background-image için kullanmak üzere tam Data URI dizesini kopyalayın.
4
Kodunuza gömin
Data URI'yi doğrudan HTML veya CSS'e yapıştırarak görüntüyü satır içi (inline) ekleyin ve bir HTTP isteğinden tasarruf edin.

Kaynaklar

RFC 2397 — data URL şeması
Base64 kodlamalı medyayı satır içi gömmek için kullanılan data: URL şemasını tanımlayan IETF spesifikasyonu.
MDN — Data URL'leri
Data URL sözdizimi, Base64 kodlama ve HTML ile CSS'e görüntü gömme konusunda pratik rehber.

İlgili araçlar

Base64'ten görüntüye

Bir Base64 dizesini veya Data URI'yi indirilebilir bir görüntü dosyasına geri dönüştürün.

Base64 kodla / çöz

Herhangi bir metni veya veriyi Base64'e kodlayın ya da çözün.

Görüntü sıkıştırma

Base64 çıktısı ve HTML dosya boyutunu küçük tutmak için önce görüntüleri sıkıştırın.

WebP dönüştürücü

Kodlamadan önce görüntüleri hafif WebP formatına dönüştürün.

Sık Sorulan Sorular

Neden görüntüyü Base64'e dönüştürmeliyim?: Base64, bir görüntüyü HTML veya CSS'e metin dizesi olarak doğrudan gömmenizi sağlar ve harici bir dosya için ayrı bir HTTP isteğini ortadan kaldırır. Özellikle simgeler, logolar ve küçük grafikler için idealdir.
Dosya boyutu sınırı var mı?: Araçta sabit bir sınır yoktur; gerçek sınır tarayıcınızın belleğine bağlıdır. Base64 çıktısı orijinal ikili dosyadan yaklaşık %33 daha büyük olduğundan yalnızca küçük görüntüler için kullanılması önerilir.
Dönüştürme sırasında kalite kaybı yaşanır mı?: Hayır. Base64 kodlama kayıpsızdır — çözülen görüntü, orijinal dosyayla bayt bayt aynıdır.
Ham Base64 ile Data URI arasındaki fark nedir?: Ham Base64, yalnızca kodlanmış karakter dizesidir. Data URI, tarayıcıya MIME türünü bildiren data:image/png;base64, gibi bir ön ek ekler; bu sayede doğrudan <img> src özniteliğinde veya CSS background-image'de kullanılabilir.
Görüntülerim sunucuya yükleniyor mu?: Hayır. Tüm kodlama, FileReader API kullanılarak tarayıcınızda yerel olarak gerçekleşir — dosyalarınız hiçbir zaman cihazınızdan çıkmaz.
CSS'de Base64 görüntüsünü nasıl kullanırım?: Data URI'yi kopyalayın ve CSS dosyanızda background-image: url('data:image/png;base64,...'); özelliği için değer olarak kullanın.
SVG dosyaları da dönüştürülebilir mi?: Evet, SVG desteklenmektedir. Ancak SVG metin tabanlı bir format olduğundan, bazı durumlarda Base64'e dönüştürmek yerine doğrudan <svg> etiketi olarak gömmek daha verimli olabilir.