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í.

Témata článku: Technologie, Web, Programování, Chrome, Firefox, Maly, Images

62 komentářů

Nejnovější komentáře

  • David Šimáně 4. 9. 2014 12:39:25
    Třeba by se to hodilo na mapy.cz, kde nemusela být mapa čr o rozměrech 4...
  • daewoo 3. 9. 2014 13:18:35
    ...a tak jsem zatípnul slzu nad starým atributem lowsrc...
  • PM 2. 9. 2014 19:07:55
    Čípku, ty toho o responsivních webech moc nevíš, když píšeš takový...
Určitě si přečtěte

Nebuďte jako Emma Watson. Poradíme, jak nepřijít o hanbaté fotky

Nebuďte jako Emma Watson. Poradíme, jak nepřijít o hanbaté fotky

** Pokud už choulostivé snímky vyfotíte, dbejte na jejich zabezpečení ** Útočníci je nejčastěji získají z cloudového úložiště ** Pozor si dejte i na phishing a řádné zabezpečení telefonu

25.  3.  2017 | Stanislav Janů | 55

Aktualizační nástroj Microsoftu nabízí přechod na Creators Update. Funguje to! [Aktualizováno: už ne]

Aktualizační nástroj Microsoftu nabízí přechod na Creators Update. Funguje to! [Aktualizováno: už ne]

** Aktualizace Creators Update pro Windows 10 ještě nebyla oficiálně uvolněna ** Už ale existuje způsob, jak jí ze serverů Microsoftu dostat ** Úspěšně jsme to vyzkoušeli

28.  3.  2017 | Jakub Čížek | 69

Facebook chce odříznout Google od hlavního zdroje příjmů

Facebook chce odříznout Google od hlavního zdroje příjmů

** Facebook otevřel vlastní reklamní síť dalším hráčům ** Snaží se prosadit efektivnější spojení mezi vydavatelem a inzerentem ** Weby mohou dosáhnout zvýšení příjmů z reklamy až o 30 %

27.  3.  2017 | Karel Javůrek | 12


Aktuální číslo časopisu Computer

První test AMD Ryzen

Velké testy: 22 powerbank a 8 bezdrátových setů

Radíme s koupí Wi-Fi routeru

Co dokáží inteligentní domy?