Geliştirici / Kodlama

Data URI Oluşturucu

Her dosyayı, doğrudan yapıştırmaya hazır CSS ve HTML parçacıklarıyla birlikte data URI'ye dönüştürün; SVG için daha küçük URL kodlamalı seçeneği ve kodlanan dosyanın ne kadar büyüdüğünü görün.

Data URI Oluşturucu: Bir data URI (RFC 2397), ayrı bir istek gönderilmesini önlemek için dosyanın içeriğini doğrudan bir bağlantıya veya stil sayfasına yerleştirir. Base64 kodlaması her 3 baytı 4 karaktere dönüştürür; bu nedenle dosyalar yaklaşık üçte bir oranında büyür. Metin tabanlı SVG ise bunun yerine yüzde kodlamasıyla kodlanabilir; bu yöntemde yalnızca %, #, < ve > gibi karakterler dönüştürülür ve sonuç genellikle daha küçük olur. Sunucuya hiçbir dosya yüklenmeden tarayıcınızda %100 yerel olarak çalışır.

Kategori: Geliştirici araçları
Çalıştırma sayısı: Tarayıcınızda
Maliyet: Ücretsiz · kayıt gerekmez
Kullanılabilirlik: Kullanıma hazır

Data URI oluşturucuYerel işleme

Tamamen tarayıcınızda çalışır

Dosya seçin veya bırakın

Dosya tarayıcınızda okunur ve hiçbir zaman yüklenmez.

Data URI'lerin çalıştığı yerler

Data URI'ler img src, CSS url(), simgeler için link href ve indirme bağlantılarında çalışır. Tarayıcılar sayfaların bir data URI'yi üst düzey sayfa olarak açmasını engeller; katı bir Content Security Policy, bunları kullanan görseller veya stiller için data:'ya izin vermelidir.

Dosyalar yerine metni kodlamak için Base64 encoder; hazır bir Base64 dizesine sahip görseller için image to Base64 aracını kullanın.

Boyut ek yükü

Base64 dosya boyutuna üçte bir ekler, ancak sunucudaki metin sıkıştırması (gzip veya Brotli) bu farkın büyük bölümünü geri kazandırır; kodlanmış metin iyi sıkışır. Asıl maliyet, verinin ayrı olarak önbelleğe alınamaması ve onu içeren her sayfa veya stil sayfasıyla yeniden indirilmesidir.

Nasıl kullanılır?

Bir dosya seçin veya sürükleyip bırakın; görseller önizlenir.
SVG dosyaları için URL kodlamasını veya Base64 kodlamasını seçin.
Data URI'yi, CSS parçacığını ya da HTML parçacığını kopyalayın.

Gizlilik ve sınırlamalar

Dosya tarayıcınızda okunur ve hiçbir zaman yüklenmez.

İlgili araçlar

Sık sorulan sorular

Data URI'yi ne zaman kullanmalıyım?

Birkaç kilobaytın altındaki simgeler gibi bir kez kullanılan küçük dosyalar için kullanın. Daha büyük dosyaları ayrı sunmak daha uygundur; böylece tarayıcı bunları önbelleğe alabilir ve paralel olarak yükleyebilir.

SVG için neden URL kodlaması kullanılmalı?

SVG'nin okunabilir kalmasını sağlar ve genellikle Base64'ten daha küçüktür. Çift tırnaklar tek tırnaklara dönüştürülür; böylece sonuç url("…") içine veya bir HTML özniteliğine sığar.

Boyut sınırı var mı?

Modern tarayıcılar görsellerde ve stil sayfalarında çok sayıda megabayt boyutundaki data URI'leri kabul eder; ancak büyük URI'ler ayrıştırmayı yavaşlatır ve sayfaları ağırlaştırır.

Ücretsiz araç · tarayıcınızda kez çalıştırma · hesap gerekmez