Bilder spiller en avgjørende rolle på en nettside, men det kan noen ganger være vanskelig å bestemme riktige filstørrelser og bildestørrelser og finne ut hvordan man beskjærer bilder. Denne artikkelen viser de beste fremgangsmåtene for bruk av bilder i ChurchDesk-maler, og gir generelle tips og triks for bruk av bilder på en nettside. Grunnleggende informasjon om Bildemodulen finner du her.

På denne siden:

• Bildestørrelse og filstørrelse (generelt)
• Hvorfor er bredde viktig?
• Hva bør man tenke på når det gjelder høyde?
• Bildenes filstørrelse
• Beskjæring av bilder - bruk av flere bilder på en rad

Bildestørrelse og filstørrelse (generelt)

Bildestørrelse og filstørrelse er ikke bare et spørsmål om hva som anbefales for Designeren vår. Det er også et spørsmål om det visuelle uttrykket du ønsker på nettsidene dine. Anbefalingene våre for piksler og dimensjoner gjelder derfor først og fremst bildebredden. Bredden er viktig for en responsiv nettside, mens høyden først og fremst er et spørsmål om designpreferanse.

Hvorfor er bredde viktig?

Når du bruker bilder med en bestemt minimumsbredde, ser de alltid bra ut på responsive nettsider, uansett skjermstørrelsen til den besøkende. Vi anbefaler derfor en bildebredde på 2600 piksler eller mer for coverbilder som fyller en hel rad. Tallet 2600 bør du også holde øye med hvis du har mer enn ett bilde på samme rad. Den samlede bredden av alle bildene til sammen bør da være 2600 piksler.

Hvis du bruker en mal med fast radoppsett, endres naturligvis kravene til bildedimensjoner, siden bredden på en fast rad er 1140 piksler for kolonnene. Ikke bekymre deg, du kan fortsatt bruke de samme bildene som i de flytende radene dine med 2600 piksler eller mer. Sett inn bildet med 2600 piksler, så oppretter Designeren automatisk en optimalisert versjon for de faste radene dine så snart du publiserer nettsiden.

Hva bør man tenke på når det gjelder høyde?

Høyden på bildene dine er også viktig, men dette handler mer om utseende og smak enn om hvor responsiv nettsiden din er. Det viktigste når du fastsetter en høyde for bildene, er at den er den samme for alle bilder du vil plassere rett ved siden av hverandre. Les avsnittet "Beskjæring av bilder - bruk av flere bilder på en rad" lenger ned for mer informasjon om bildehøyde.

Merk at radens utseende endrer seg avhengig av bildehøyden, siden den bestemmer høyden på kolonnen der bildemodulen er plassert. Hvis bildet er satt inn som rad- eller kolonnebakgrunn, bestemmes bildets høyde av avstandsinnstillingene for raden eller kolonnen. Hvis du vil vise mer av bildet du har valgt, må du legge til mer avstand i raden eller kolonnen.

Bildenes filstørrelse

Bildenes filstørrelse er viktig for hvor raskt siden lastes inn. Designeren komprimerer bildene dine automatisk, slik at nettsiden din lastes raskere. Vi anbefaler likevel at du laster opp bilder på høyst 200 KB.

Beskjæring av bilder - bruk av flere bilder på en rad

Malene våre bruker ofte to eller tre bilder på en rad for å fremheve produkter eller tjenester eller for å presentere ansatte. Med slike oppsett endres kravene til bildestørrelse. Editoren har en innebygd bildeeditor som sørger for at bildene dine får riktig bildestørrelse. Da trenger du ikke andre programmer for å beskjære bilder og endre størrelsen på dem. Bildeeditoren er enkel å bruke og har forhåndsinnstilte størrelser, slik at du kan lagre bildene i en bestemt størrelse eller et bestemt format (f.eks. kvadratisk eller 16:9). Du kommer til editoren ved å klikke på Bildemodulen -> Rediger -> Innhold -> Generelt -> Rediger.

Hvis du sørger for at den samlede bredden av bildene dine er minst 2600 piksler, blir nettsiden mest mulig responsiv. Hvis bredden er mindre enn 2600 piksler, kan utseendet på en stor skjerm endre seg og få uønskede mellomrom mellom bildene. Den nøyaktige bredden avhenger av hvor mange bilder (kolonner) du har på en rad. Har du tre bilder ved siden av hverandre, bør hvert bilde være minst 2600/3 = 866 piksler. Har du fire bilder ved siden av hverandre, bør hvert bilde være minst 2600/4 = 650 piksler.
I tillegg bør du sørge for at bildene dine har samme høyde, slik at de får et ensartet og ryddig utseende.

Stikkord: Bilder, Bildestørrelse, Filstørrelse, Nettside, ChurchDesk, Bildeoptimalisering, Beskjæring, Responsivt design, Maler, Bildeeditor, Alt-tekster, Design, WebP, Medier, Foto, Fotoer

Oppdatert på: 09/11/2026