Chrome 38 a Firefox 33 otevírají cestu k responzivním obrázkům

Chrome 38 a Firefox 33 otevírají cestu k responzivním obrázkům

Testovací verze Chromu už ve výchozím stavu podporuje nový HTML tag <picture>, který umožňuje autorovi stránek nastavit, jaký obrázek se má použít pro adekvátní rozlišení displeje, respektive velikost zobrazovací plochy.

Vyjma Chromu dnes <picture> nabízí ještě Firefox 33, funkce je ale ve výchozím stavu zablokovaná. Povolit ji můžete v konfiguraci about:config a klíči dom.image.picture.enabled.

K čemu je dnes vlastně <picture> dobrý? Snaží se jej prosadit zejména RICG – Responsive Images Community Group. Responzivní obrázky na webu by se měly chovat jako současný responzivní design mnoha webů, který se přestaví dle velikosti zobrazovací plochy, aniž by vývojář musel připravovat dvě samostatné verze – jednu pro mobil a druhou pro velký monitor.

Pomocí tagu <picture> lze tedy určit, aby se na ploše o určité šířce načítal obrázek maly.png, zatímco na velkém ploše notebooku a monitoru desktopu třeba velky.png.

Autoři dalších prohlížečů podporu technologie zatím zvažují.

Diskuze (62) Další článek: Češi vyhráli tendr pro Galileo, obstarají softwarový vývoj

Témata článku: Technologie, Web, Programování, Chrome, Firefox, Maly, Výchozí stav, Cesta, Chrom, Obrázek, Adekvátní rozlišení, CES, Images, Autor stránek


Určitě si přečtěte


Aktuální číslo časopisu Computer

Jak vytvořit a spravovat vlastní web

Velký test herních klávesnic a DVB-T2 tunerů

Vše o formátu RAW

Vybíráme nejlepší základní desku