Bir görseli CSS için Base64 data URI'ye nasıl dönüştürürüm?

Bir görsel bırakın veya yapıştırın (Ctrl+V), ardından CSS sekmesini açıp Kopyala'ya tıklayın. Data URI'nin gömülü olduğu bir background-image: url(...) kuralı elde edersiniz. HTML, Markdown, Raw Base64 ve JSON sekmeleri de aynı şekilde çalışır.

Base64 çıktısı neden görselimden yaklaşık üçte bir daha büyük?

Base64 her 3 baytı 4 metin karakterine çevirir, bu yüzden metin dosyadan yaklaşık %33 daha büyüktür. Data URI'lerin küçük simgeler ve logolar için uygun, büyük fotoğraflar için uygun olmamasının nedeni budur.

Base64 dizesini nasıl kısaltabilirim?

Önce Küçült'ü açın ve bir Maksimum genişlik veya Biçim (WebP, JPEG ya da PNG) belirleyin, WebP veya JPEG için Kaliteyi düşürün. SVG ve GIF dosyaları bu şekilde küçültülemez; SVG için bunun yerine bir SVG (URL kodlu) sekmesi bulunur.

Bir Base64 dizesini tekrar görsele dönüştürebilir miyim?

Evet. Yönü Base64'ten görsele olarak değiştirin ve bir data URI ya da çıplak Base64 yapıştırın. PNG, JPEG, GIF, WebP, SVG, BMP, ICO ve AVIF'i tanır, ardından indirme sunar. Geçersiz girdi hata gösterir.

Büyük bir görselde Kopyala neden başarısız oluyor veya önizleme neden kesik görünüyor?

Önizleme yalnızca ilk 2000 karakteri gösterir, ancak Kopyala ve İndir tam değeri verir. Çok büyük diziler tarayıcının pano sınırını aşabilir, bu yüzden İndir'i kullanın veya önce görseli küçültün.

Gerçekten ücretsiz mi?

Evet. Tüm araçlar ücretsizdir; hesap veya kredi kartı gerekmez. İşlem sunucularımızda değil cihazınızda yapılır ve araçları ücretsiz sunabilmemizi sağlayan da budur.

Dosyalarım yükleniyor mu?

Hayır. Dosyalarınız tarayıcınızın içinde açılır ve işlenir, LibraTool'a gönderilmez. Bazı araçlar önce tarayıcınıza bir işleme motoru ya da yapay zekâ modeli indirir; bu indirme sizin hiçbir verinizi içermez.

Mobilde çalışır mı?

Evet. iOS ve Android'in güncel mobil tarayıcılarında, hiçbir şey kurmadan çalışır. Çok büyük dosyalar telefonda yavaş olabilir ya da belleği doldurabilir; bunlar için bilgisayar kullanın.

🖼️

Ücretsiz Görüntüden Base64'e

CSS, HTML veya Markdown'da satır içi kullanım için bir görüntüyü Base64 veri URI'sine dönüştürün. Hazır kod parçacıklarını kopyalayın. Tarayıcınızda kodlanır; hiçbir zaman yüklenmez.

Dosya boyutu cihazınıza bağlıDosyalar gizli kalırGiriş gerekmezSonsuza kadar ücretsiz

Yüklendikten sonra çevrimdışı çalışır

Dosyayı buraya bırakın ya da göz atmak için tıklayın

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · cihazınızda işlenir

veya panodan yapıştırmak için Ctrl+V'ye basın

Dosyalara göz at

İpucu: Panonuzdan da bir resim yapıştırabilirsiniz (Ctrl+V).

Dosyalarınız hiçbir zaman cihazınızı terk etmez. Tüm işlemler tarayıcınızda yerel olarak gerçekleşir.

Bir görüntüyü Base64 data URI'ye dönüştürün ve doğrudan CSS, HTML veya Markdown içine yapıştırın — ayrı dosyaya gerek yok. Tarayıcınızda kodlanır; hiçbir şey yüklenmez.

Yaygın kullanımlar

CSS'de Resimi GömüKüçük bir simgeyi veya arka planı stil tablosunda veri URI olarak gömü.
HTML'de Resimi GömüLogoyu veya simgeyi doğrudan kendi başına HTML'e gömü.
SVG veya Simgeyi Base64'e DönüştürKüçük simgeyi gömme için veri URI'ye dönüştür.
Markdown'da Resimi GömüKüçük bir resmi Markdown dosyasına veri URI ile gömü.
Resim Veri URI'si AlHer yerde kullanabileceğin ham veri: URI üret.

Nasıl çalışır

Bir veri URI, bir görüntüyü doğrudan kodunuza metin olarak gömer, böylece ayrı bir dosya isteği olmadan yüklenir — küçük simgeler ve kendi kendine yeterli HTML için kullanışlıdır. Bu, tarayıcınızda kodlar.

1
Bir görüntü bırakırsınız
FileReader API ile yerel olarak okunur — asla yüklenmez.
2
Base64 ile kodlanır
Görüntü baytları, tarayıcınızda bir data: URI (data:image/...;base64,…) olur.
3
Bir parça seçersiniz
Ham data URI'sini veya hazır CSS (background-image), HTML (<img>) ya da Markdown kod parçasını kopyalayın.
4
Kodunuza yapıştırırsınız
Görüntü artık CSS/HTML kodunuzla birlikte satır içi taşınır — barındırılacak ek dosya yok.

Görüntü tamamen cihazınızda kodlanır. Base64'ün orijinalden yaklaşık %33 daha büyük olduğunu unutmayın, bu nedenle veri URI'leri küçük görüntüler için en iyisidir.

İlgili araçlar

🖼️

Görüntü Steganografisi (Görüntüye Metin Gizle)

İsteğe bağlı AES-256-GCM parola şifrelemesiyle en az önemli bit steganografisi kullanarak PNG'nin içine gizli bir metin mesajı gizleyin. Daha sonra aynı araçla çıkarın. Her şey tarayıcınızda çalışır.

DeneyinDosyalar yerel kalır

🔢

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

Metni veya dosyaları Base64'e kodlayın ya da Base64 dizelerini düz metne geri çözün. Anında, gizli ve ücretsiz.

Deneyin

🔗

URL Kodlayıcı ve Kod Çözücü

URL'leri ve sorgu dizelerini kodlayın ve kodunu çözün. encodeURIComponent, decodeURIComponent ve sorgu dizesi ayrıştırmayı destekler.