Retina
- Trådstarter kongen
- Startdato
Dag Frogner
Supermedlem
Jepp. Filene må være 200x200 om originalen er 100x100.
knippsen
Medlem
Litt off topic, men litt innafor også: Det er sikkert noen som følger John Chow. Han hadde en interessant bloggpost om retinaskjerm her om dagen:
15 Inch Macbook Pro with Retina Display – My New Blogging Notebook
15 Inch Macbook Pro with Retina Display – My New Blogging Notebook
kongen
kongemedlem
Så hvis en bildefil er 500 x 250 px så blir koden slik?
Når rammen er definert som 4px, blir det 4px på retina da, og ikke 2px?
Hva hvis en bildefil er 250 x 125 px og høyde og bredde ikke er definert slik som i koden over, vil da bildet vises normalt på retina eller vil det vise 125 x 62 px og ødelegge resten av designet?
HTML:
<img src="stortbilde.jpg" style="width:250px; height:125px; border-width:4px" />Når rammen er definert som 4px, blir det 4px på retina da, og ikke 2px?
Hva hvis en bildefil er 250 x 125 px og høyde og bredde ikke er definert slik som i koden over, vil da bildet vises normalt på retina eller vil det vise 125 x 62 px og ødelegge resten av designet?
Dette vil nok fungere. Men vil heller anbefale å sette inn bildet på 250px x 125px (Skalering av bilder i html er ikke bra) og så bruker du heller javascript til å sjekke om brukeren har retina. Viss brukeren har retina, sett inn retinabilde.
For på en vanlig skjerm er det ingen grunn til å laste inn et dobbelt så stort bilde
Det er jeg faktisk litt usikker på. Hva med å bare prøve det? Så finner du kjapt ut av det
TorsteinO
Art Director & grunder
Det som faktisk har noe å si på skjerm, helt generelt, er hvor mange PIXLER høyt og bredt et bilde er. Hva du setter av punkter pr tomme har bare noe å si for print. For for å få utbytte av oppløsningen på en retinaskjerm så må bildet være dobbelt så høyt og dobbelt så bredt som "vanlig", I ANTALL PIXLER.
Om du lagrer bildet i 50000dpi, og det er 100px bredt, så vil det fremdeles vises som 100px på skjermen. Hvis du derimot skriver det ut, så vil det bli bittelite om det bare er 100px og du har satt 50000dpi. Om du setter dpi til 100 og det er 100px bredt, så vil det bli 100px bredt på skjermen, og 1 tomme bred ved utskrift.
Om du lagrer bildet i 50000dpi, og det er 100px bredt, så vil det fremdeles vises som 100px på skjermen. Hvis du derimot skriver det ut, så vil det bli bittelite om det bare er 100px og du har satt 50000dpi. Om du setter dpi til 100 og det er 100px bredt, så vil det bli 100px bredt på skjermen, og 1 tomme bred ved utskrift.
kongen
kongemedlem
Så jeg skal fortsette å bruke 72 dpi og bare doble størrelsen på bildene da? For så å skalere ned bildestørrelsen med css slik at også vanlige skjermer viser korrekt størrelse?
Hva hvis jeg gir en lang balle i hele retina og lager alle bildefilene i normal størrelse, vil bildene bli litt utydelig på retinaskjermene da, eller vil bildene få like god tydlighet som en vanlig skjerm.
Hva hvis jeg gir en lang balle i hele retina og lager alle bildefilene i normal størrelse, vil bildene bli litt utydelig på retinaskjermene da, eller vil bildene få like god tydlighet som en vanlig skjerm.
