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 |
|
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 |
| 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.