Gå til hovedindhold

    Billeder

    Billede · Billede (parallax) · Billedgalleri · Billede-slider

    21. okt. 2026

    Her kan du læse, hvordan du indsætter billeder på dine sider – som et enkelt billede, et parallax-billede, et billedgalleri eller en billede-slider.

    Du kan også læse, hvordan du skriver billedtekst, gør billedet webtilgængeligt og vælger format og beskæring.

    Billede

    Billede

    Artiklens indhold med knappen Tilføj indhold

    Find den side, du vil indsætte billedet på. Gå til fanen Indhold og klik på Tilføj indhold.

    Dialogen Tilføj indhold med komponenten Billede markeret

    Vælg komponenten Billede i oversigten. Hvor komponenten står i oversigten, afhænger af sidetypen.

    Læs om Mediearkivet

    Feltet Billede med knappen Vælg

    Klik på Vælg ud for Billede.

    Dialogen Vælg medie med søgefelt og knappen Upload

    Nu åbner Mediearkivet. Søg efter et billede i søgefeltet, find det i mapperne eller klik på Upload for at hente et nyt billede. Marker billedet og klik på Vælg.

    Læs om Mediearkivet

    Felterne Vis billedtekst og Billedtekst

    Slå Vis billedtekst til, hvis teksten skal vises under billedet. Skriv teksten i feltet Billedtekst – fx også en fotokreditering som "Foto: Arkiv".

    Den billedtekst, du skriver her, erstatter den tekst, der evt. står på billedet i Mediearkivet.

    Læs om Mediearkivet

    Feltet Dekorativt billede

    Et billede, der formidler vigtig information, skal have en ALT-tekst. Skærmlæsere læser ALT-teksten op for fx blinde og svagtseende. Beskriv kort, hvad billedet viser, og hvad det skal bruges til.

    Er billedet kun pynt, kan du slå Dekorativt billede til. Så springer skærmlæseren billedet over, og billedteksten bliver heller ikke læst op.

    Billedets forhåndsvisning med linket Åbn i mediebiblioteket

    ALT-teksten skriver du på selve billedet i Mediearkivet. Klik på billedet i feltet Billede og derefter på Åbn i mediebiblioteket.

    Billedets detaljer i Mediearkivet med feltet ALT-tekst

    Skriv teksten i feltet ALT-tekst. Her kan du også markere Billedet bruges dekorativt, hvis billedet altid er pynt, og skrive #Byline (hvem der har taget billedet) og Beskrivelse.

    Læs om Mediearkivet

    Feltet Beskæring af sidebillede med valgmulighederne None, Default, Square og Banner

    Komponenten Billede beskærer som udgangspunkt ikke dit billede. Hele billedet vises i det format, det er uploadet i. Det giver frihed til fx at vise infografik, men overvej formatet, før du uploader. Et billede i højformat vises i højformat.

    Vil du have et fast format, kan du vælge en beskæring under Beskæring af sidebillede: None, Default, Square eller Banner.

    Læs om beskæring af billeder

    Billede (parallax) på den kreative artikelside

    Billede (parallax) på den kreative artikelside

    Dialogen Tilføj indhold med komponenten Billede (parallax) markeret

    Komponenten Billede (parallax) findes på den kreative artikelside. Klik på Tilføj indhold og vælg Billede (parallax) under Content.

    Læs om Mediearkivet

    Fanen Indhold med felterne Aktiv, #Parallax og Billede

    Vælg billedet under Billede. Slå #Parallax til, hvis billedet skal bevæge sig langsommere end resten af siden, når den besøgende scroller. Det giver en følelse af dybde.

    Med Aktiv kan du skjule billedet uden at slette det.

    Læs om Mediearkivet

    Fanen Indstillinger med Margin bund og Højde

    Gå til fanen Indstillinger. Under Højde vælger du, hvor højt billedet skal være: Standard – 200 px, Halv skærmhøjde eller Fuld skærmhøjde. Slå Margin bund til, hvis der skal være luft under billedet.

    Eksempel på et parallax-billede i halv skærmhøjde

    Her ses et parallax-billede i halv skærmhøjde.

    Eksempel på et parallax-billede i fuld skærmhøjde

    Her ses et parallax-billede i fuld skærmhøjde.

    Se eksempler på parallax her

    Billedgalleri

    Billedgalleri

    Dialogen Tilføj indhold med komponenten Billedgalleri markeret

    Billedgalleriet kan bruges på både sektionssider og artikelsider. Klik på Tilføj indhold og vælg Billedgalleri.

    Læs om Mediearkivet

    Billedgalleriets felter Aktiv, Margin bund, Vis billedtekst og Billeder

    Klik på Vælg ud for Billeder og vælg billederne i Mediearkivet.

    Når den besøgende klikker på et billede, åbner det i stor visning, hvor man kan bladre mellem billederne. Slå Vis billedtekst til, hvis billedteksterne skal vises her. Billedteksten retter du på billedet i Mediearkivet.

    Slå Margin bund til, hvis der skal være luft under galleriet.

    Tip! Galleriet ser bedst ud med et antal billeder, der går op i tre – fx tre, seks, ni eller tolv.

    Læs om Mediearkivet

    Felterne Fastgjort grid, Kolonner desktop og Kolonner mobil

    Slå Fastgjort grid til, hvis billederne skal beskæres, så de passer ind i et fast mønster. Det giver et mere ensartet udtryk.

    Under Kolonner desktop og Kolonner mobil vælger du, hvor mange billeder der står ved siden af hinanden. Lader du felterne stå tomme, bruges standarden: tre kolonner på desktop og to på mobil.

    Læs om beskæring af billeder

    Billede-slider

    Billede-slider

    Dialogen Tilføj indhold med komponenten Billede-slider markeret

    Med en billede-slider kan du vise flere billeder i ét stort element. Den besøgende bladrer mellem billederne med pilene. Klik på Tilføj indhold og vælg Billede-slider.

    Billede-sliderens felter Margin bund, Vælg fra biblioteket og Billeder

    Klik på Vælg ud for Billeder for at vælge billederne. Du kan også klikke på Vælg ud for Vælg fra biblioteket og hente en billede-slider fra det globale komponentbibliotek. Slå Margin bund til, hvis der skal være luft under slideren.

    Læs om Globalt komponentbibliotek

    Dialogen Tilføj indhold på artikelsiden med Billede-slider markeret

    På artikelsiden klikker du på Tilføj indhold og vælger Billede-slider.

    Billede-sliderens felter Aktiv, Billedformat og Billeder

    Vælg billederne under Billeder. Under Billedformat vælger du formatet: None, 3:2, 1:1 eller 16:9.

    Undgå høje billeder. Slideren har ingen grænse for højde. Meget høje billeder kan derfor fylde mere end skærmen – især på mobil. Vælg et fast billedformat, og test, hvordan slideren ser ud på forskellige skærmstørrelser.

    Du kan også vise billeder som slider i komponenterne Hero og Temakomponent.

    Læs om billede-slider som baggrund

    Læs om Hero og topkomponenter

    Se eksempler på billedgallerier og billede-slidere her

    Under artiklen kan du se eksempler på billedgallerier med og uden fastgjort grid og på en billede-slider.

    Eksempler på et billedgalleri

    Nedenfor ses to billedgallerier i fuld bredde. I første eksempel ses et billedgalleri med 12 billeder, hvor Fastgjort grid er slået fra. Det er standard:

    Billedgalleri med 'fastgjort grid'

    I eksemplet herunder ses et billedgalleri, hvor funktion 'fastgjort grid' er slået til. Dette gør, at billederne i galleriet bliver beskåret til et mere ensartet størrelsesforhold. Når man klikker på hvert billede, vil det stadig poppe op i dets fulde størrelse.

    Eksempler på 'Billede-slider'

    Med 'Billede-slider'-komponenten kan du lave et dekorativt element i fuldbredde, som kan indeholde flere billeder på en tid, der kan bladres imellem. Her kan du bladre imellem tre forskellige billeder via pilene på billederne:

    Nicklas Toft
    TheGenner