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.
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:
- Veri URI'si — Tam
data:image/...;base64,...dizesi.srcözniteliklerinde veya CSSurl()içinde doğrudan kullanın. - Sadece Base64 — Veri URI'si öneki olmadan ham Base64 dizesi. API yükleri için kullanışlıdır.
- HTML Etiketi —
src,alt,widthveheightile tam<img>öğesi. - CSS Arka Plan — Hazır hale getirilmiş
background-image: url(...)bildirimi.
Nasıl Kullanılır
- 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.
- Görseli önizle — Yüklenen görseli ve dosya bilgilerini (adı, boyutu, türü, boyutları) görün.
- Çıktı formatını seçin — Veri URI'si, Sadece Base64, HTML Etiketi veya CSS Arka Plan seçeneğini seçin.
- 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.