Billeder

Her findes en oversigt over de billedformater i skal anvende på jeres site, samt gode råd til hvordan stockfotos anvendes.

Billedformat

Gennemgående på jeres website bruges billeder i 16 9 format. Dette format er 1920 x 1080 pixels, alternativt 1024 x 576 pixels hvis det ikke haves i højere opløsning. Når alle billedstørrelser er samme format, vil eksempelvis en række af multi bokse flugte med hinanden som vist i eksemplet forneden 

Fusce Lorem Ultricies

Donec ullamcorper nulla non metus auctor fringilla. Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

Fusce Lorem Ultricies

Donec ullamcorper nulla non metus auctor fringilla. Sed posuere consectetur est at lobortis. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

Mollis Consectetur Etiam Euismod

Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Eksempel på forkert brug af billedstørrelser

Hvis i derimod ikke er konsekvente omkring brugen af 16 9 formater, vil det skabe et mere rodet udtryk på siden, som vist forneden.

Tellus Tortor Etiam Ipsum Fringilla

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo.

Commodo Adipiscing Porta Ultricies Sit

Donec id elit non mi porta gravida at eget metus. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.

Bibendum Etiam Elit

Nulla vitae elit libero, a pharetra augue. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Kvadrater og Hero modulet

Jerse site gør brug af Hero modulet i en Split Box variant, som vist i eksemplet forneden. Billedet i en Split Box vises kvadratisk, men teknisk set er der stadigvæk her tale om et 16:9 billede, hvor kun venstre side af billedet er synligt. Derfor kan man med fordel redigere billedet, så den del man gerne vil have vist i boksen står til venstre (eller højre, hvis dette er valgt i modulet).

Magna Parturient Fringilla

Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

OBS!

Det er vigtigt, at der ikke bruges et kvadrat eller et billede, hvor kun halvdelen er synligt i Hero modulet, da billedet vil skalere anderledes i mobil, som vist på billedet.

Billedstil

Billeder der benyttes på sitet skal være troværdige, virkelighedsnære og billeder og høj kvalitet. Reglen er hellere færre billeder af høj kvalitet end mange billeder der variere for meget i udtryk og kvalitet. Der kan med fordel anvendes billeder fra billedebanken unsplash.com, da billederne her som hovedregel passer godt ind i stil og tone og har et nogenlunde ensartet udtryk.

Undgå generiske stockbilleder

Her ses et par eksempler på, hvilke stilarter I ikke skal bruge. Undgå generiske stockbilleder, symbolbilleder og billeder der generelt virker distanceret for brugeren. Forneden er eksempler fra billedbanken Colourbox vist, med typisk generiske stockbilleder.