UltKit

Resmi Base64'e Dönüştürme

Bir resim dosyasını HTML, CSS, bir JSON isteği veya Markdown dosyasına yapıştırabileceğiniz tek satırlık bir metne dönüştürün. Data URI öneki başında hazır olduğu için yapıştırdığınız anda çalışır.

Veri Dönüştürücü

veya CSV, TSV, TXT … dosyaları buraya bırakın ·

Dosya başına en fazla 95 MB· En fazla 20 dosya· 30 dakika sonra silinir

Çıktı

Dosyalar sunucularımızda işlenir ve 30 dakika sonra silinir.

Bu aracı nasıl kullanırsınız

  1. 1

    Resimleri ekleyin

    PNG, JPG, GIF, WebP veya SVG dosyalarını yükleme alanına bırakın; aynı anda en fazla 20 dosya ve her biri en fazla 95 MB olabilir.

  2. 2

    Öneki koruyun veya kaldırın

    Data URI ön eki açık olduğundan sonuç data:image/png;base64, ile veya uygun türün ön ekiyle başlar. Bir API yalnızca ham Base64 dizesi istiyorsa bunu Gelişmiş ayarlar altından kapatın.

  3. 3

    Dönüştürün ve kopyalayın

    Base64 metnine Dönüştür düğmesine basın ve her resim için kodunuza yapıştırmaya hazır bir .txt dosyası indirin.

Resmi yükleyin ve Base64 metnine Dönüştür düğmesine basın. Dosya düz karakterler olarak kodlanır ve data:image/…;base64, ile başlar; böylece doğrudan bir img src'ye veya CSS url() içine konabilir. Resimde hiçbir şey değişmez.

Base64 resim nerede işe yarar

Base64, RFC 4648'de (2006) tanımlanmıştır ve ikili verinin her 3 baytını A–Z, a–z, 0–9, + ve / karakterlerinden oluşan 64 karakterlik alfabeden 4 karaktere eşler. Sonuç, metin için tasarlanmış her kanaldan sorunsuz geçer. 1998'de Larry Masinter'ın RFC 2397 olarak yazdığı data URI şeması ise tarayıcının bu metni bir dosya gibi ele almasını sağlar.

Ön yüz geliştiricileri küçük simgeleri, yükleme animasyonlarını ve yer tutucu resimleri satır içine alır; böylece sayfa ek istek olmadan görüntülenir. Arka yüz geliştiricileri resimleri JSON içinde gönderir, çünkü görüntü analizi ve OCR hizmetleri dahil birçok API resmi Base64 alanı olarak kabul eder. Test yazanlar test verilerini kaynak kodda tutar; tek dosyalık HTML raporları veya Markdown notları hazırlayanlar ise dosya e-postayla gönderildiğinde ya da arşivlendiğinde kendi içinde tam kalsın diye ekran görüntülerini gömer.

Base64 çıktısı nasıl görünür

Bir img etiketi içinde data URI olarak 1 × 1 şeffaf PNG (68 bayt)
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR4nGNgAAIAAAUAAXpeqz8AAAAASUVORK5CYII=" width="1" height="1" alt="Şeffaf piksel">

PNG simge dosyası

24 KB

tipik araç çubuğu simge seti, 96 × 96 px

%33 daha büyük, kalitede sıfır değişiklik

Base64 metni

32 KB

3 bayt için 4 karakter, artı ön ek

ANY I

Tüm resimler

Bu araç JPG, PNG, WebP, HEIC, GIF, BMP ve TIFF dahil yaygın resim biçimlerini kabul eder. Biçim dosyadan otomatik olarak algılanır, bu yüzden elinizdeki resmin türünü bilmeniz gerekmez.

Any image dönüştürücü

BASE64

Base64 kodlu metin

Base64, RFC 4648'de tanımlanan ve her tür ikili veriyi 64 güvenli metin karakterinden oluşan bir diziye çeviren bir kodlamadır. Görselleri HTML ve CSS'e veri URI'si olarak gömmek, e-postaya dosya eklemek ve ikili veriyi JSON veya XML içinde göndermek için kullanılır. Kodlama tamamen geri çevrilebilir, ancak veriyi yaklaşık %33 büyütür. Base64 şifreleme değildir ve güvenlik sağlamaz; herkes çözebilir.

Sıkıştırma
Kayıpsız
Saydamlık
–
Animasyon
–
Çıkış yılı
–
BASE64 dönüştürücü

Resimler, yalnızca metin taşıyan bir şeyin içinde yol almaları gerektiğinde Base64 metnine dönüşür: ayrı istek gerektirmeyen bir HTML veya CSS dosyası, bir API çağrısının JSON alanı, bir test verisi ya da tek dosyalık bir rapor.

Resmi satır içine gömmek sayfaya ne zaman yarar, ne zaman zarar verir

Satır içine almak bir istekten tasarruf sağlar; bu, tarayıcıların site başına yalnızca birkaç bağlantı açtığı HTTP/1.1 döneminde en çok işe yarıyordu. HTTP/2 ve HTTP/3 çoklamasıyla küçük ek istekler ucuzdur, bu yüzden fayda azalırken maliyetler sürer: kodlanmış resim ayrı olarak önbelleğe alınamaz, HTML veya CSS her değiştiğinde yeniden indirilir ve içinde bulunduğu dosyanın ayrıştırılmasını geciktirir.

Makul bir kural, yalnızca her sayfada görünen ve birkaç kilobayt olan resimleri, örneğin bir logoyu veya simge sprite'ını satır içine almak, geri kalan her şeyi dosya olarak sunmaktır. Fotoğraflar neredeyse hiçbir zaman satır içine ait değildir. Asıl ihtiyacınız metin değil de farklı bir dosya türüyse bunu resim dönüştürücü çözer.

Base64 resmin güçlü yanları

  • Kendi içinde tam tek bir HTML, CSS veya JSON dosyası
  • Küçük simgeler için ek istek yok
  • JSON, XML ve diğer metin biçimlerinin içinde güvenli
  • Kayıpsız ve geri döndürülebilir

Base64 resmin maliyetleri

  • İkili dosyadan yaklaşık %33 daha büyük
  • Tarayıcı tarafından ayrı önbelleğe alınmaz
  • Birçok e-posta istemcisinde resim olarak engellenir
  • Kod farklarında incelemesi zor

Resmi Base64'e dönüştürme hakkında sorular

Base64 ile data URI arasındaki fark nedir?

Base64 yalnızca kodlanmış karakterlerdir. Data URI ise bunları bir şema ve türle sarar: data:image/png;base64, ifadesini karakterler izler; böylece tarayıcı bunları nasıl çözüp göstereceğini bilir. HTML ve CSS tam data URI ister; çoğu JSON API ise yalnızca düz Base64 kısmını bekler.

Bir resim Base64'e dönüştürülünce ne kadar büyür?

Base64, her 3 bayt için 4 karakter yazar; bu yüzden metin dosyadan yaklaşık üçte bir oranında büyüktür, buna kısa ön ek de eklenir. 30 KB'lık bir PNG yaklaşık 40 KB metne dönüşür. HTML veya CSS gzip ile sıkıştırılarak sunuluyorsa bu fazlalığın bir kısmı aktarımda geri kazanılır.

Base64 resmi e-posta imzasında kullanabilir miyim?

Güvenilir değildir. Gmail data URI resimlerini göstermez, birçok masaüstü e-posta programı da bunları kaldırır; alıcılar bozuk bir simge görür. Resmi bir web sunucusunda barındırın veya ek olarak gönderin; Base64'ü web sayfaları ve uygulamalar için tutun.

SVG simgeler Base64 ile kodlanmalı mı?

Çalışır, ancak SVG zaten metindir. İşaretlemeyi Base64 yerine URL kodlamasıyla kodlamak genellikle daha kısa bir data URI verir ve okunabilir kalır. Küçük bir simgeden büyük her şey için tarayıcının önbelleğe alabileceği ayrı bir SVG dosyası daha iyi bir seçimdir.

Base64 metni tekrar resme dönüştürebilir miyim?

Evet, kodlama kayıpsız ve tamamen geri döndürülebilir: çözme işlemi orijinal baytları aynen geri verir. Her programlama dilinde bir çözücü bulunur; tam bir data URI'yi tarayıcının adres çubuğuna yapıştırırsanız resim görüntülenir.

Kodlama resim kalitesini değiştirir mi?

Hayır. Base64 baytların yazılış biçimini değiştirir, pikselleri değil. Dizeyi kısaltmak için önce resmi küçültün, örneğin resmi 20 KB'a düşürme aracıyla, sonra küçük dosyayı kodlayın.