S jakou velikostí monitorů počítat

26. 10. 2011 13:06:12

Zdravím,

mám otázku. Občas se setkávám s tím, že po mě někdo chce použít jako pazadí webu obrázek (v provedení viz. http://pc.hrej.cz/) pro jak velké monitory se vytváří ony obrázky na pozadí.

Používám většinou s fixovaným pozadí tudíž "stačí" obrázek, ale stále nevím jak velké mám schánět abych se vyhnul problémům s vetšími monitory.

Předem díky

26. 10. 2011 13:06:12

https://webtrh.cz/diskuse/s-jakou-velikosti-monitoru-pocitat/#reply691302

Miloslav Lešetický

(10 hodnocení)

26. 10. 2011 13:16:19

Ondra Z.

Rozptyl rozlišení monitorů používaných v současné době je impozantní, viz statistiky pro ČR http://rankings.cz/en/rankings/screen-resolutions.html. Požaduješ-li celoobrázkové pozadí, lze z problému vybruslit třeba tímto řešením: http://css-tricks.com/3458-perfect-full-page-background-image/

26. 10. 2011 13:16:19

https://webtrh.cz/diskuse/s-jakou-velikosti-monitoru-pocitat/#reply691301

ghostik

(21 hodnocení)

26. 10. 2011 13:17:58

pokud jde o podobne pozadi, tak ja bych pocital s 1920x1200 px, tak jak pocitaji na zminenem webu

pokud je to ale mozne a charakter obrazku to umozni, pak klidne i mensi a prejit do ztracena (do barvy pozadi webu)

26. 10. 2011 13:17:58

https://webtrh.cz/diskuse/s-jakou-velikosti-monitoru-pocitat/#reply691300

duben

(49 hodnocení)

26. 10. 2011 13:26:06

Dá se to dělat více cestami .

1) uděláš hooodně velký obrázek (zbytečné datové přenosy)

2) uděláš víc obrázků, detekuješ rozlišení a podle něj podsuneš pozadí

3) uděláš jednu velikost a obrázek na pozadí roztahuješ podle velikosti (poměrově dle stran). Tohle rešení používáme na webu http://inlinekurzy.cz/, můžeš se podívat jak to funguje.

Možná jsou ještě další varianty které neznám. Osobně mi nejvhodnější připadá varianta 3, rozlišení se různě mění, do toho se přidávají mobily, tablety ... takže ideální mi přijde mít 1 obrázek a podle rozlišení zařízení ho zobrazit (plné nebo částečně ořízlé z některé strany)

26. 10. 2011 13:26:06

https://webtrh.cz/diskuse/s-jakou-velikosti-monitoru-pocitat/#reply691299

Miloslav Lešetický

(10 hodnocení)

26. 10. 2011 13:33:05

duben

ad 2) detekce rozlišení je z praktického pohledu k ničemu, pokud už by ses vydal cestou nějaké detekce, pak je nutné zjišťovat velikost viewportu uživatele. To ale obecně není dobrá cesta - budoucnost webdesignu spíš půjde cestou responsive designu, viz http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

26. 10. 2011 13:33:05

https://webtrh.cz/diskuse/s-jakou-velikosti-monitoru-pocitat/#reply691298

duben

(49 hodnocení)

26. 10. 2011 14:00:03

Plaváček, no já to ani nedoporučoval, spíš jsem psal technické možnosti jak se to dá řešit. Podle mě je použitelná akorát varianta 3 a jak jí řešit je v tvém odkazu výše. Psal jsem to ještě když nebyla žádná reakce k tématu.

Dík za odkaz na responsive design, neznal jsem a přemýšlel jsem o nějakém řešení pro web + mobily a tohle je přesně ono.

26. 10. 2011 14:00:03

https://webtrh.cz/diskuse/s-jakou-velikosti-monitoru-pocitat/#reply691297

Václav Bedřich

(34 hodnocení)

1. 11. 2011 16:14:56

Genialita výrobců především notebooků s naprosto nesmyslným rozlišením, je nezlomná. A celkem mě začíná štvát, že se dnes prosazujou tak zvláštní rozměry, kdy na šířku je sice vše perfektní, ale na výšku člověk zachvilku nebude moct počítat ani se základními 600-800px :-D. Já osobně dělám většinou weby tak, že v návrhu jsou na šířku 1200px, tedy 960-980px čistý obsah a pak se buďˇroztahujou do nekonečna a nebo pokud je chci mít na fixní šířku, tak radši udělám full 1920 a nechám na kodérovi jak si s tím poradí, aby to jak na větších, tak menších rozliš. vypadalo slušně.

1. 11. 2011 16:14:56

https://webtrh.cz/diskuse/s-jakou-velikosti-monitoru-pocitat/#reply691296

Marek

(26 hodnocení)

1. 11. 2011 16:45:35

Jak píše Biggycz. Udělám 1920 px. Střed webu 960, 1000 nebo 1200. Záleží na velikosti obsahu. Nebo prostě co se zrovna hodí. Pokud je to full, tak 1920 a kodér si s tím poradí aby to vypadalo v pohodě při menších monitorech. :-)

Nicméně v dnešní době dělám automaticky jeden web i pro mobilní telefony.

1. 11. 2011 16:45:35

https://webtrh.cz/diskuse/s-jakou-velikosti-monitoru-pocitat/#reply691295

Václav Bedřich

(34 hodnocení)

1. 11. 2011 17:01:37

Já vidím, více než na klasických webech, problém v optimalizaci pro mobilní zařízení, protože těch je ještě mnohem větší množství a optimalizovat pro většinu z nich je kolikrát hodně problém, jelikož musíte počítat s nativním rozlišením starších telefonů, pak trošku atypickým u Iphonu, Samsungu a nakonec třeba s Ipadem a podobnými zařízeními. Tam se pak opravdu vyplatí udělat několik stylů a zkusit si pohrát s detekcí. Pokud mi na webu kousek chybí nebo je tam široká bílá plocha kolem, dobře přežiju to, ale jakmile musím na mobilu přejíždět kilometr prstem na stranu - to už mě nebaví.

1. 11. 2011 17:01:37

https://webtrh.cz/diskuse/s-jakou-velikosti-monitoru-pocitat/#reply691294

Pro odpověď se přihlašte.

Přihlásit