Dotaz: zjisteni podpory webp v prohlizeci

[mikirc]

Zdravim Chtel bych se zeptat zdali nekdo neresil problem jak jednoduse zjistit zda dany prohlizec podporuje format obrazku webp, rozhodovat se podle nazvu prohlizece mi neprijde moc vhodne reseni, jelikoz to podporuje chrome, opera, safari a pak spousta dalsich malych prohlizecu.

Odpovědi

[Max]

Jestli chceš seznam, tak wikina : Wikipedia - WebP ?
Pro IE pak doplněk : WebM Media Foundation Components for Microsoft Internet Explorer, ale nevím, co si všechno dává (je to doplněk pro webm, nevím, zda umí i webp).
Pokud seznam nestačí, tak co jiného? Jedině si to odzkoušet sám na jednoduché stránce, ne?
Zdar Max

[Max]

Nebo to chceš řešit programově? Tzn., nepoužívat "multiple source", ale detekovat podporu a v případě nepodpory informovat uživatele, aby použil něco jiného?
V takovém případě asi nejlépe pomocí js, ne?
Zdar Max

[mikirc]

Chci to udelat tak, ze pokud bude prohlizec podporovat webp budou se vsechny obrazky na webu nacitat ve webp formatu, v pripade nepodpory to bude jpeg nebo gif(pri pouziti pruhlednosti) Coz nevim jestli by to pomoci JS slo, nebot ja to potrebuji vedet driv nez se zacne rendrovat html kod.

[Grunt]

Coz nevim jestli by to pomoci JS slo, nebot ja to potrebuji vedet driv nez se zacne rendrovat html kod.

Jestli dopředu, tak to jedině pomocí JavaScriptu. Dokonce mám pocit že ho ten skript dovede dekódovat, no pokud ne, tak tenhle určitě.

Je to ovšem hodně buranské řešení. Lepší by bylo nabídnout více zdrojů a nech si prohlížeč dekóduje sám co zvládne. Ale nevím jak na tom webové standardy popř. prohlížeče s podporou něčeho takového jsou.

[Filip Jirsák]

Správné řešení podle HTTP standardu je podívat se na serveru do hlavičky Accept – pokud prohlížeč podporuje WebP, měl by při požadavku na obrázek v této hlavičce poslat příslušný MIME typ. Server se podle hlavičky rozhodne, zda poslat WebP nebo třeba JPG a k ostatním hlavičkám přidá Vary s hodnotou Accept, aby případné cache věděly, že odpověď závisí na hlavičce Accept a neposílaly na dotaz s jiným Accept nakešovanou odpověď.

To samozřejmě neřeší váš požadavek vědět to před tím, než začnete renderovat HTML – ale opravdu to takhle potřebujete? Pokud ano, šlo by to asi udělat jedině tak, že stáhnete nějakou úvodní stránku, která načte testovací obrázek, server výše uvedeným způsobem zjistí podporu WebP a poznamená si to do cookie, případně si to poznamená klientský JavaScript, a pak dojde k přesměrování na tu správnou stránku. Ale je to zbytečně komplikované řešení.

[Grunt]

Accept: */*

[mikirc]

PS: ten seznam je pekny, ale po otestovani treba opera to podporuje jen na PC, pak Opera Beta, ktera ma ale jadro applewebkit a hlasi se jako chrome, ale opera mobile a mini to nezobrazi.