Spring videre til hovedindholdet
Alle samlingerOpsætning af jeres platform
Hvad er de anbefalede dimensioner og størrelser på platformsbillederne?
Hvad er de anbefalede dimensioner og størrelser på platformsbillederne?

Alt, hvad du behøver at vide om billedstørrelser, dimensioner og visning. Find også nogle gode og mindre gode eksempler.

Joost Vandenbroele avatar
Skrevet af Joost Vandenbroele
Opdateret for over 6 måneder siden

Der er flere steder, hvor du kan tilpasse din platform med billeder (billeder eller designet grafik) for at gøre din platform mere engagerende og kommunikere det rigtige look and feel. Her er de nøjagtige retningslinjer for hver billedtype for at sikre, at dine billeder beskæres korrekt og ikke ser uskarpe ud.


1. Typer af billeder på din platform

Et billede kan være et simpelt billede eller et designet visuelt eller grafisk element. Dette er de forskellige typer billeder, som du kan bygge ind i din platform og dine projekter:

  • Banner til hjemmesiden

  • Projekt/mappekort

  • Projekt/mappe-banner

  • Input (idé) kort

  • Logo

  • Billeder i teksten

  • Forslag

2. Billedstørrelser

For at undgå pixelerede billeder skal du altid sørge for, at dit billede er tungt nok, dvs. det skal have en opløsning (dpi) på mindst 72dpi. Billederne skal være i png eller jpg og må højst fylde 5 MB.

* dpi, eller dots per inch, er et mål for opløsningen af et billede. Jo højere punkttætheden er, desto højere er billedets opløsning.

3. Billeddimensioner, -forhold og -responsivitet

De anbefalede dimensioner er forskellige fra billedtype til billedtype. Det er vigtigt at bemærke, at billeder vises forskelligt afhængigt af den enhed, du bruger til at besøge platformen. Se punkt 4 for anbefalinger til display.

Denne tabel skitserer de foreslåede dimensioner og forhold pr. billedtype. Billedoverførselsværktøjet hjælper dig med at beskære ethvert billede til det rigtige forhold til enhver tid.

Billedtype

Vist hvor?

Dimensioner

Forhold


Mobilforhold

Banner til hjemmesiden

Kan være et banner i fuld bredde eller 1 række eller kolonne, baseret på dine indstillinger.

1440 x 480 px

3:1

Kan vises som ca. 1:1 på mobiltelefoner.

Projekt/mappekort

- Firkantet

På hjemmesiden eller i en mappe for at repræsentere et projekt

500 x 500 px

4:3

Vil også blive vist som 4:3 på mobiltelefoner

Projekt/mappe-banner

Vises øverst på siden med dit projekt eller din projektmappe

1440 x360px

4:1

Kan vises som ca. 3:1 på mobiltelefoner.

Input (idé) kort

Vises oven på input (idé e.a) eller i inputoversigten



575 x 574 px

1:1

Kan vises som ca. 2:1 eller 3:1 på mobiltelefoner.

Webstedets logo

Øverst til venstre i navigationsmenuen

Minimumshøjde 45 px; ingen minimums- eller maksimumsbredde

Begivenhedskort i et projekt

Vises i bunden af dine projektsider

ingen tvungne billeddimensioner anvendt

(anbefalet 3:1 ratio classic til bannere)

Forslag til kort

Hovedbilledet vises på listen sammen med alle andre forslag.


1000x500px

Billede i tekst

i projekt-/fasebeskrivelser eller undersøgelsesspørgsmål

Billedtitler er obligatoriske af hensyn til tilgængeligheden

kan ændres i størrelse i teksten

Din platform er responsiv. Det betyder, at billederne vises forskelligt afhængigt af skærmtypen (desktop, tablet, mobiltelefon). Vi anbefaler derfor, at du ikke har tekst eller info på billedet, men kun bruger dekorative billeder.

  • Hvorfor anbefaler vi, at man ikke har tekst eller info på billeder?

Det er ikke kun bedre for tilgængeligheden og læsbarheden, men al tekst vil sandsynligvis blive beskåret i forskellige browserstørrelser. Tænk på, at dine billeder skal give visuel interesse snarere end kritisk indhold - du kan bruge titel- og beskrivelsesfelterne til at formidle skriftlig information og tilføje yderligere billeder til dine projekt- og mappebeskrivelser, hvis du gerne vil give flere oplysninger til dine besøgende på platformen.

4. Visning af billede i hjemmesidens banner (+eksempler)

Til startsidebanneret kan du vælge mellem 3 muligheder: "Fuld bredde", "To rækker" eller "Fast forhold".

For alle 3 layoutmuligheder er det vigtigt at vælge et billede, der helst ikke har tekst eller info på.

For hver billedtype er der en anden opførsel for at sikre, at platformen fungerer godt på alle enheder. Den "sikre zone" er det område, der vises hele tiden.

Banner i fuld bredde

Banneret i fuld bredde giver den bedste visuelle effekt, men ændrer størrelsen på & afgrøder mest. Brug kun dette med abstrakte billeder.

Banner med to rækker

Dette banner er især nyttigt med billeder, der ikke fungerer godt med tekst fra titel, undertekst eller knap. Disse elementer vil blive skubbet ind under banneret.

Banner med fast ratio

Banneret med fast ratio bevarer hele tiden sin højde og det meste af sin bredde. Dette er en god bannertype, hvis du ønsker, at billedets hovedområde skal være synligt hele tiden.

Det anbefalede forhold for et fixed-ratio banner er 3:1. Dette billede beskæres altid til et bestemt forhold for at sikre, at alle vigtige aspekter vises på alle tidspunkter. Hvis du uploader et billede, der ikke allerede har et 3:1-forhold, kan du trække billedet op og ned for at sikre, at de vigtige dele vises i det faste område.

5. Visning af billeder i projekter

I et projekt er der tre steder, hvor du kan tilføje billeder: Projekt/mappekort, Projekt/mappebanner og et Input (idé)-kort.

Når du uploader et billede, der skal bruges som projekt-/mappekort eller projekt-/mappebanner, kan du trække i billedet og vælge, hvilken del af billedet der altid skal være synlig. Gitteret viser, hvad der altid vil være synligt, og den vage del af billedet vil blive skåret væk. Når du uploader et billede, der allerede har de rigtige dimensioner, kan du ikke trække billedet rundt.

Idékort vises altid i et 4:3-forhold. Her er der ingen mulighed for at trække billedet i gitteret.

6. At finde et godt billede

💡 Har du svært ved at finde et godt billede? Copyright-frie billedgallerier som Pexels og Unsplash eller Burst kan ofte være et godt udgangspunkt for at finde flotte billeder i god kvalitet.



Har du brug for mere hjælp eller støtte? Kontakt vores supportteam via chatboblen.

Besvarede dette dit spørgsmål?