Översikt
Med en bakgrundsbild kan du göra en sektion på hemsidan mer personlig och visuellt tilltalande. Du kan välja en egen bild, använda en bild från bildbiblioteket eller återanvända en bild som du tidigare har laddat upp. När bilden är tillagd kan du justera dess placering, lägga till ett färglager och välja skrollningseffekter.
Lägg till en bakgrundsbild
Steg 1: Öppna sektionens inställningar
Öppna hemsidan i redigeraren.
Hovra över sektionen där du vill lägga till en bakgrundsbild.
Klicka på Anpassa sektion till vänster om sektionen när knappen visas.
Steg 2: Öppna bildinställningarna
Klicka på bildikonen i inställningarna för sektionen.
Välj Ersätt bild i menyn som öppnas.
När du öppnar bildalternativen blir fler inställningar tillgängliga, bland annat Overlay, Mittpunkt och Skrollningseffekter.
Steg 3: Välj en bild
Du kan välja mellan följande alternativ:
Ladda upp en bild: Välj en bild som är sparad på din dator.
Nyligen använda bilder: Återanvänd en bild som du tidigare har använt.
Bildbiblioteket: Välj en bild från det tillgängliga bildbiblioteket med stockbilder.
Klicka på den bild du vill använda. Bilden placeras nu som bakgrund i sektionen.
Bakgrundsbilden anpassas automatiskt efter skärmstorleken, så att den kan visas på mobiltelefoner, surfplattor och datorer. Tänk på att beskärningen kan skilja sig mellan olika enheter.
Anpassa bakgrundsbilden
När du har lagt till bilden kan du justera inställningarna för att få det utseende du vill ha.
Overlay – förbättra kontrasten
Med Overlay lägger du ett färglager ovanpå bakgrundsbilden. Det kan exempelvis göra texten ovanpå bilden lättare att läsa.
Använd inställningen om bakgrunden är ljus eller detaljerad och texten annars riskerar att bli svårläst.
Mittpunkt – välj vilken del av bilden som ska synas
Med Mittpunkt väljer du vilken del av bilden som ska vara i fokus när bakgrunden anpassas till sektionen.
Öppna inställningen Mittpunkt.
Klicka på den del av bilden som du vill fokusera på.
Kontrollera att det viktigaste i motivet syns.
Det är särskilt användbart om bilden innehåller en person eller ett annat viktigt motiv som riskerar att beskäras på mindre skärmar.
Skrollningseffekter – lägg till visuella effekter
Med Skrollningseffekter kan du lägga till visuella effekter som påverkar hur bakgrundsbilden visas när besökaren scrollar på sidan.
Öppna inställningen Skrollningseffekter.
Välj den effekt du vill använda bland de tillgängliga alternativen.
Förhandsgranska sidan eller kontrollera den publicerade hemsidan för att se hur effekten fungerar.
Tips för ett bra resultat
Undvik text i själva bakgrundsbilden. Text kan beskäras eller förvrängas när bilden anpassas till olika skärmstorlekar.
Välj en bild med rätt motiv. Se till att det viktigaste i bilden fortfarande syns när den beskärs.
Kontrollera kontrasten. Om du har text ovanpå bilden kan Overlay hjälpa till att göra texten tydligare.
Testa på olika skärmar. Förhandsgranska hemsidan på både dator och mobil för att kontrollera att bilden och eventuella skrollningseffekter fungerar som du tänkt dig.
Relaterade artiklar
Sammanfattning
För att lägga till en bakgrundsbild öppnar du Anpassa sektion, klickar på bildikonen och väljer Ersätt bild. Välj sedan en bild från datorn, bland dina nyligen använda bilder eller från bildbiblioteket. När bilden är på plats kan du anpassa Overlay, Mittpunkt och Skrollningseffekter för att få önskat resultat.