Email-Icon Created with Sketch. Group 3 Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Icon-Internet Created with Sketch. Icon-Internet Created with Sketch. Trust Pilot Stars Created with Sketch. 1-5-million Created with Sketch. Control-panel-Icon Created with Sketch. WSB-Brush Created with Sketch. WSB-Brush Created with Sketch. WSB-Brush Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. icon-slider-next Created with Sketch. icon-slider-prev Created with Sketch. Webmail-icon Created with Sketch. heart Created with Sketch. Open-24-7 Created with Sketch. open24 Created with Sketch. 24 7 trusted Created with Sketch. Fill 1 Created with Sketch.

Brug af billeder i Hjemmesideprogrammet

Ingen hjemmeside er komplet uden billeder eller illustrationer. Billeder tilføjer liv til din hjemmeside, og de kan bruges til at gøre opmærksom på specifikt indhold eller som forklaring på, hvordan noget virker.

I Hjemmesideprogrammet er der mange muligheder med billeder. I denne guide introducerer vi nogle af muligheder, som er tilgængelige for dig.

Leg lidt med billedkomponenten
Rediger billeder direkte i Hjemmesideprogrammet
Vis billeder i et slideshow
Tilpas billeder i et gitter.
Indsæt et billede som låst baggrund.
Køb professionelle stock-billeder.
Lav et responsivt billede til sidehovedet

Juster nemt størrelsen og placeringen af hver komponent

Du kan trække i en komponent for at gøre den større eller mindre. Hvis du vil angive en præcis størrelse, skriver du blot højden og bredden i den grønne boks, der er synlig, når komponenten er markeret.

For at ændre placeringen af en komponent, skal du vælge den og trække den hen, hvor du vil have den. Brug piletasterne på dit tastatur for at rykke den én pixel ad gangen. En blå linje vises, når komponenten er centreret eller tilpasset med de andre komponenter på din side.



Leg lidt med billedkomponenten

Du kan gøre mere med billedkomponenten, end du tror. Her er nogle af de tricks, som vores design team bruger, når de udvikler vores skabeloner.

Play around with the image component

Vis kun en del af et billede - Sæt billedskaleringen til Beskær. Brug skaleringsslideren til at zoome ind på dit billede. Dobbeltklik på komponenten og flyt billedet inde i komponenten, indtil den del, du ønsker at vise, er synlig.

Lav et billede rundt - Tilpas størrelsen på en billedkomponent til en firkant, så bredden og længden er den samme. Under egenskaber kan du finde hjørnerne og angive et tal, der er præcis halvdelen af bredden og længden af dit billede.

Tilføj et farvelag til et billede. - Placer en baggrundskomponent over billedet. Vælg farve og indstil gennemsigtigheden af baggrundskomponenten for få billedet til at falme og give det en farvetone. Tilføj en tekstkomponent ovenpå for at holde det synligt på mindre skærme.

Hvordan indsætter jeg et billede?

Edit your images directly in Website Builder

Rediger billeder direkte i Hjemmesideprogrammet

Har du brug for flere redigeringsmuligheder? Brug billedredigeringsprogrammet til nemt at redigere i dine billeder direkte i Hjemmesideprogrammet. Du behøver ikke et lokalt program på din computer.

Få billeder til at se bedre ud ved at ændre farve, lysstyrke eller størrelse. Du kan også bruge vores Forbedringsværktøj til at give dine billeder en et-klik make-over.

Fjern f.eks. røde øjne og skønhedspletter, eller spejlvend et billede så det passer bedre på din side. Du kan også pimpe dit billede op med stilistiske værktøjer som klistermærker, rammer og farvelag.

Hvordan redigerer jeg et foto i Hjemmesideprogrammet?


Display your images in a slideshow

Vis billeder i et slideshow

Vis dine foretrukne billeder i et slideshow. Du kan f.eks. benytte en slider til at vise, hvad dit site handler om. Placer en kort tekst over slideren for at gøre det komplet.

Du kan også lave et slideshow for at tiltrække opmærksomhed til produkter i din webshop. Link hvert slide direkte til den tilsvarende produktside for at øge salget.

Når du indsætter et slideshow, skal du være sikker på, at du ikke indsætter mere end 3-5 billeder. For mange billeder vil øge responstiden på din hjemmeside, og det kan forstyrre dine besøgende.

Hvordan indsætter jeg et slideshow?


Place your images in a grid with the gallery component

Tilpas billeder i et gitter.

Hvis du vil vise flere billeder på samme side, kan det være besværligt at tilpasse alle komponenterne med hinanden. Derfor har vi skabt Gallerikomponenten.

Med den kan du inkludere op til 100 billeder i samme komponent og tilpasse dem perfekt i et gitter. Du kan justere størrelsen af billederne og endda tilføje billedtekster.

Hvordan indsætter jeg flere billeder ad gangen?







Add a fixed background to your website

Indsæt et billede som låst baggrund.

Du kan indsætte et låst baggrundsbillede, så billedet ikke bevæger sig, når man scroller på din side. Dette kan være en hjælp, hvis du vil have et baggrundsbillede med f.eks. et landskab.

Tilføj f.eks. en strand eller en solnedgang, hvis du laver en hjemmeside om at rejse. Billedet vil blive, hvor det er, når dine besøgende scroller ned. Dette giver din side et professionelt og forenet design, og desuden undgår du grimme gentagelser og kanter.

Hvordan tilføjer jeg en fikseret baggrund?





Give your site that extra touch with professional images

Køb professionelle stock-billeder.

For at give din hjemmeside prikken over i'et kan du købe professionelle stock-billeder fra Bigstock. Overvej at vælge en smuk baggrund til at starte med, når du opbygger dit site.

One.coms kunder kan købe Bigstock-billeder enkeltvis med rabat direkte i Hjemmesideprogrammet.

Hvordan køber jeg et Bigstock- foto?








Add a responsive header to your website

Lav et responsivt billede til sidehovedet

Halvdelen af alle søgninger på internettet udføres på mobile enheder, så det er vigtigt at dit site ser godt ud på alle skærmstørrelser.

En af måderne at gøre dette på er at tilføje et responsivt billede i headeren. En responsiv header justerer automatisk sin størrelse til størrelsen på skærmen. Brug baggrundskomponenten til at indsætte et billede og stræk det til længden af din skærm.

NB: En baggrundskomponent er skjult på mindre skærme, medmindre at du tilføjer en anden komponent oven på den.

Hvordan tilføjer jeg et responsivt sidehoved?



Relaterede artikler:

Hvordan tilføje komponenter i Hjemmesideprogrammet?
Hvordan opretter jeg en side med en anden skabelon?