> kodla | göm | optimize et <
// Resimleri web geliştirme ve veri gömme için Base64 dizelerine dönüştür
Resmi buraya bırakın veya seçmek için tıklayın
Dosyalara göz atmak için tıklayın
Yerel İşleme
%100 istemci tarafı resim kodlama. Dosyalarınız hiçbir zaman tarayıcınızı terk etmez.
Sürükle Bırak
Sürükle bırak arayüzü ile hızlı yükleme. Anında Base64 dönüştürme.
Sınırsız
Her boyut veya formattaki resmi kodlayın. Kayıt veya API anahtarı gerekmez.
// SSS
S: Resim Base64 kodlama nedir?
C: Resim Base64 kodlama, ikili resim verilerini Base64 kodlaması kullanarak metin dizesine dönüştürür. Resimleri ayrı dosyalar olmadan doğrudan HTML, CSS, e-postalar veya API'lere gömmek için gereklidir.
S: Resim Base64 dönüştürme ne kadar güvenli?
C: %100 güvenli yerel işleme. Tüm resim kodlama işlemleri tarayıcınızda gerçekleşir. Sıfır sunucu yükleme. Resimleriniz hiçbir zaman cihazınızı terk etmez.
S: Hangi resim formatları destekleniyor?
C: Tüm yaygın web resim formatlarını destekler: PNG, JPEG, GIF, WebP, SVG, BMP ve daha fazlası. Orijinal resim kalitesi ve formatını korur.
S: HTML'de Base64 resimlerini nasıl kullanırım?
C: Data URI formatını kullanın: <img src="data:image/png;base64,BASE64_DİZENİZ">. Satır içi resimler, simgeler veya HTTP isteklerini azaltmak için mükemmeldir.
S: Dosya boyutu sınırlamaları var mı?
C: Sunucu tarafı sınır yok. İşleme tarayıcınızda yerel olarak gerçekleşir. Büyük dosyalar kodlanması daha uzun sürebilir ama çalışacaktır.
// Yaygın görsel biçimleri ve MIME türleri
| Biçim | MIME türü |
|---|---|
| PNG | image/png |
| JPEG | image/jpeg |
| GIF | image/gif |
| WebP | image/webp |
| AVIF | image/avif |
| SVG | image/svg+xml |
// Kodda Data URI
HTML <img src="data:image/png;base64,iVBORw0KGgo..." alt="">
CSS background: url("data:image/svg+xml;base64,PHN2Zy...");
Linux base64 -w0 logo.png
macOS base64 -i logo.png
Python base64.b64encode(open('logo.png','rb').read()).decode()
Node.js fs.readFileSync('logo.png').toString('base64')
>> Daha fazla soru
S: Base64 görsel neden yaklaşık %33 daha büyüktür?
C: Base64, 3 baytı 4 karakterle kodlar; bu yaklaşık üçte bir ek boyuttur ve gzip bunu ancak kısmen telafi eder. Bu yüzden satır içi görseller yalnızca çok küçük dosyalar (birkaç KB) için mantıklıdır.
S: Data URI’lerin normal görsel dosyalarına göre dezavantajı nedir?
C: Gömülü görsel ayrı önbelleğe alınamaz, HTML veya CSS’i büyütür ve o dosya her yüklendiğinde yeniden iletilir. Daha büyük görseller için ayrı dosya tercih edin.
S: SVG’yi Base64 olarak gömmeli miyim?
C: Genellikle hayır: SVG zaten metindir. URL kodlu data:image/svg+xml,… çoğu zaman Base64’ten küçüktür ve okunabilir kalır. Yine de Base64 her yerde sorunsuz çalışır.