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

Témata článku: Technologie, Web, Programování, Chrome, Firefox, Images, Maly, Cesta, Obrázek, Výchozí stav, CES

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

Jak se dostat do Windows, když neznáte heslo nebo nejste administrátor

Jak se dostat do Windows, když neznáte heslo nebo nejste administrátor

** S instalačním diskem Windows a znalostí pár příkazů odemknete téměř každý počítač s Windows. ** Poradíme i jak se tomu bránit

24.  7.  2017 | Tomáš Holčík | 37

Nový solární článek dokáže zachytit téměř veškerou energii světelného spektra ze Slunce

Nový solární článek dokáže zachytit téměř veškerou energii světelného spektra ze Slunce

** Vědci vytvořili nový typ solárního článku, který se pyšní neuvěřitelnou efektivitou ** Speciální trojrozměrná struktura dokáže zachytit téměř všechny vlnové délky světla ze Slunce ** Systém solárního článku využívá koncentrátorových čoček pro světlo

22.  7.  2017 | Karel Javůrek | 20

Další důkaz o existenci Planety 9

Další důkaz o existenci Planety 9

21.  7.  2017 | Jiří Černý | 5

Prolomí tanec tří mrtvých hvězd teorii relativity?

Prolomí tanec tří mrtvých hvězd teorii relativity?

** Einsteinova obecná teorie relativity je jedním z hlavních pilířů dnešní fyziky ** To ale vědcům nebrání, aby se ji neustále nepokoušeli sesadit z trůnu ** Tentokrát k jejímu testování využili systém pulzaru PSR J0337+1715

Včera | Stanislav Mihulka

Konec kabelové změti na stole i za ním. Tyhle doplňky vám ji pomohou zkrotit

Konec kabelové změti na stole i za ním. Tyhle doplňky vám ji pomohou zkrotit

** Vybrali jsme doplňky pro organizaci kabelů či nabíječek ** Často používané kabely lze zavěsit na magnetický držák ** Pro opletení kabelů se bude hodit husí krk i textilní rukávy

25.  7.  2017 | Stanislav Janů | 23


Aktuální číslo časopisu Computer

Test 11 telefonů do 6 000 Kč

Postavte si a přetaktujte počítač

Srovnali jsme 7 sportovních kamer

Která zaměstnání nahradí roboti?