Webblagret (fd Webbhandboken)
Göteborgs Stad
Bild, rörlig bild och video
För dig som publicerar på goteborg.se (enbart webbilder)
Om att publicera bilder i brödtexten - Övrigt dokument

Sidansvarig: Gunilla Eneroth

Om att publicera bilder i brödtexten

Samma regler för bilder i texten gäller för alla sidtyper på hela goteborg.se.

Bilder i texteditorn
Bilder i texteditorn kan behövas i artikeln som ett förtydligande eller förklaring i anslutning till sammanhanget. Exempel på detta kan vara diagram, bildinstruktioner eller för att visa hur någonting ser ut. Till exempel så att besökaren ser skillnad på vad som menas med återvinningsplats och återvinningscentral.

Det är inte tillåtet att använda texteditorn för dekorativa bilder = inte bild bara för att sätta lite färg eller "pynta". Bilden ska fylla en funktion.

För dessa bilder finns ingen generell storlek men den får vara max 800 pixlar bred på goteborg.se på kategorinivå och 640 pixlar bred på enhetssidor.

Webboptimera bilden när du sparar den, via Photoshop eller verktyg på nätet.

Läs mer om bildstorlekarna på enhetssidorna Webbhandboken

För att infoga en bild i texteditorn, gör så här:

  1. Spara ned bilden
  2. Döp om bilden så att det inte är några konstiga tecken i namnet
  3. Gå till sidan där bilden ska ligga, logga in, välj redigera och klicka på Infoga bild
  4. Om du lägger in bilder i texteditorn så anger du bildtext och fotograf under varje bild. Använd kursiv text för att särskilja den från övrig text.
  5. Lägg in alt-text genom att högerklicka på bilden, välja Bildegenskaper och lägga in text under Alternativ text.
  6. Undvika att använda funktionen ”flytande inriktning” som också finns under bildegenskaper.

Glöm inte att alternativtexta
Bilder som förmedlar något ska alltid ha alternativtext (alt-text) som förklarar kort vad bilden föreställer. Samma bild kan ha olika alt-text i olika sammanhang, beroende på vad som är viktigt i just den kontexten.
I vissa fall räcker inte en alt-text. Informationen i ett diagram till exempel, måste också förklaras i text på sidan.

Mer om alt-texter och bildtexter
Webbhandboken