Billeder spiller en afgørende rolle på en hjemmeside, men det kan nogle gange være svært at bestemme de rigtige filstørrelser og billedstørrelser og finde ud af, hvordan man beskærer billeder. I denne artikel præsenteres de bedste fremgangsmåder for brug af billeder i ChurchDesk-skabeloner, og der gives generelle tips og tricks til brug af billeder på en hjemmeside. Grundlæggende information om Billedmodulet finder du her.

På denne side:

1. Billedstørrelse og filstørrelse (generelt)
2. Hvorfor er bredde vigtig?
3. Hvad skal man overveje angående højde?
4. Billedernes filstørrelse
5. Beskæring af billeder: Brug af flere billeder i en række
6. Brug af to, tre eller flere billeder

Billedstørrelse og filstørrelse (generelt)

Billedstørrelse og filstørrelse er ikke kun et spørgsmål om, hvad der anbefales til vores designer, men også et spørgsmål om det specifikke visuelle udtryk, du ønsker på dine hjemmesider. Vores anbefalinger for pixels og dimensioner henviser derfor primært til billedbredden, da bredden er vigtig for en responsiv hjemmeside, mens højden primært er et spørgsmål om designpræference.

Hvorfor er bredde vigtig?

Brugen af billeder med en bestemt minimumsbredde sikrer, at de altid ser godt ud på responsive hjemmesider, uanset besøgerens skærmstørrelse. Vi anbefaler derfor en billedbredde på 2600 pixels eller mere til cover-billeder, der optager en hel række. Tallet 2600 bør du også holde øje med, hvis du har mere end ét billede i samme række, da den samlede bredde af alle billeder tilsammen bør være 2600 pixels.

Brug af en skabelon med fast række-layout ændrer naturligvis kravene til billeddimensioner, da bredden af en fast række er 1140 pixels for kolonnerne. Bare rolig, du kan stadig bruge de samme billeder som med dine flydende rækker med 2600 pixels eller mere. Indsæt billedet med 2600 pixels, og Designeren opretter automatisk en optimeret version til dine faste rækker, så snart du udgiver din hjemmeside.

Hvad skal man overveje angående højde?

Højden på dine billeder er også en vigtig dimension, men dette er mere et spørgsmål om udseende og smag end om din hjemmesides responsivitet. Det vigtigste ved at fastsætte en højde for dine billeder er, at den er den samme for alle billeder, du vil placere umiddelbart ved siden af hinanden. Læs afsnittet "Brug af to, tre eller mere billeder" længere nede for mere information om billedhøjde.

Bemærk, at rækkens udseende ændrer sig afhængigt af billedhøjden, da dette bestemmer højden af kolonnen, hvor billedmodulet er placeret. Hvis billedet er indlejret som række- eller kolonnebaggrund, bestemmes billedets højde af rækkens/kolonnens afstandindstillinger. Hvis du vil vise mere af dit valgte billede, skal du tilføje mere afstand til rækken eller kolonnen.

Billedernes filstørrelse

Billedernes filstørrelse er vigtig for sidens indlæsningstid. Designeren komprimerer automatisk dine billeder, så din hjemmeside indlæses hurtigere. Vi anbefaler dog, at du uploader billeder med en størrelse på højst 200 KB.

Beskæring af billeder - brug af flere billeder i en række

Vores skabeloner bruger ofte to eller tre billeder i en række til at promovere produkter eller tjenester eller til at præsentere medarbejdere. Ved brug af sådanne layouts ændres kravene til billedstørrelse. Editoren har en integreret billededitor, som du kan bruge til at sikre, at dine billeder har den rigtige billedstørrelse, uden at du skal bruge tredjepartsapplikationer til beskæring og ændring af størrelse. Billededitoren er nem at bruge og har størrelsesforudindstillinger, som du kan bruge til at gemme dine billeder i en bestemt størrelse/et bestemt format (f.eks. kvadratisk eller 16:9). For at komme til editoren skal du klikke på Billedmodulet -> Rediger -> Indhold -> Generelt -> Rediger.

Hvis du sikrer, at den samlede bredde af dine billeder er mindst 2600 pixels, optimeres hjemmesidens responsivitet. Hvis bredden er mindre end 2600 pixels, kan udseendet på en stor desktop-skærm ændre sig og inkludere uønskede mellemrum mellem billederne. Den specifikke bredde afhænger af antallet af billeder (kolonner), du har i en række. Så hvis du har tre billeder ved siden af hinanden, bør hvert billede være mindst 2600/3 = 866 pixels. For fire billeder ved siden af hinanden bør hvert billede være mindst 2600/4 = 650 pixels.

For det andet bør du sørge for, at dine billeder har samme højde for at sikre et ensartet og strømlinet udseende.

Nøgleord: Billeder, Billedstørrelse, Filstørrelse, Hjemmeside, ChurchDesk, Billedoptimering, Beskæring, Responsivt design, Skabeloner, Billededitor, Alt-tekster, Design, WebP, Medier, Foto, Fotos

Opdateret den: 30/07/2025