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
Begivenhedskort
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. Billeder skal være png eller jpg og må højst fylde 10 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 | På hjemmesiden eller i en mappe for at repræsentere et projekt | 1400 × 1050 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 | 2400 × 600px | 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 |
| 2:1 | |
Begivenhedskort i et projekt | Vises i bunden af dine projektsider | 1800 × 600px | 3:1 | |
Forslag til kort | Hovedbilledet vises på listen sammen med alle andre forslag.
| 1000x500px | 2:1 | |
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 | ||
Begivenhedskort | Nederst på projektsiderne OG i fanen Begivenheder på navigationslinjen | 1800 × 600px | 3:1 |
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.
7. Vedhæftede filer
En vedhæftet fil må ikke overstige 50 MB pr. vedhæftet fil. Du kan vedhæfte så mange vedhæftede filer på 50 MB, som du ønsker.
8. Ændre størrelse på billeder
Mens du kan ændre størrelsen på billeder i de normale testbokse på platformen ved at klikke og trække yderpunkterne op og ned for at ændre størrelsen, er det ikke muligt at redigere størrelsen på billedet på den måde, så snart du er inde i indholdsbyggeren (projektbeskrivelse, rapport, hjemmesidebygger ...). Billedet vil følge den størrelse, du uploader det som.
Der er et trick, du kan bruge, hvis du har brug for at ændre størrelsen på et billede i indholdsbyggeren. Du kan bruge kolonner i kolonner for at gøre billedet mindre:
Har du brug for mere hjælp eller støtte? Kontakt vores supportteam via chatboblen.