Zaten sahip olduğunuz bir veri URL'sini çözmek için en üstteki yönü değiştirin. Görselleri web sayfaları, e-postalar ve kod için Base64 metnine ve veri URL'lerine çevirin veya Base64'ü tekrar görsel dosyasına çevirin. Ücretsiz ve gizlidir.
Bir görsel Base64'e nasıl dönüştürülür
- Görselden Base64'e yönünü seçin.
- Görsel seç'e basın ve bir veya daha fazla dosya seçin.
- Her biri için Base64'ü veya veri URL'sini kopyalayın. Özgün ve kodlanmış boyutlar gösterilir.
Base64 nasıl tekrar görsele dönüştürülür
- Base64'ten görsele yönünü seçin.
- Metni Base64 veya veri URL'si alanına yapıştırın.
- Önizlemeyi kontrol edin, sonra görseli indirin. Temizle kutuyu boşaltır.
Base64 neden üçte bir daha büyük
Base64 dosyanın her 3 baytını 4 düz metin karakteri olarak yazar, bu yüzden kodlanmış metin görselin kendisinden yaklaşık %33 daha büyüktür, ayrıca bir veri URL'si için kısa bir data:image/png;base64, öneki. Her görsel iki boyutu da gösterir, böylece yapıştırmadan önce maliyeti görebilirsiniz.
Bir veri URL'si ne zaman anlamlıdır
Gömme küçük şeyler için kullanışlıdır: simgeler, küçük arka planlar, e-posta imzaları, bir favicon veya çevrimdışı çalışması gereken tek dosya. Yaklaşık 10 KB'ın üzerindeki her şey için normal bir görsel dosyası genellikle daha iyidir: tarayıcı tarafından önbelleğe alınabilir, sayfayla paralel yüklenir ve HTML ile CSS'inizi küçük tutar. Büyük görseller bu konuda bir hatırlatma alır.
Base64 çözme
Tam bir veri URL'si, bir CSS url() satırı, bir img etiketi veya yalnızca Base64 metni yapıştırın. Boşluklar, satır sonları ve URL güvenli harfler - ve _ kabul edilir ve eksik dolgu eklenir. Tür etiketten değil dosyanın ilk baytlarından okunur, bu yüzden JPEG olarak yanlış etiketlenmiş bir PNG doğru uzantıyla inmeye devam eder. Metin geçerli Base64 değilse veya bir görsel değilse sade bir açıklama alırsınız.
Desteklenen dosyalar
PNG, JPG, WebP, GIF, SVG, ICO ve AVIF dahil tarayıcınızın açabildiği herhangi bir görsel.
İpuçları
- Görseli önce sıkıştırın veya yeniden boyutlandırın, çünkü Base64 onu büyütür.
- Büyük görselleri normal dosya olarak tutun ve onlara bağlantı verin.
- Simgeler için mümkünse SVG kullanın. Zaten metindir ve çoğu zaman bir PNG'den küçüktür.
- Kodlamadan önce bir görseli küçültmek için görseli boyuta sıkıştır'ı deneyin.
Yaygın kullanımlar
HTML e-postasına küçük bir logo gömme, bir simgeyi doğrudan bir stil sayfasına koyma, bir resmi JSON dosyasında saklama ve kodda bulduğunuz bir veri URL'sinden bir görseli kurtarma. Tam bir site simgesi seti için favicon oluşturucuya bakın.
Tasarımdan gizli
Görseller bu sayfada tarayıcınızda okunur ve dönüştürülür. Hiçbir şey yüklenmez ve dosyalar cihazınızdan hiç çıkmaz.
Sorular
Base64 şifreleme mi?
Hayır. Verileri metin olarak yazmanın bir yoludur. Herkes çözebilir.
Çözülen dosyanın uzantısı neden yanlış?
Olmamalı. Tür etiketten değil, dosyanın kendisinden okunur.
Base64 metni neden bu kadar uzun?
Her görsel metin olarak yaklaşık üçte bir büyür ve fotoğraflar zaten büyüktür.