Foton: välja, ladda upp, låta skapa och rättigheter

Modul 3: Texter, foton och sektioner · Lästid: 10 minuter

Lärandemål: Efter den här lektionen kan du byta foton på din webbplats mot egna foton eller AI-bilder, hantera ett galleri, dra i storlek och form på ett foto, skriva en bra fotobeskrivning (alt-text) och bedöma om du får använda ett foto.

Nyckelbegrepp: Ändra foto, AI-bild, Egna foton, Media, Beskrivning (alt-text), galleri, Hantera foton, form och fokuspunkt, upphovsrätt, porträtträtt, samtycke

Därför gör foton skillnad

Besökare tittar först på bilder och läser sedan. Fotona i din första version valdes eller skapades av AI:n, eller så kom de från din gamla webbplats (lektion 2.3). Det är en början. För Bas på Schildersbedrijf Example säger riktiga foton av hans arbete mycket mer: ett målat trapphus, en fasad före och efter, Bas och hans två medarbetare på byggnadsställningen. Riktiga foton gör dig trovärdig.

Byta ett foto

För muspekaren över ett foto i förhandsvisningen och klicka på Byt foto. Du kan också peka ut en sektion med foton med Välj del och sedan klicka på Ändra foto bredvid etiketten. Fönstret Ändra foto öppnas. Har sektionen flera foton väljer du först högst upp vilket foto du vill ändra ("Vilket foto vill du ändra?").

Fönstret har tre flikar:

• AI-bild: AI:n skapar en ny bild. Du beskriver i rutan "Beskriv fotot du vill ha" vad som ska synas och klickar på Skapa 2 nya varianter. Efter ungefär en halv minut ser du två förslag; med Använd det här fotot lägger du in ett av dem på din webbplats. En omgång kostar 1 redigering för två varianter. Högst upp ser du hur många redigeringar du har kvar.
• Egna foton: med Ladda upp eget foto lägger du ett eget foto på den platsen. JPG, PNG eller WebP, upp till 8 MB. Det är gratis.
• Stockfoton: finns i byggaren med etiketten Kommer snart och går inte att använda än.

Varje foto du väljer blir en ny version; du kan gå tillbaka med Ångra eller via Versioner (lektion 3.5).

Du kan också lägga in ett eget foto via chatten: bifoga det med gemet och skriv var det ska hamna, till exempel "det här fotot högst upp på sidan Om oss". Det är en instruktion till AI:n; under textrutan ser du i förväg vad den kostar.

En bra beskrivning för en AI-bild

Var konkret: "En målare i vit overall målar en träfönsterkarm på ett radhus, soligt, på nära håll" fungerar bättre än "målare i arbete". Be inte om igenkännbara verkliga personer eller om andras logotyper.

Media: alla foton på ett ställe

I panelen Media i sidofältet finns alla foton på din webbplats. Du filtrerar på Allt, På webbplatsen, Används inte och Logotyp, och högst upp drar du in nya foton.

Klicka på ett foto så ser du:

• Här används den: på vilken sida och i vilken sektion fotot finns;
• Beskrivning: alt-texten (se nedan);
• Använd i chatten: förbereder en instruktion för att placera fotot någonstans;
• Byt: lägger in en ny fil på varje plats där fotot används;
• Ta bort: går först när fotot inte längre används någonstans på webbplatsen. Används det fortfarande, visar knappen på hur många platser; byt då ut det först.

Galleriet

Ett galleri hanterar du separat. Välj galleriet med Välj del och klicka på Hantera foton. Du ser Foton i det här galleriet. Dra för att ändra ordningen, ta bort ett foto med krysset, lägg till ett med Lägg till foto (från din media eller nyuppladdat) och välj antal Kolumner (2, 3 eller 4). Klicka på Spara galleri. Det kostar inga redigeringar. Minst ett foto måste finnas kvar i galleriet.

Beskrivningen: alt-text

Varje foto har en Beskrivning. Det är alt-texten: en kort text som personer med skärmläsare hör i stället för fotot, och som sökmotorer läser för att förstå vad bilden visar. Byggaren säger det själv under fältet: "För Google och för personer med skärmläsare."

Du fyller i den under Media: klicka på fotot, skriv i fältet Beskrivning vad som syns (högst 200 tecken) och klicka på Spara.

Byggaren hjälper dig en bit på vägen:

• För en AI-bild använder det din önskan som beskrivning (utan "skapa ett foto av").
• För en egen uppladdning skapar det en beskrivning utifrån filnamnet och ber dig granska den. Ett foto som heter "IMG_4021.jpg" ger alltså inget användbart. Ge dina filer talande namn, som "trapphus-vitmalat.jpg".
• Har du själv skrivit en beskrivning och byter fotot, finns din text kvar, med en uppmaning att granska den: "Granska beskrivningen av det här fotot i Media: den kanske fortfarande hör till det förra fotot."

En bra beskrivning säger i en mening vad som syns: "Trapphus med vita väggar och mörkgrå ledstång, målat av Schildersbedrijf Example". Börja inte med "foto av" och fyll den inte med en rad sökord. Är en bild ren dekoration, håll beskrivningen kort. I lektion 7.3 kontrollerar du med uppgift A7.3 att alla dina bilder har en beskrivning.

Dra i storlek, form och fokuspunkt

För muspekaren över ett foto i förhandsvisningen. Det dyker upp handtag:

• bredare eller smalare (nere till höger);
• högre eller lägre, alltså formen (nederkant);
• rundare eller rakare hörn (uppe till höger);
• fokuspunkten: dra den till den viktigaste delen av fotot, så att den delen syns när fotot beskärs.

Dubbelklicka på ett handtag så kommer standardstorleken tillbaka (för fokuspunkten: mitten). Att dra är gratis och sker utan AI. Titta sedan på Mobil: där beskärs ett foto ofta annorlunda.

Får jag använda det här fotot?

Den här lektionen förklarar reglerna som de gäller den 10 november 2026. Det är ingen juridisk rådgivning. Är du osäker på vad som gäller i ditt fall, fråga en jurist eller din branschorganisation.

Upphovsrätt. Den som tar ett foto får automatiskt upphovsrätt till det. Det behöver inte registreras någonstans. Upphovspersonen bestämmer om och hur andra får använda, kopiera och visa fotot. Lägger du utan tillstånd någon annans foto på din webbplats gör du intrång i upphovsrätten, och upphovspersonen kan via domstol kräva att du slutar och begära skadestånd. Upphovsrätt gäller internationellt, och även för foton som du "bara hittade på nätet". Ett foto från en konkurrent, från Google Bilder eller från en fotograf utan licens använder du alltså inte. Vid en öppen licens, som Creative Commons, läser du villkoren, till exempel om du måste ange upphovspersonen.

Foton med människor. Ett foto där någon går att känna igen är en personuppgift enligt GDPR (dataskyddsförordningen). Vill du som arbetsgivare publicera foton av dina medarbetare behöver du en rättslig grund för det. Enligt den nederländska tillsynsmyndigheten Autoriteit Persoonsgegevens (AP) är det oftast samtycke från medarbetaren. Samtycket kan när som helst återkallas, utan skäl; då tar du bort fotot. Och att säga nej får inte leda till nackdelar för medarbetaren. Bas ber därför sina medarbetare om samtycke i förväg och dokumenterar det. I Nederländerna gäller dessutom porträtträtten i den nederländska upphovsrättslagen: den som syns igenkännbart kan i vissa fall motsätta sig publicering. Att fotografera kunder framför deras hus eller visa ett igenkännbart husnummer gör du också bara med deras samtycke.

AI-bilder. En AI-bild är inte ett foto av ditt arbete. Lägg inte upp en AI-bild av ett vackert målat hus på din webbplats som om det vore ditt projekt: det vilseleder kunderna. Använd AI-bilder för stämning och riktiga foton för ditt eget arbete och ditt team. Lektion 7.3 går djupare in på bildrätt och AI-texter.

Fallgropar

• Att låta exempelbilder stå kvar som inte passar din verksamhet, eller AI-bilder som ser ut som ditt arbete.
• Att ladda upp foton med intetsägande filnamn: du får en oanvändbar beskrivning.
• För stora foton: över 8 MB går det inte att ladda upp. Förminska dem först.
• Att bara titta på en stor skärm: kontrollera form och fokuspunkt på Mobil.
• Andras foton utan tillstånd eller licens.

I byggaren: så gör du

1. För muspekaren över ett foto och klicka på Byt foto.
2. Välj Egna foton och Ladda upp eget foto, eller AI-bild med en konkret beskrivning och Skapa 2 nya varianter.
3. Välj Använd det här fotot.
4. Öppna Media, klicka på fotot och fyll i Beskrivning; klicka på Spara.
5. Dra i handtagen för storlek, form och fokuspunkt; titta på Mobil.
6. Galleri: Välj del, Hantera foton, ordning och Kolumner, Spara galleri.

Sammanfattning

• Ändra foto har AI-bild (1 redigering för två varianter) och Egna foton (gratis, JPG, PNG eller WebP upp till 8 MB); Stockfoton kommer snart.
• I Media ser du var varje foto används och fyller i Beskrivning (alt-text); byggaren fyller i ett förslag, du granskar det.
• Handtag i förhandsvisningen styr bredd, form, hörn och fokuspunkt; dubbelklick återställer standardvärdet.
• Andras foton bara med tillstånd eller licens; igenkännbara personer bara med deras samtycke; presentera inte AI-bilder som ditt eget arbete.

Quiz

Uppgift

Uppgift D3.3: Ordning på dina bilder. Se till att de viktigaste bilderna på din webbplats verkligen är dina, har en bra beskrivning och ser bra ut på en telefon.

Checklista:

• [ ] tittat på alla foton i Media med filtret På webbplatsen;
• [ ] bytt minst två exempelbilder mot egna foton med talande filnamn;
• [ ] granskat eller skrivit Beskrivning för varje foto på din startsida;
• [ ] för varje foto med människor skrivit ner vem som syns och om du har samtycke;
• [ ] för varje foto som inte är ditt skrivit ner var det kommer ifrån och vilken licens som gäller;
• [ ] justerat form eller fokuspunkt på det största fotot och kontrollerat det på Mobil;
• [ ] bytt AI-bilder som liknar ditt arbete eller placerat dem så att de inte uppfattas som egna projekt.

Frågor:

1. Vilket foto bytte du, och vad säger det nya fotot bättre om din verksamhet?
2. Skriv av beskrivningen (alt-texten) för ditt viktigaste foto här. Säger den i en mening vad som syns?
3. Finns det igenkännbara personer på din webbplats? Hur har du ordnat deras samtycke?

Efter "klar" ser du ett exempelsvar: AI-bilden i hero-sektionen är utbytt mot ett eget foto av en målad fasad, eftersom det visar riktigt arbete; beskrivning "Fasad på ett 1930-talshus med nymålade gröna fönsterkarmar"; på teamfotot syns Bas och två medarbetare, som gav skriftligt samtycke och vet att de kan återkalla det.

Läs mer

• Ställ in titel, beskrivning och alt-text per sida
• Gratis WordPress-kurs 4.4: Media: bilder och alt-text
• Upphovsrätt (Ondernemersplein, RVO, nederländsk källa): https://ondernemersplein.overheid.nl/wetten-en-regels/auteursrecht/
• Bildmaterial på arbetsplatsen (Autoriteit Persoonsgegevens, nederländsk källa): https://www.autoriteitpersoonsgegevens.nl/themas/internet-slimme-apparaten/beeldmateriaal/beeldmateriaal-op-de-werkplek
• An alt Decision Tree (W3C WAI, på engelska): https://www.w3.org/WAI/tutorials/images/decision-tree/