Softonic

Resimden BASE64'e Dönüştürücü

Adım 1 / 3
Seçilen dosya geri yükleniyor...

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. 1

    Bir görüntü seçin

    En fazla 20 MiB boyutunda tek bir görüntü dosyası seçin.

  2. 2

    Yerel olarak kodlayın

    Tarayıcı dosyayı okur ve sunucuya yüklemeden tam bir Base64 veri URL'si oluşturur.

  3. 3

    Sonucu inceleyin

    Medya türünü, dosya bilgilerini ve oluşturulan veri URL'sinin yaklaşık uzunluğunu kontrol edin.

  4. 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..., PNG
  • data:image/svg+xml;utf8,<svg>...</svg>, SVG; genellikle base64 olmadan satır içi kullanıldığında daha iyidir
  • data:image/jpeg;base64,/9j/4AAQS..., JPG

İpuçları

  • SVG genellikle base64 yerine utf8 kodlamalı 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

İsimlik Oluşturucu

Ad | ikinci satır listesinden yazdırılabilir en fazla 60 isimlik oluşturun. A4 veya US Letter üzerinde sayfa başına 8 kart ya da 15 etiket seçin ve yerel olarak yazdırın.

QR Kod Okuyucu

PNG, JPG veya WebP görüntüsünden QR kodu tarayıcıda çözün. URL, Wi-Fi, vCard, SMS, e-posta, takvim, geo veya metni kullanmadan önce görün.

Fotoğrafı Eskize Dönüştürme

JPEG, PNG veya WebP fotoğrafı tarayıcıda grafit, yumuşak kalem ya da füzen tonlarında eskize dönüştürüp PNG veya JPEG olarak kaydedin.

Görsel boyutlandırıcı

Görselleri en boy oranını koruyarak kesin piksel ölçülerine veya yüzdelere göre yeniden boyutlandırın. Toplu hazırlık için uygundur, yükleme gerekmez.

Grafiti Yazı Oluşturucu

Tag, balon, blok, şablon, neon ve wild efektleriyle grafiti tarzı yazılar hazırlayın. Renkleri ayarlayıp tarayıcıda PNG veya SVG olarak dışa aktarın.

Görsel sıkıştırıcı

Görsel kaliteyi korurken dosya boyutunu azaltmak için JPG, PNG ve WebP görsellerini sıkıştırın. Tamamen tarayıcınızda çalışır, yükleme gerekmez.