Kompatibilita WebP s iOS a mac OS?

Na stránce WebP image format | Can I use... Support tables for HTML5, CSS3, etc koukám, že WebP funguje na iPhonech teprve od iOS verze 14 (uvedeném v roce 2020) a na Macintoshích od verze mac OS 11 Big Sur (také uvedeném v roce 2020). V obou případech od Safari verze 14. Chtěl jsem se zeptat, do jaké míry se v reálu používají zastaralé verze Safari resp. zastaralé verze iOS / mac OS / iPadOS. Sám používám starší iPad mini ve verzi s GPS pro navigaci a jako čtečku e-knih, ale na web lezu spíše z iPhone s iOS 15, z testovacího Androidu s aktuálním verzí Chrome nebo z notebooku opět s aktuální verzí Chrome. Takže i když ten iPad mini není s WebP kompatibilní, v praxi mě to vlastně netrápí a nemusím to řešit. Prosím tedy o nápovědu, zda někdo máte v oblasti (ne)kompatibility WebP se staršími verzi Safari nějaká konkrétní data. Podle statistik ze StatCounter vypadá podíl zastarakých verzí Safari na iPhonech v Česku na jednotky procent: https://gs.statcounter.com/ios-version-market-share/mobile/czech-republic/#monthly-202112-202112-bar zatímco zastaralých verzí prohlížeče na iPadech je docela hodně: https://gs.statcounter.com/ios-version-market-share/tablet/czech-republic/#monthly-202112-202112-bar U desktopů je většina prohlížečů Safari kompatibilní s WebP: https://gs.statcounter.com/browser-version-partially-combined-market-share/desktop/czech-republic/#monthly-202112-202112-bar Je podíl zastaralých verzí Safari na iPhonech a na Macintoshích opravdu tak zanedbatelný? A má smysl řešit nezanedbatelný podíl zastaralých verzí Safari na iPadech?

Nedávno jsem to dostal omlácené o hlavu, že se klient při načtení úvodní stránky nemohl podívat na obrázky. Takže doporučuji webp zatím vynechat nebo skrz modernizr zjistit, jestli má prohlížeč podporu a podle toho jeden z formátů zobrazit/skrýt.

Použij normálně WebP a dej k němu fallback na jpeg. A nemusíš vůbec řešit nějaká procenta zastaralých a konkrétních modelů.

Napsal web4yall;1638546

Nedávno jsem to dostal omlácené o hlavu, že se klient při načtení úvodní stránky nemohl podívat na obrázky. Takže doporučuji webp zatím vynechat nebo skrz modernizr zjistit, jestli má prohlížeč podporu a podle toho jeden z formátů zobrazit/skrýt.

U některých webů tohle řeším pomocí CloudFlare Polish s podporou WebP (browser dostane WebP, pokud jej umí, jinak dostane původní JPG nebo PNG a obrázek má stále stejné URL): Please Wait... | Cloudflare Please Wait... | Cloudflare Ale u některý webů mi to neběží Modernizr je zajímavý, ale nefunguje s AMP a asi nefunguje jeho asynchronní načítání: javascript - Is it okay to async modernizr? - Stack Overflow Takže se bojím, že by to byl brzdič ---------- Post added 15.01.2022 at 22:08 ----------

Napsal Tomáš Maňhal;1638547

Použij normálně WebP a dej k němu fallback na jpeg. A nemusíš vůbec řešit nějaká procenta zastaralých a konkrétních modelů.

Ale fallback přes srcset nefunguje u tagů ani a koukám, že tag , který umí variantní formáty obrázků přes srcset, zvládá native lazy loading oklikou přes vložený :

https://stackoverflow.com/questions/24025464/lazy-loading-html5-picture-tag 

   

   

   

   

A tady to píše přímo Addy Osmani z Googlu:

Browser-level image lazy-loading for the web

Images that are defined using the 

 element can also be lazy-loaded:

 

 

---------- Post added 16.01.2022 at 00:37 ----------

A teď koukám, že ekvivalent alternativních formátů pomocí v HTML5 umí pomocí vnoření a atributu fallback:

Placeholders & fallbacks - amp.dev