İçeriğe geç
Vizua

Görüntüyü Base64'e Dönüştür — Data URI, HTML ve CSS

Dosyalarınız cihazınızdan asla ayrılmaz

Görselleri buraya bırakın

veya dosya seçmek için tıklayın

JPG, PNG, WebP, GIF, SVG

Sık Sorulan Sorular

Base64 kodlama nedir?

Base64, ikili baytları ASCII karakterleriyle temsil eder. Vizua seçilen bir JPG, PNG, WebP, GIF veya SVG görüntüsünü veri URL’si olarak okur ve ayrıca HTML img ile CSS background parçaları hazırlar. Gömülü içeriğin kodunu çözmez; içeriği optimize etmez, temizlemez veya doğrulamaz.

Base64 görüntüleri ne zaman kullanmalıyım?

Veri URL’sini yalnızca hedefin tamamındaki boyut, önbellekleme, güvenlik politikası, ayrıştırıcı ve bakım ödünleşimleri kabul edilebiliyorsa kullanın. Evrensel bir 10 KB sınırı yoktur. Ayrı dosyalar bağımsız olarak önbelleğe alınabilir ve güncellenebilir; gömülü veriler ise içinde bulunduğu belgeyi büyütür.

Base64 dosya boyutunu artırır mı?

Base64 yükünün uzunluğu 4 × ceil(kaynak bayt ÷ 3) değerindedir; büyük girdilerde yaklaşık %33 ek yükün yanı sıra veri URL’sinin medya türü öneki ve dolgu eklenir. Vizua’nın gösterdiği Base64 boyutu veri URL’si dizisinin tamamını sayar; bu nedenle yalnızca yükün veya sıkıştırma sonrası aktarımın tam boyutu değildir.

Görüntüyü Base64'e Dönüştür — Data URI, HTML ve CSS ile yapabilecekleriniz

Desteklenen görüntüyü tarayıcıda Base64 data URI olarak kodlayın; ham değeri, HTML görüntü etiketini veya CSS'i kopyalayın.

Görüntüyü Base64'e Dönüştür — Data URI, HTML ve CSS, modern bir tarayıcıda hızlı ve tekrarlanabilir işler için tasarlanmıştır. Bu sayfadaki kontroller, yazılım yüklemeden veya hesap oluşturmadan sonucu hazırlamanızı sağlar.

Görüntüyü Base64'e Dönüştür — Data URI, HTML ve CSS nasıl kullanılır

  1. İşlemek istediğiniz dosyayı seçin ya da sürükleyip bırakın; araç bilgi istiyorsa gerekli alanları doldurun.
  2. İşlemden önce özellikle biçim, boyutlar, kalite, renk ve sonucu etkileyen diğer seçenekleri kontrol edin.
  3. Sonucu inceleyin, yeni dosyayı indirin ve başka bir sürüm gerekirse kullanmak üzere özgün dosyayı değiştirmeden saklayın.

Gizlilik odaklı tasarım

Dosyalarınız cihazınızdan asla ayrılmaz. Tüm işlemler tarayıcınızda yerel olarak gerçekleşir.

Daha iyi sonuçlar için ipuçları

  • Bulabildiğiniz en iyi kaynakla başlayın; küçük, bulanık veya yoğun sıkıştırılmış bir dosyada korunabilecek ayrıntı daha azdır.
  • İndirmeden önce boyutları ve biçimi kontrol ederek sonucun hedef siteye, uygulamaya, yazıcıya veya platforma uygun olduğundan emin olun.
  • Büyük dosyalarda gereksiz sekmeleri kapatın ve tüm grubu işlemeden önce temsilî bir dosyayı deneyin.
  • Paylaşmadan veya özgün dosyanın yerine koymadan önce indirdiğiniz sonucu bir kez açın.

Görüntüyü Base64'e Dönüştür — Data URI, HTML ve CSS iş akışında nerede kullanılır

Görüntüyü Base64'e Dönüştür — Data URI, HTML ve CSS aracını tek seferlik bir düzenleme için veya yayımlama, paylaşma, arşivleme ya da başka bir uygulamada düzenlemeye devam etmeden önce hazırlık adımı olarak kullanın. Toplu işleme varsa ayarları önce küçük bir örnekte doğrulayın, ardından diğer dosyalara uygulayın.