Gode billeder gør en forenings-hjemmeside levende. Her er, hvad du skal vide, før du lægger dem op.
Brug jeres egne billeder — lovligt
Brug helst rigtige billeder fra foreningens egne aktiviteter frem for opstillede modelfotos. Det virker mere ægte.
Tag aldrig et tilfældigt billede fra Google — det er næsten altid beskyttet af ophavsret. Mangler I billeder, kan I hente gratis, lovlige fotos på Unsplash eller Pexels.
Må billedet offentliggøres?
Kort om det — men spørg i tvivl, for foreningen er selv ansvarlig:
- Situationsbilleder (stemning til et arrangement, et holdfoto på afstand, tilskuere) må som udgangspunkt gerne lægges op.
- Portrætbilleder, hvor én eller få personer er i fokus, kræver personens samtykke — og for børn samtykke fra forældrene.
Er I i tvivl, så få et ja på skrift, og se Datatilsynets vejledning om billeder på nettet.
Hvilken størrelse skal billedet have
Kort om px: billedets bredde i billedpunkter. Flere px = skarpere billede, men tungere fil. Vælg et billede, der er mindst så bredt som anbefalet:
| Hvor | Anbefalet mål | Format |
|---|---|---|
| Logo (Side indstillinger) | ~300-600 px bredt, i bredformat — gerne 2:1 (fx 600 × 300 px). Se afsnittet om logoet nedenfor. | PNG, gennemsigtig baggrund |
| Favicon (det lille faneikon) | mindst 512 × 512 px, kvadratisk | PNG |
| Baggrundsbillede, banner (desktop) | 1920 × 1080 px (16:9). Billedet beskæres til 16:9, når du uploader det. | JPG/WebP |
| Baggrundsbillede mobilvisning | ca. 800 × 800 px, kvadratisk. Billedet beskæres kvadratisk, når du uploader det. | JPG/WebP |
| Billede på en aktivitet | ca. 1000 × 1000 px, kvadratisk. Billedet beskæres kvadratisk, når du uploader det. | JPG/WebP |
| Billede i tekst | ~800-1200 px bredt | JPG/WebP |
| Galleri-billeder | ~1200-1600 px bredt | JPG/WebP |
| Delingsbillede (sociale medier) | 1200 × 630 px | JPG/PNG |
goMember har et særskilt felt til mobilbilledet (Baggrundsbillede mobilvisning) — læg et kvadratisk billede der, så motivet ikke bliver klippet på en telefon.
Sådan skal logoet se ud
Størrelsen på logoet tilpasses automatisk, så det passer til sidens design. Derfor betyder logoets form mere end antallet af px.
| Logoets form | Forhold (bredde:højde) | Anbefaling |
|---|---|---|
| Bredformat — dobbelt så bredt som højt | 2:1 eller bredere | Anbefalet |
| Kvadratisk — lige så bredt som højt | 1:1 | Mindstekravet |
| Højformat — højere end bredt | fx 1:2 | Frarådes |
Brug et logo, der er mindst lige så bredt, som det er højt. Bedst er et logo i bredformat, hvor bredden er dobbelt så lang som højden — fx 600 × 300 px.
Sådan får du hele motivet med i banneret
Banneret fylder altid hele bredden, men højden følger skærmens højde og indstillingen Padding Y på bannerets fane Styles. Billedet fylder hele banneret, så på brede skærme skæres toppen og bunden af billedet.
Den del af et billede på 1920 × 1080 px, der altid vises på en almindelig computerskærm:
| Padding Y | Bannerets højde | Vises altid (fra toppen af billedet) |
|---|---|---|
| Standard | følger indholdet (lavt banner) | kun en smal stribe i midten |
| S | ca. 40 % af skærmhøjden | ca. 350–730 px |
| M | ca. 60 % af skærmhøjden | ca. 240–840 px |
| L | ca. 70–80 % af skærmhøjden | ca. 170–910 px |
| XL | hele skærmhøjden | næsten hele billedet |
Placér derfor ansigter og andet vigtigt inden for den del, der altid vises, og lad der være luft over hoveder. På smalle skærme vises mere af billedet.
Billeder på aktiviteter
Billedet på en aktivitet vises flere steder: som stort kort på hjemmesiden, som lille billede i listevisningen og i aktivitetens detaljer. På kortene ligger dato og navn nederst oven på billedet, og kortet kan skære lidt af kanterne afhængigt af skærmbredden. Placér det vigtigste i midten og ikke helt nederst. Udsnittet vælger du med skyderen Beskæring og +/−, når du uploader billedet.
Gør filen let, før du lægger den op
Upload aldrig et foto direkte fra telefonen (de fylder tit 5-10 MB) — det gør siden langsom. Gør billedet mindre først, så det fylder ca. 200-500 KB. Gratis værktøjer som TinyPNG.com eller Squoosh.app klarer det på få sekunder. Brug JPG eller WebP til fotos og PNG til logoer — goMember tager imod alle tre.
Skriv altid en billedbeskrivelse
Udfyld Billede beskrivelse (den er påkrævet på billede-elementet): en kort sætning om, hvad billedet viser. Skriv, hvad man faktisk ser — "Børn til sommerfest 2025" er bedre end "billede1" eller "foto". Det hjælper svagtseende besøgende, og det gør, at Google bedre kan finde jeres side.
Hvis billedet driller på siden
- Billedet ligger forkert i forhold til teksten: åbn elementet (blyant-ikonet), og vælg under Billede position — Venstre, Højre, Top eller Bund. Med Indholdsplacering flytter du indholdet til venstre, midt eller højre.
- Billedet er væk næste gang: elementet blev gemt, men ikke siden — husk Gem siden (og Gem på Byg hjemmeside, hvis siden er ny).
- Elementet kan ikke gemmes: både Tekst og Billede beskrivelse skal være udfyldt.
- Billedet vises for de forkerte: gå til fanen Synlighed, og vælg Offentlig, Medlemmer eller Ikke medlemmer.
- Det forkerte er i fokus: beskær og zoom i Billedtransformation — vælg et billedformat (1:1, 4:3 osv.), og brug slideren og +/− til udsnittet.
- Toppen af hovedet er skåret af i banneret: motivet sidder for højt i billedet. Vælg et billede med mere luft over hovedet, zoom ud, når du beskærer ved upload, eller gør banneret højere under Styles → Padding Y.
Kommentarer
0 kommentarer
Log ind for at kommentere.