Bilder
Sidans innehåll
Vår webbplats ska göra det enkelt att hitta information och service från kommunen. Bilder kan vara till hjälp i vissa fall, men de kan också göra det svårare att hitta rätt. De kan ta mycket plats, göra sidan långsam att ladda och fungera dåligt för personer med synnedsättning eller de som använder skärmläsare
Du får gärna använda bilder när de tillför något till sidans innehåll, men vi använder inte bilder bara för att göra sidan "snygg".
Använd bilder där de:
- förklarar något
- visar hur något fungerar
- hjälper till att förstå innehållet bättre.
Bildstorlekar
- Informationssida - huvudbild: 965x350
- Informationssida - editorbild: 645x430
- Ämnessida - huvudbild: 1392x696
- Startsida: 3022x1200
Använd i första hand bilder från vår bildbank
I kommunens mediaportal Mediaflow finns professionella bilder från våra verksamheter.
Bilderna är:
- godkända av verksamheterna
- granskade ur GDPR-synpunkt
- säkra att använda i all vår kommunikation.
På en informationssida ska huvudbilden alltid hämtas från Mediaflow.
Du kan även använda bilder från Mediaflow i editorn där du skriver sidans brödtext.
Du kan använda egna bilder
När du publicerar en nyhet kan du använda en egen bild som huvudbild.
Du kan också lägga in egna bilder i texten (editorn) – till exempel om du vill visa något som inte finns i bildbanken.
Du kan även använda egna bilder i editorn där du skriver sidans brödtext.
Observera!
Tänk på att alltid spara dina egna bilder i mappen "För denna sida".
Detta är viktigt för att:
- hålla ordning på bilderna
- förenkla uppdateringar – om du behöver byta ut en bild senare vet du direkt var den finns.
- minska risken för fel – bilder som ligger på rätt ställe tas inte bort av misstag när andra sidor rensas.
Alternativ text (alt-text)
Personer som använder till exempel skärmläsare och punktdisplay behöver beskrivningar av allt innehåll som inte är text eftersom dessa hjälpmedel inte kan tolka foton, bilder och grafik.
Tanken med alternativ text är att de ska kunna ersätta och beskriva bilden för den som inte ser bilden. Beskriv innehållet tillräckligt detaljerat för den som enbart uppfattar textbeskrivningen. Hur skulle du förklara bilden om du ska beskriva den för någon du pratar i telefon med?
I Mediaflow kan du få hjälp med alternativ text av AI
Alternativ text på egna bilder
- Markera din bild och tryck på bildknappen i editorns verktygsfält.
- Skriv in din alternativa text och spara.
Bildstorlek på egna bilder
För att din bild ska visas korrekt på webbplatsen behöver den ha rätt proportioner, alltså rätt förhållande mellan bredd och höjd.
- Välj bildklass i Optimizely. Markera din bild och klicka på "Infoga/redigera bild".
I rutan som visas väljer du den "klass" (bildförhållande) som bäst matchar din bilds format. Om du inte väljer rätt proportion kan bilden se konstig ut eller bli kapad. Vanliga bildförhållanden är till exempel:- (3:2) Landskap – vanligt för breda bilder
- (2:3) Porträtt – vanligt för stående bilder
- Klicka på "Spara".
