← Özelliklere Dön
Free

Resim ↔ Base64

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.

Canlı Önizleme
example.com
Image ↔ Base64 Görsel → Base64 Base64 → Görsel
Görseli Bırak
Bırak, yapıştır veya tıkla
PNG, JPG, SVG, WebP
logo.png
8.4 KB · 256×256
Base64 Veri URI'si
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADJJREFUeNrs0rERwCAIhFEwjv9/6OS...
Kopyala İndir
Temel Özellikler

Sürükle, Yapıştır veya Göz At

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.

Canlı Resim Önizleme

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.

Tek Tıkla Veri URI Kopyalama

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.

Anında Dönüştürme

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.

Dosya Olarak İndir

Bir Base64 veri URI'sinden, kodu çözülmüş resmi doğru uzantıyla gerçek bir dosya (PNG, JPG, SVG vb.) olarak kaydedin.

Tüm Yaygın Formatları Destekler

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.

Yaygın Kullanım Durumları

CSS'e Küçük Simgeler Gömme

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.

E-posta Şablonları

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.

Derleme Çıktıları ve Paketler

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.

Veri URI'lerinden Resim Ayıklama

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ü Resimleri Hata Ayıklama

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.

Nasıl Kullanılır
1

Resim ↔ Base64 Aracını Aç

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.

2

Resim Yükle

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.

3

Veri URI'sini Al

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.

4

Ters Yö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.

5

İndir veya Kopyala

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.

Denemeye Hazır mısınız?

DevSuite Pro'yu ücretsiz yükleyin ve tarayıcınız için 64'dan fazla geliştirici aracının kilidini açın.

Chrome'a Ekle Edge'e Ekle FireFox'a Ekle