Tada File

Resmi Data URI'ye Dönüştürme

Bir resmi, HTML src özniteliğine veya CSS url() değerine yapıştırmaya hazır eksiksiz bir data URI'ye dönüştürün.

Resmi Data URI'ye Dönüştürme aracı, bir resim dosyasını data URI'ye çevirir: hem dosya türünü hem de Base64 ile kodlanmış resmi içeren tek satırlık bir metin. Bunu doğrudan bir img src özniteliğine veya CSS url() değerine yapıştırabilirsiniz; resim ayrı bir dosya olmadan görüntülenir. Ön ekteki MIME türü dosyanızdan alınır ve resim baytları değiştirilmez.

Resmi Data URI'ye Dönüştürme nasıl kullanılır

  1. 1

    Bir resim açın

    Simge, logo veya küçük bir grafik gibi herhangi bir resim dosyasını bırakın, seçin ya da yapıştırın.

  2. 2

    Data URI'yi alın

    data:image/ ile başlayan eksiksiz data URI, uzunluğu ve yaklaşık boyutuyla birlikte görünür.

  3. 3

    Kopyalayın

    Data URI kopyala'ya tıklayın veya hazır bir kod için HTML kopyala ya da CSS kopyala'yı kullanın.

  4. 4

    Sayfanıza yapıştırın

    Normal bir resim URL'sinin çalıştığı her yerde kullanın; örneğin bir img etiketinde veya CSS arka planında.

Neler yapar

Doğru MIME türü
Ön ek dosyanıza uyar; örneğin image/png, image/jpeg veya image/svg+xml.
Orijinal baytlar
Dosya olduğu gibi kodlanır, bu yüzden kalite ve boyut yeniden sıkıştırmayla değişmez.
Kopyalamaya hazır kodlar
İçinde data URI bulunan eksiksiz bir img etiketi veya background-image kuralı alın.
Gizli
Data URI tarayıcınızda oluşturulur, bu yüzden resim yüklenmez.

Sorular

Data URI nedir?

Data URI, bir dosyaya işaret etmek yerine dosyanın kendisini içeren bir bağlantıdır. Resimler için data:image/png;base64, veya benzer bir ön ekle başlar ve tarayıcılar onu normal bir resim URL'si gibi gösterir.

CSS'te data URI'yi nasıl kullanırım?

Tam URI'nin url() içinde yer aldığı bir background-image kuralı almak için CSS kopyala'ya tıklayın ve stil dosyanıza yapıştırın.

Data URI'lerden ne zaman kaçınmalıyım?

Büyük resimlerde ve birçok sayfada kullanılan resimlerde kaçının. Kodlanmış metin dosyadan yaklaşık üçte bir daha büyüktür ve tarayıcı onu ayrı olarak önbelleğe alamaz.

Data URI resimleri e-postalarda çalışır mı?

Destek değişir. Bazı web posta hizmetleri dahil birçok e-posta programı data URI resimlerini göstermez; bu yüzden e-postanızı test edin veya internette barındırılan bir resim kullanın.

Hangi resim türleri destekleniyor?

Tarayıcınızın açabildiği her resim; örneğin JPG, PNG, GIF, WebP, AVIF ve SVG. iPhone HEIC fotoğrafları önce PNG'ye dönüştürülür, bu yüzden data URI'leri image/png kullanır.