- Startsida
- Dokumentation
- Bilder och film
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 alla 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 webben Lä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.se Lä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:
- Byt till Bilarkivet uppe till höger om den gröna handen där det troligen står "Sidor".
- Leta upp aktuell bild.
- Högerklika på bilden
- Välj egenskaper
- Välj metadata
- Fyll i en beskrivande text av toppbilden i fältet beskrivning. "Bokskog på Galgberget i Halmstad"
- Fyll i Fotografens namn på raden fotograf. Skriv endast fotografens namn. Ej Fotograf eller liknande. För att kunna fylla i behöver du klcika ur rutan "Ärv värde" om denna är ikryssad.
- 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:
- Dubbelklicka på bilden
- Klicka på Texter
- 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.
- Vill du kan du även lägga till annan bildtext innan ordet Foto. Vi anger inte fotograf om bilden är fotograferad av en anställd på Destination Halmstad.
3-puff
Dessa anger vi inte fotograf för. Ej heller bildtext som syns under bilden.