ToolKitHive
Geri
design

Görüntüyü Base64

Görüntüleri Base64 veri URI'lerine çevirmek için ücretsiz çevrimiçi araç. PNG, JPEG, GIF, SVG, WebP ve BMP destekler. Kodlanmış dizeyi anında kopyalayın veya indirin.

Görüntüyü Base64

Herhangi bir görüntüyü HTML, CSS veya JSON'a doğrudan gömme için Base64 veri URI'sine dönüştürün.


başlık: Görsel ile Base64 Dönüştürücü — Ücretsiz Çevrimiçi Araç açıklama: Herhangi bir görseli anında Base64 veri URI'sine dönüştürün. PNG, JPEG, GIF, SVG, WebP ve BMP formatlarını destekler. Ücretsiz, özel ve tamamen tarayıcınızda çalışır. tarih: 2026-05-17

Base64 Görsel Kodlaması Nedir?

Base64 kodlaması ikili görsel verilerini harfler, sayılar, +, / ve = içeren bir metin dizisine dönüştürür. MIME türü öneki ile birleştirildiğinde veri URI'si oluşturur — HTML, CSS veya JSON'a doğrudan gömülmesi için tek başına içeren bir dizedir.

Örneğin, harici bir dosyaya bağlantı kurmak yerine:

<img src="logo.png" alt="Logo" />

Görseli satır içi gömebilirsiniz:

<img src="data:image/png;base64,iVBORw0KGgo..." alt="Logo" />

Neden Görselleri Base64'e Dönüştürmeliyiz?

Fayda Açıklama
Daha az HTTP isteği Küçük görselleri gömerek ayrı dosya indirme ihtiyacını ortadan kaldırır
E-posta şablonları Birçok e-posta istemcisi harici görselleri yüklemeyi desteklemez — Base64 satır içi çalışır
Tek dosya uygulamaları İkonlar ve varlıkların tek bir HTML dosyasına paketlenmesi için uygundur
API yükleri Multipart yüklemeler olmadan JSON içinde görselleri dize olarak gönderin
Çevrimdışı belgeler Sunucuya ihtiyaç duymadan kendinden bağımsız HTML raporları oluşturun

Desteklenen Görsel Formatları

Format MIME Türü Uzantı
PNG image/png .png
JPEG image/jpeg .jpg, .jpeg
GIF image/gif .gif
SVG image/svg+xml .svg
WebP image/webp .webp
BMP image/bmp .bmp

Maksimum dosya boyutu: 10 MB.

Çıktı Formatları

Bu araç dört çıktı formatı sunar:

  1. Veri URI'si — Tam data:image/...;base64,... dizesi. src özniteliklerinde veya CSS url() içinde doğrudan kullanın.
  2. Sadece Base64 — Veri URI'si öneki olmadan ham Base64 dizesi. API yükleri için kullanışlıdır.
  3. HTML Etiketisrc, alt, width ve height ile tam <img> öğesi.
  4. CSS Arka Plan — Hazır hale getirilmiş background-image: url(...) bildirimi.

Nasıl Kullanılır

  1. Bir görsel yükle — Taşı ve bırak alanına sürükleyip bırakın veya dosyalarınızı tarayın için tıklayın.
  2. Görseli önizle — Yüklenen görseli ve dosya bilgilerini (adı, boyutu, türü, boyutları) görün.
  3. Çıktı formatını seçin — Veri URI'si, Sadece Base64, HTML Etiketi veya CSS Arka Plan seçeneğini seçin.
  4. Kopyalayın veya indirin — Panoya kopyalama veya metin dosyası olarak indirme için tıklayın.

Base64 Kullanma Zamanları (Ve Kullanmamanız Gereken Zamanlar)

İyi kullanım senaryoları:

  • Küçük ikonlar ve kullanıcı arayüzü öğeleri (10 KB'dan küçük)
  • E-posta bülteni görselleri
  • Tek dosya HTML prototipleri
  • Multipart kullanılamayan JSON API yüklerinde

Kaçınmaya çalışın:

  • Büyük fotoğraflar veya ana görseller (dosya boyutunu yaklaşık %33 artırır)
  • Birçok görsel içeren siteler (satır içi veri için tarayıcı önbelleğe alma yoktur)
  • Sayfalar arasında tekrar eden görseller (Base64 ayrı olarak önbelleğe alınamaz)

Gizlilik & Güvenlik

Tüm işleme tarayıcınızda tamamen yapılır. Görselleriniz hiçbir sunucuya yüklenmez. Base64 dönüştürme FileReader API kullanarak istemci tarafında yapılır.

Sıkça Sorulan Sorular

Base64 dosya boyutunu artırır mı? Evet. Base64 kodlaması orijinal dosya boyutunu yaklaşık %33 artırır. 3 KB'lık bir PNG, Base64'te yaklaşık 4 KB olur.

Base64'i bir görsel olarak tekrar dönüştürebilir miyim? Evet. Bir veri URI'sini tarayıcı adres çubuğuna yapıştırarak görüntüleyebilir veya Base64 kodlayıcı aracı kullanarak dosya olarak kaydedebilirsiniz.

Dosya boyutu sınırı var mı? Bu araç 10 MB'a kadar dosyaları kabul eder. Daha büyük dosyalar için Linux/macOS üzerinde base64 komut satırı aracı gibi bir araç kullanın.

SVG dosyalarıyla çalışır mı? Evet. SVG dosyaları raster görseller gibi Base64'e dönüştürülebilir. SVG için HTML içine doğrudan SVG markup eklemek de daha iyi performans sağlar.

enptesdejafrruitnltrarzh