Grafisk manual: Bilder
Detta är Nordens Fotoskolas design och stilguide för hemsidan 2020.
Bildstorlekar
Grid 17
12/17: 950px
10/17: 790px
8/17: 630px
6/17: 480px
5/17: 390px
Bild i brödtext
480px på bredd eller höjd. Bilder på iPad – 390px.
Bildtext: Roboto Mono – 14px (kursiv, vikt 500 och vänsterställd).
Bildstorlekar
WordPress
Miniatyrstorlek: 490px / 390px
Mediumstorlek: 995px / 950px
Stor storlek: 1340px / 1080px
Generella rekommendationer
Full width slideshows: 2560px
Lightbox view: 1500px / 1200px
JPEG-kvalite: 60-70. Bilden bör inte väga mer än 500kb.
Metadata
Bildbeskrivning: Fältet ”Description” i IPTC hamnar i ”Bildtext” i WordPress.
Namngivning: Döp alltid bildfilen till något som beskriver bilden och som sökmotorer begriper. Begränsa dig till 3-5 ord. T.ex: bla-himmel-vita-med-moln.jpg
Alt-tag: Skriv alltid in alt-text till bilderna. Beskriv bilden noga och specifikt med tanke på de som inte kan se bilden. Max 125 tecken. Få gärna med sidans nyckelord i texten.
Bild, helsida
<— 1340px —>
4/17 - 26,47%
<— 390px —> <— 950px —>
Marginal: höger -5
4/17 - 26,47%
Bild i brödtext – liggande
<— 480px på bredden —>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris leo metus, scelerisque ac velit in, vestibulum posuere mi. Maecenas euismod erat non massa egestas, non finibus odio consequat. Morbi commodo finibus urna aliquam accumsan. Nunc nec blandit risus.
Praesent ullamcorper urna at felis dapibus suscipit. Vestibulum porttitor sit amet lectus a rhoncus. Nullam quis lorem accumsan, viverra nunc ut, efficitur velit. Duis in metus ullamcorper mi rhoncus aliquam. Maecenas dignissim nisi at feugiat ornare. Cras eleifend auctor eros eget pharetra. Sed luctus vehicula molestie.
4/17 - 26,47%
Bild i brödtext – stående
<— 480px på höjden —>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris leo metus, scelerisque ac velit in, vestibulum posuere mi. Maecenas euismod erat non massa egestas, non finibus odio consequat. Morbi commodo finibus urna aliquam accumsan. Nunc nec blandit risus.
Praesent ullamcorper urna at felis dapibus suscipit. Vestibulum porttitor sit amet lectus a rhoncus. Nullam quis lorem accumsan, viverra nunc ut, efficitur velit. Duis in metus ullamcorper mi rhoncus aliquam. Maecenas dignissim nisi at feugiat ornare. Cras eleifend auctor eros eget pharetra. Sed luctus vehicula molestie.
6/17 - 38,24%
<— 550px —> <— 790px —>
Marginal: höger -5
3/17 - 22,84%
<— 300px —> <— 480px —>
6/17 - 38,24%
<— 480px —>
Marginal: 0
6/17 - 38,24%
<— 480px —>
Marginal: höger -10
Tvåspalt 8/17 - 50%
<— 630px —>
Marginal: 0
Tvåspalt 8/17 - 49,66%
<— 630px —>
Marginal: 0
Trespalt 5/17 - 32,35%
<— 390px —>
Marginal: 0
Trespalt 5/17 - 34,63%
<— 390px —>
Marginal: 0
Trespalt 5/17 - 32,35%
<— 390px —>
Marginal: 0