Billedformater

Bliv klogere på, hvilke billedformater I skal bruge på jeres hjemmeside.

Brug billeder med omtanke

Billeder kan være gode til gøre en ellers teksttung og ensartet side visuel, og mere spændende for læseren. Men pas på med, at "gå amok" i billeder: Brug kun billeder, når det er relevant for indholdet, eller en enkelt gang eller to som dekorative elementer, hvis en side har brug for et "pift".

Husk også at give billeder ALT-tekster til skærmlæsere, eller markere dem som dekorative:

Læs mere om dette i afsnittet om tilgængelighed

Læs om om brug af mediebiblioteket

16:9 formatet

Et af de mest populære billedformater på nettet er det såkaldte 16:9 format. Dette format anbefaler vi, at I bruger i alle jeres moduler. Dette gælder både ved brug af multi box, hero, kontaktmodul mm. 

Når du vælger et billede i GoBasic, kan du automatisk beskære billedet til 16:9 format, som vist her:

Når det samme format bruges på tværs af hele siden sikrer I, at der er et ensartet udtryk og en rød tråd gennem designet.

I undgår også billeder med forskellige højder, som vist på disse tekstbokse:

 

Purus Sollicitudin Cursus

Curabitur blandit tempus porttitor. Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Purus Sollicitudin Cursus

Curabitur blandit tempus porttitor. Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Purus Sollicitudin Cursus

Curabitur blandit tempus porttitor. Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

 

Hvis I derimod beskærer billederne i 16:9 format i GoBasic som vist i ovenstående eksempel, vil billederne være lige høje:

 

Purus Sollicitudin Cursus

Curabitur blandit tempus porttitor. Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Purus Sollicitudin Cursus

Curabitur blandit tempus porttitor. Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Purus Sollicitudin Cursus

Curabitur blandit tempus porttitor. Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Størrelse på billedfiler

Undgå at uploade kæmpestore billedfiler som fylder flere MB, især når de bruges til mindre tekstbokse som billederne i ovenstående eksempel. En god tommelfingerregel til billeder som disse, er maksimalt at holde filstørrelsen til 100 KB. 

Hvis I derimod indsætter et Hero modul er det godt givet ud, at have et billede i lidt bedre kvalitet, da disse moduler ofte har en stor størrelse.

Her ses et eksempel på et Hero modul, med et billede i lav opløsning:

 

Mattis Consectetur Etiam

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Curabitur blandit tempus porttitor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

 

Her er det altså godt givet ud, at bruge billeder i høj kvalitet, som vist her:

 

Mattis Consectetur Etiam

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Curabitur blandit tempus porttitor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Valg af kvalitet i GoBasic

I har også mulighed for at justere billedkvaliteten i GoBasic. Dette ændrer ikke på billedfilens oprindelige størrelse, men derimod størrelsen på det billede, der bliver vist på siden, når brugeren åbner siden.

Det kan derfor være en god idé at vælge en lidt lavere kvalitet på større billeder, hvis I oplever, at særlige billeder loader langsomt på siden: