gistfile1.md

Ohjeita

Jos haluatte, että kuvat näyttävät tarkoilta isoilla Retina-näytöillä (esim. Retina Macbook Pro), käyttäkää alla suluissa olevia Retina-kokoja ja alentakaa kuvan JPG-qualityä reilusti. Tätä kutsutaan "compressive images" -tekniikaksi. Lisätietoja: http://blog.netvlies.nl/design-interactie/retina-revolution/

Jos teitä ei haittaa kuvien suttuisuus isoilla Retina-näytöillä, käyttäkää alla listattuja normaaleja kokoja. Tämä nopeuttaa sivun latautumista ja vähentää sen kaatumisen todennäköisyyttä alitehoisilla laitteilla (esim. iPad 1).

Kuvien koot

Kuvien DPI:n tulisi aina olla 72. Tämä pätee myös Retina-kuviin.

Intro: slaiderin jättikuvat

• kuva skaalautuu automaattisesti peittämään koko näytön, joten ei ole mitään tiettyä oikeaa kokoa
• suositeltu leveys ~1920 px (Retina: sama)
• suositeltu korkeus ~1080 px (Retina: sama)
• kuvasta tulee iso, joten JPG-quality kannattaa pitää mahdollisimman alhaalla

Myy: keissien kuvat

• leveys 380 px (Retina: 760 px)
• korkeus vapaa

Myy: ihmisten kuvat

• leveys 300 px (Retina: 600 px)
• korkeus vapaa

Inspiraatio: iso blogipostin kuva

• leveys 360 px (Retina: 720 px)
• korkeus vapaa

Inspiraatio: blogipostin thumbnaili

• generoidaan automaattisesti isosta blogipostin kuvasta
• leveys 236 px (Retina: 472 px)
• korkeus 160 px (Retina: 320 px)

Myymälä: tuotekuvat slaideriin

• leveys 370 px (Retina: 740 px)
• korkeus vapaa