Resim ↔ Base64; resim dosyalarını (PNG, JPG, SVG, WebP, GIF) Base64 kodlu veri URI'lerine ve tam tersine dönüştürür. Bir resmi yüklemek için sürükleyin, yapıştırın veya tıklayın; CSS, HTML veya yapılandırma dosyalarına gömmek için tam data:image/...;base64,... dizesini kopyalayın. Ya da bir veri URI'sini yapıştırarak önizleyin ve resim dosyası olarak indirin.
Base64 kodlu resimler doğrudan CSS, HTML veya yapılandırma dosyalarına gömülebilir; bu özellik harici resim isteklerinin istenmediği küçük simgeler, e-posta şablonları veya derleme çıktıları için kullanışlıdır. Bu araç, dönüştürme işlemini zahmetsiz hale getirir. Bir resim dosyasını sürükleyin, panodan yapıştırın veya göz atmak için tıklayın. Araç, resmi doğru MIME türüyle (data:image/png;base64,..., data:image/svg+xml;base64,... vb.) bir veri URI'sine dönüştürür. Ters yönde de çalışır; bir veri URI'sini yapıştırdığınızda araç resmi önizleme için oluşturur ve gerçek bir dosya olarak kaydetmeniz için bir indirme bağlantısı sunar. Tamamen tarayıcıda çalışır, yükleme yapılmaz; resimleriniz asla makinenizden ayrılmaz. PNG, JPG/JPEG, SVG, WebP, GIF ve ICO formatlarını destekler.
Resim yüklemek için birden fazla yol: İşletim sisteminizden bir dosyayı sürükleyin, panodan yapıştırın (ekran görüntüleri çalışır) veya dosya seçiciyi açmak için tıklayın.
Bir veri URI'si yapıştırdığınızda, araç resmi hemen oluşturur; böylece kopyalamadan veya indirmeden önce doğruluğunu kontrol edebilirsiniz.
CSS'nize, HTML src özniteliğine veya JSON yapılandırmanıza yapıştırılmaya hazır olan tam data:image/...;base64,... dizesini kopyalar.
Yükleme beklemesi yok; her şey yerel olarak gerçekleşir. Büyük resimler bile saniyenin çok küçük bir kısmında dönüştürülür.
Bir Base64 veri URI'sinden, kodu çözülmüş resmi doğru uzantıyla gerçek bir dosya (PNG, JPG, SVG vb.) olarak kaydedin.
PNG, JPG, SVG, WebP, GIF ve ICO'yu destekler. MIME türü otomatik olarak algılanır, böylece veri URI'niz her zaman doğru olur.
16×16 boyutunda bir simgeyi Base64'e dönüştürün ve background-image: url(...) içinde satır içi (inline) yapın. HTTP isteği yok, önbellek hatası yok; simge CSS'nizle birlikte gelir.
Harici resim referansları istemciler tarafından engellendiğinde veya spam olarak işaretlendiğinde, resimleri doğrudan HTML e-postalarına veri URI'si olarak gömün.
Uygulama başlatma sırasında varlık (asset) gidiş-dönüşlerini ortadan kaldırmak için webpack/vite paket çıktısına küçük resimler ekleyin.
Geliştirici araçlarından, HTML kaynağından veya bir CSS dosyasından bir veri URI'sini yapıştırarak alttaki resmi önizleyin ve dosya olarak indirin.
Gömülü bir resim oluşturulmadığında, Base64'ün geçerli ve MIME türünün doğru olduğunu doğrulamak için veri URI'sini kod çözücüye yapıştırın.
DevSuite Pro dock'undaki Image Base64 simgesine tıklayın. Bir bırakma alanı ve bir veri URI alanı içeren iki bölmeli bir panel açılır.
Bir dosyayı bırakma alanına sürükleyin, panodan bir resim yapıştırın (Ctrl+V) veya göz atmak için alana tıklayın. Bir önizleme görünecektir.
Base64 veri URI'si çıktı alanında hemen oluşturulur; satır içine (inline) yapıştırmaya hazır hale getirmek üzere panonuza göndermek için Kopyala'ya tıklayın.
Base64 → resim dönüşümü yapmak için alana bir veri URI'si yapıştırın. Önizleme resmi oluşturur ve bir İndir butonu belirir.
Yeniden oluşturulan resmi gerçek bir dosya olarak kaydedin veya başka bir yerde paylaşmak veya gömmek için veri URI'sini kopyalayın.
DevSuite Pro'yu ücretsiz yükleyin ve tarayıcınız için 64'dan fazla geliştirici aracının kilidini açın.