Resimden BASE64'e Dönüştürücü
Base64 veri URL’si, bir görüntünün medya türünü ve kodlanmış baytlarını data:image/png;base64,... gibi tek bir metin değerinde birleştirir. En fazla 20 MiB boyutunda bir görüntü seçin; dönüştürücü bu değeri tarayıcınızda yerel olarak oluşturur. Kopyalamadan önce özgün dosya bilgilerini ve üretilen URL’nin yaklaşık uzunluğunu görebilirsiniz.
Bir görüntü Base64 ile nasıl kodlanır?
-
1
Bir görüntü seçin
En fazla 20 MiB boyutunda tek bir görüntü dosyası seçin.
-
2
Yerel olarak kodlayın
Tarayıcı dosyayı okur ve sunucuya yüklemeden tam bir Base64 veri URL'si oluşturur.
-
3
Sonucu inceleyin
Medya türünü, dosya bilgilerini ve oluşturulan veri URL'sinin yaklaşık uzunluğunu kontrol edin.
-
4
Veri URL'sini kopyalayın
Tam `data:image/...;base64,...` değerini panoya kopyalayın.
Ne zaman gömmeli, ne zaman bağlantı vermeli
Base64 gömme, %33 boyut artışı karşılığında bir HTTP isteğinden tasarruf sağlar; bazı kaynaklar için değerlidir, diğerleri için ise gereksizdir.
Boyut hesabı
| Orijinal boyut | Base64 boyutu | Ek baytlar |
|---|---|---|
| 1 KB | 1.36 KB | 360 B |
| 10 KB | 13.6 KB | 3.6 KB |
| 100 KB | 136 KB | 36 KB |
| 1 MB | 1.36 MB | 360 KB |
Karar verme rehberi
| Kullanım senaryosu | Gömülü veya harici |
|---|---|
| 2 KB'nin altındaki ikon (SVG logo, sprite) | Gömülü |
CSS'de imleç görüntüsü (cursor: url()) |
Gömülü |
| Küçük ve kendi kendine yeten HTML veya CSS demosu | Gömülü |
| Bir JavaScript yüküne dâhil edilen ikon | Gömülü |
| Hero görseli, 50 KB'den büyük | Harici |
| Ayrı olarak önbelleğe alınabilecek her şey | Harici |
Veri URI formatı
data:[<mediatype>][;base64],<data>
Örnekler:
data:image/png;base64,iVBORw0KGgo..., PNGdata:image/svg+xml;utf8,<svg>...</svg>, SVG; genellikle base64 olmadan satır içi kullanıldığında daha iyidirdata:image/jpeg;base64,/9j/4AAQS..., JPG
İpuçları
- SVG genellikle base64 yerine
utf8kodlamalıurl()olarak kullanıldığında daha uygundur; daha kısa ve okunabilirdir. - Kodlama görüntüyü incelemez veya güvenli hâle getirmez. Özellikle etkin ya da harici içerik barındırabilen SVG dosyalarında yalnızca güvendiğiniz kaynakları gömün.
- JSON yüklerindeki çok büyük resimler ayrıştırma sürecini engelleyebilir; çok parçalı (multipart) veriler veya harici referanslar düşünülmelidir.
- CSS'de base64 kodlu background-image temiz bir şekilde satır içine yerleşir; ancak bu durum sayfalar arası önbelleme işlemini engeller.
Sık Sorulan Sorular
Base64, girdinin 3 baytını 4 karakter olarak kodlar; bu nedenle çıktı her zaman girdiden yaklaşık %33 daha uzundur. 10 KB'lık bir görüntü yaklaşık 13.600 karakterden oluşan bir diziyi oluşturur. Uzun çıktılar oldukça yaygındır.
Bu dönüştürücü en fazla 20 MiB boyutunda tek bir görüntü kabul eder. Bu bir işlem sınırıdır, gömme önerisi değildir: Base64 kaynak boyutuna yaklaşık üçte bir ekler ve ayrı önbelleğe almayı engeller.
Hayır. Base64 kodlama tarayıcınızda çalışır. Görüntü asla cihazınızdan çıkmaz.
Bu kodlayıcıda hayır. Bir veri URL’sini veya ham Base64 dizisini indirilebilir görüntü dosyasına çevirmek için ayrı Base64 Görüntü aracını kullanın.
İlgili Araçlar
Çizgili Kağıt Oluşturucu
Ücretsiz yazdırılabilir çizgili kağıt oluşturun. Kolej, geniş veya dar çizgi seçin, satır aralığını mm cinsinden ayarlayın, kağıt boyutunu ve bir kenar boşluğu çizgisi belirleyin, ardından yazdırın veya SVG olarak indirin.
Material Design Renk Seçici
Material Design renk paletini gezin. Herhangi bir tonu (50'den A700'e kadar) tek dokunuşla HEX, RGB veya HSL biçiminde kopyalayın.
Kareli kağıt oluşturucu
Çevrimiçi yazdırılabilir kareli kağıt oluşturun: kare veya nokta ızgarası seçin, aralığı mm cinsinden ayarlayın, A4 veya Letter ile özel bir çizgi rengi belirleyin, ardından yazdırın veya net bir SVG indirin.
Kanaviçe Şablonu Oluşturucu
JPEG, PNG veya WebP görselini 10–150 ilmek, 2–40 özel renk, semboller, kesin sayımlar ve kumaş ölçüleri içeren yazdırılabilir kanaviçe şemasına dönüştürün.
Fotoğraflardaki Yüzleri Çevrimiçi Bulanıklaştırın
Yüzlerin veya hassas ayrıntıların üzerine kutular çizin, ardından bulanıklaştırın, pikselleştirin ya da siyah kutuyla kapatın. İşlem tarayıcıda yapılır ve sonuç JPEG olarak indirilir.
Görüntü Formatı Dönüştürücü
Görselleri doğrudan tarayıcıda JPG, PNG veya WebP biçimine dönüştürün; kayıplı biçimlerde kaliteyi siz kontrol edin, PNG ve WebP'de şeffaflık korunur.
Araç diğer dillerde mevcuttur
- Konverter Gambar ke BASE64 [ID]
- Konwerter obrazu na BASE64 [PL]
- Bild till BASE64-konverterare [SV]
- ตัวแปลงรูปภาพเป็น Base64 [TH]
- Bild-zu-Base64-Konverter [DE]
- 画像をBASE64に変換するコンバーター [JA]
- 이미지를 BASE64로 변환하는 컨버터 [KO]
- Convertidor de imagen a BASE64 [ES]
- Conversor de Imagem para BASE64 [PT]
- Chuyển đổi hình ảnh sang định dạng BASE64 [VI]
- Convertisseur d'image en BASE64 [FR]
- محول الصورة إلى تنسيق BASE64 [AR]
- Afbeelding naar Base64-converter [NL]
- Image to BASE64 Converter [EN]
- Convertitore da immagine a Base64 [IT]
- Конвертер изображения в BASE64 [RU]
- 图像到BASE64转换器 [ZH]