Bilder och film

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.

Bildspråk

Planeras läggas till

Pixelmått

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

Besökswebb

Namngivning

  • SidansNamn-Fotograf-Toppbild1920x1080
  • SidansNamn-Fotograf-VadPåBild-850x460
  • SidansNamn-Fotograf-VadPåBild-410x640
  • Puffinnehåll-Fotograf-3puff-410x330

  • Fotograf: Vid intern fotograf skriv DHAB
  • Ok att använda å, ä och ö i filnamn

Storlek

  • Maxbredd i mittenspalt på sida: 850 pixlar
  • Liggande bilder i innehållssida på nivå 3: 850 x 460 pixlar
    Namngivning för fil: SidansNamn-Fotograf-VadPåBild-850x460
  • Stående bilder i innehållssida på nivå 3: 410 x 640 pixlar
    Namngivning för fil: SidansNamn-Fotograf-VadPåBild-410x640
  • Utvald bild: 1920px x 1080 pixlar
    Toppbild för alal sidor samt för puffar guldkorn och inspiration.
    Utvald bild används på flertalet sätt där den specifika sidan visas eller puffas för och kan komma att visas i olika beskärningar. Denna används som hero/toppbild i sidhuvudet där den på datorskärmar kommer visas som avlång och i mobilen mer långsmal. Den används också i puffar på andra sidor och där ändras formatet beroende på vilken position i listan den har, den kan vara avlång, kvadratisk eller långsmal. Utsnittet kommer alltid tas med utgångsläge från centrum på både höjden och bredden.
    Bilden läggs till under metadata -> redaktionellt -> Utvald bild
    Namngivning för fil: SidansNamn-Fotograf-Toppbild1920x1080
  • Evenemangspuff startsida samt 3-puff på undersidor: 410 x 300 pixlar

Bolagswebb / CVB / Hylteslingan

  • Topp startsida samt undersida (utvald bild): 1920px x 1080 pixlar
    Läs mer under utvald bild för besökswebb.
    Denna typ av toppbild ska finnas på startsida samt nivå 1 av sidor. Övriga undersidor måste inte ha toppbild. Dessa kan istället använda sig av Liggande bild innan rubriken.
  • Puff startsida samt 3-puff på undersida: 410 x 300 pixlar
  • Liggande i brödtext undersida: 850 x 460 pixlar
  • Stående i brödtext undersida: 410 x 640 pixlar

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

Spara bilder i jpg i 55% kvalitet för att bilderna inte ska bli för tunga för exempelvis mobiler. Sattsa på bilder på max 400kb. Gör filmklipp korta för att dra ner filstorleken. ANvänd stativ för att lopen ska bli snyggare.

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

Tänk på att spara ner fotografier för webb i photoshop så de inte tar för stor plats och tynger ner webben. Kortkomando: Shift ctrl alt s

Allternativtexter

"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.selänk till annan webbplats

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".

På våra webbplatser

Ange alltid allternativtext för alla bilder utom för tppbidler/hero på våra webbplatser.

Andra språk

Glöm inte att ändra allternativtexten till korrekt språk för webbsidan som du redigerar. Lätt att missa när man översätter en sida.

Fotografer

Toppbilder/hero

Just nu arbetas på att kunna ange fotograf för toppbilden på annat sätt. 2020-06-23/Lisa

Fotograf anges på fältet för allternativtexten. Allternativtexten lägger du in på toppbilder/hero genom att:

  1. Byta till Bilarkivet uppe till vänster om den gröna handen där det troligen står "Sidor".
  2. Leta upp aktuell bild.
  3. Högerklika på bilden
  4. Välj egenskaper
  5. Välj metadata
  6. Fyll i Fotografens namn på raden beskrivning. Skriv endast fotografens namn. Ej Fotograf eller liknande.
  7. Fotografens namn syns sedan efter brödtexten under infon om när sidan senast uppdaterades.

Bilder i brödtexten

Lägg till fotograf under bilden så här:

  1. Dubbelklicka på bilden
  2. Klicka på Texter
  3. Fylli fotograf i rutan Bildtext. Skriv exempelvis: Foto: Patrik Leonardsson. Ordet Foto behöver vara med. Det läggs inte till automatiskt här som för toppbilden/heron.
  4. Vill du kan du även lägga till annan bildtext innan ordet Foto.

3-puff

Dessa anger vi inte fotograf för. Ej heller bild text som syns under bilden.