Görüntüden Base64'e Dönüştürücü
Tasarımdan gizli — tamamen tarayıcınızda çalışır
Herhangi bir görüntüyü tarayıcınızda HTML, CSS veya JSON'a satır içi olarak yerleştirmeye hazır bir Base64 veri URI'sine dönüştürün. Toova her yaygın biçimi işler, geçerli veri URI'leri oluşturur ve görüntünüzü hiçbir zaman yüklemez — küçük simgeler, e-posta şablonları ve bağımsız belgeler için kullanışlıdır.
Bir görüntüyü ne zaman satır içi yapmalı
Küçük görüntüler (birkaç KB altındaki simgeler), gidiş-dönüşü atladıkları için genellikle ayrı HTTP isteklerinden daha hızlı işlenir. E-posta şablonları görüntüleri sıklıkla satır içi yapar çünkü birçok posta istemcisi varsayılan olarak harici yüklemeyi engeller. Bağımsız HTML belgeleri (çevrimdışı kılavuzlar, indirilebilir raporlar) her şeyin tek bir dosyada olmasını gerektirir. Toova, herhangi bir görüntüyü src, background-image veya bir JSON alanına doğrudan yapıştırabileceğiniz bir Base64 veri URI'sine dönüştürür.
Biçim ve boyut değerlendirmeleri
Base64 kodlaması dosya boyutuna yaklaşık yüzde 33 ekler, dolayısıyla satır içi yapma yalnızca küçük görüntüler için kazançlıdır. Yaklaşık 5-10 KB'nin ötesinde, ayrı HTTP isteği genellikle şişirilmiş satır içi yükten daha hızlıdır. Toova orijinal boyutu, kodlanmış boyutu ve yüzde ek yükü yüzeye çıkarır, böylece karar verebilirsiniz. Her yaygın biçim (PNG, JPEG, SVG, WebP, GIF) desteklenir.
Yalnızca yerel
Görüntü tamamen tarayıcınızda okunur ve kodlanır. Dosya hiçbir zaman yüklenmez ve içeriğin günlüğü tutulmaz. Bu, görüntünün yayımlanmamış bir maket, müşteri fotoğrafı veya tescilli bir varlık olduğunda önemlidir. Ağ sekmesi kodlama sırasında boş kalır ve sayfa ilk yüklemeden sonra çevrimdışı çalışır.
Sıkça Sorulan Sorular
- Bir görüntüyü ne zaman satır içi yapmalıyım?
- Kıvrımın üzerinde görünen çok küçük görüntüler (birkaç KB altında) için satır içi yapma, ekstra HTTP isteğini önleyerek işlemeyi hızlandırabilir. Daha büyük görüntüler için kodlama ek yükü (yaklaşık yüzde 33) kaydedilen isteğin üzerinde çıkar.
- Hangi biçimler destekleniyor?
- PNG, JPEG, SVG, WebP, AVIF ve GIF. SVG özellikle iyi satır içi yapılır çünkü metin tabanlı kalır, dolayısıyla kodlama ek yükü minimumdur.
- Veri URI'si CSS'de kullanımı güvenli mi?
- Evet. url() içine veri URI'sinin kendisinin etrafında tırnak işaretleriyle sarın. Toova'nın ürettiği çıktı zaten URL açısından güvenlidir ve background-image, mask-image ve URL kabul eden herhangi bir özellikte doğrudan çalışır.
- Bir veri URI'sini tekrar görüntüye çözebilir miyim?
- Evet. Bir veri URI'si yapıştırın ve Toova onu indirmeye hazır orijinal görüntüye çözer. HTML veya CSS dosyalarından satır içi görüntüleri çıkarmak için kullanışlıdır.
- Görüntüm herhangi bir yere gönderiliyor mu?
- Hayır. Kodlama tamamen tarayıcınızda gerçekleşir.