Bilder

I praktiken kan du välja en bild med önskat motiv och sedan bara placera ut den i SiteVision. Men det kan vara bra att tänka på mer än bara riktlinjer och bildspråk, och även tänka på pixelmått, bildformat och filstorlek.

Pixelmått

Webbplatsens olika spalter har olika storlekar och det kan vara bra att veta vilken storlek man bör ha på sina bilder beroende på vart de ska placeras. Det är onödigt att spara ner för stora bilder.

  • I mittenspalt på Sida
    • Normal storlek 850 pixlar x 480 pixlar
    • Långsmal 850 pixlar x 300 pixlar
    • Två kvadratiska bilder bredvid varandra 800 pixlar x 800 pixlar. Se instruktioner för Bilder i bredd nedan.
  • Bildpuffar med länkknapp 630 pixlar x 380 pixlar
  • Bildspel 1920 pixlar x 660 pixlar (Rekommenderad storlek. Utsnittet kommer variera.)
  • Bildpuffar på startsidan 800 pixlar x 800 pixlar (Rekommenderad storlek. Utsnittet kommer variera.)
  • Medarbetarbilder 410 pixlar x 300 pixlar

Bilder skalas sedan ner på mindre bildskärmar.

Om bilder i högerspalten ska täcka hela sidbredden i mobilen bör man spara ner dem med en större bredd, eftersom spalten är bredare i mobilen.

Bildformat och filstorlek

Det finns olika bildformat för olika syften och era besökare vill inte behöva ladda onödigt stora filer, särskilt inte från en mobil enhet. Läs våra tips i vår artikel: Optimera bilder för webben.

"Alternativtexter" för bilder

Alla bilder som är meningsbärande (inte enbart är dekorativa) ska beskrivas med hjälp av en Alternativtext. Alternativtexten (även kallad beskrivningstext eller alt-text) ska beskriva bilden för den som inte kan se den.

Första gången man lägger till en bild i en bildmodul måste man ange en alternativtext under fliken Texter i bildmodulen (välj "Ange egen"). Obs, om man byter bild i en bildmodul får man ingen varning om att se över alternativtexten, så glöm inte att göra det!

Tumregler för alternativtexter från anvandbart.se

Bilder som enbart är dekorativa kan ha en tom beskrivningstext.

Alternativtexter för komplexa bilder

Vid mer komplexa bilder kan man med fördel låta alternativtexten hänvisa till en beskrivning i text som läggs nedanför bilden. Exempelvis "Informationsgrafik över sommarturismen 2016. Utförlig beskrivning följer efter bilden".

Bilder i bredd

För att variera bilderna finns nedan ett förslag på tillvägagångssätt för att lägga två bilder i bredd.

  1. Lägg in en gridrad
  2. Lägg två spalter med bredd 4 kolumner.
  3. I respektive spalt placeras en bildmodul.
  4. Bilden i bildmodulen rekommenderas till 800 pixlar x 800 pixlar då de i mobilen kommer att lägga sig under varandra och ta upp helbredd av skärmen.