Farklı tarayıcılarda webp görüntüleri

oy
2

Bir problemim var. Benim HTML sayfaları ben bir sürü var WebP kullanıyorum sadece görselleştirmek görüntülerin Google Chrome . Gibi diğer tarayıcılarla Mozilla , Explore veya Safari ben onları göremiyorum.

Bir çözüm var mı? Belki her resmin uzantısı değişikliği olmadan (bunlar bir sürü sebep)?

Teşekkürler

Oluştur 08/11/2018 saat 11:22
kaynak kullanıcı
Diğer dillerde...                            


1 cevaplar

oy
4

Desteklenen bir görüntü formatına çare gerekiyor.

En Aşağıda örnek kullanıyor <picture>elemanı ve <source>bir ile unsurlarını imgeleman yedeği. Tarayıcı içindeki varlıklarını yükleme deneyecek <picture>tüm (opsiyonel "koşullar memnun" kadar yukarıdan aşağıya doğru eleman sizesniteliği ve karmaşık srcsetaşağıdaki kodu olmayan) ve içerik biçimi desteklenir.

<picture>
  <source srcset="image.webp" type="image/webp">
  <source srcset="image.jpg" type="image/jpeg"> 
  <img src="image.jpg" alt="">
</picture>

görüntüler CSS'deki kullanıldığında:

Sen kullanabilirsiniz Modernizr en .no-webp dışı destek tarayıcıları hedeflemek ve bunun yerine olmayan bir webp formatını hizmet etmek sınıf adını:

.no-webp .elementWithBackgroundImage {
  background-image: url("image.jpg");
}

Bu makale kullanabileceğiniz faydalı bilgiler var


Tarayıcı WEBP desteği algılama - Google'dan bir kılavuz (WebP yaratıcısı)

Cevap 08/11/2018 saat 11:29
kaynak kullanıcı

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more