"False"
Hoppa direkt till innehållet
printicon
Huvudmenyn dold.

Kapitel 8, Bilder

Ledorden är ”Få men bra bilder”. Alla de bilder du behöver till dina webbsidor hämtar du i Mediabanken (Mediaflow) direkt via Episervers redigeringsvy. Bilderna beskärs med färdiga mallar som finns i redigeringsvyn, beroende på hur och var bilden ska användas.

Få men bra bilder

Du kan lägga till bilder på alla sidor, i sidors puffinnehåll och i vissa blocktyper. Det betyder inte att du måste lägga till en bild.

Sajten umu.se har många mobila besökare vilket ger ett annat behov och beteende; en bild som "bara" fungerar som utfyllnad upplevs på en mindre skärm som störande och tar fokus från det som besökaren är på jakt efter på sidan. Samtidigt är det viktigt att de bilder vi väl använder är bra eftersom de har en framträdande roll.

Liggande bildformat är standard

På umu.se använder vi som standard liggande bilder med proportionerna 16:9 (1280x720 pixlar). I Episerver heter mallen Standard 16:9. Det bildformatet används i puffar, bildspel och fullbredd i brödtext.

Ändra format via bildmallarna 

De allra flesta bilder har inte rätt mått från början utan behöver beskäras i Episerver. Ändra formatet i Mediaflow-connectorn via mallarna. Där finns flera olika anpassade mallar att välja mellan.

Rättighet att använda bilden?
Kolla alltid om du har rätt att använda bilden genom att först klicka på bilden och läsa informationen i den högra informationspanelen.

 

Bildformat som används mer sällan

Porträttbild kvadratisk vä/hö

Porträttbild kvadratisk vä/hö (600x600px) används för porträttbilder

  • i brödtext på nyhetssidor
  • i brödtext i studentintervjuer
  • på standardsidor som presenterar till exempel en institution eller enhets ledning.

Porträttbild används alltid i halvbredd.

Den kvadratiska porträttbilden får inte användas för andra motiv än porträtt. Bilden ska heller inte användas för kontaktinformation. En bild till kontaktinformation skapas med hjälp av kontaktblocket.

Toppbild

Toppbild (2560x800px) används för toppbilder högst upp på sidan.

Toppbild för porträttsida

Toppbild för porträttsida (1200x1200 px) används som toppbild för porträttsidor och i puffar för studentintervjuer, alltid i halvbredd höger- eller vänsterställd.

Bildtext

Bildtexten visas precis nedanför bilden och är bland det mest lästa på sidan, så ägna tid till att skriva bra bildtexter. Den ska tillföra bilden något, locka till läsning av resten av texten och ha täckning i resten av innehållet. Namnge personer som medverkar på bilden.

Alt-text (alternativtext)

Alt-text följer oftast automatiskt med från Mediabanken när du hämtar bilder därifrån. Om texten inte finns i Mediabanken behöver du själv komplettera med denna text när du inforgar bilden. Du kan själv justera alt-texten om det skulle behövas.

Fotografens namn ska alltid synas

Fotografens namn följer automatiskt med från Mediabanken när du hämtar bilder därifrån. Ta inte bort den informationen.

Övningsuppgifter

Om du inte redan är inloggad på testytan, klicka på länken för att öppna en ny flik och gå till adressen https://redaktorsstod.its.umu.se/episerver/. Logga in med ditt Umu-id.

Du hittar din startsida under Redaktörsstöd/Webbredaktör utbildning/Testsidor/Fakultet

Det du gör i de här övningarna är en del av slutuppgiften.

Uppgift 19: Lägg till puffbild på sida

  1. Leta reda på din sida Om institutionen eller Om enheten i navigeringsfönstret.
  2. Markera sidan i sidstrukturträdet och gå in på ingången Puffinnehåll.
  3. Lägg till valfri bild som puffbild och publicera sedan sidan.

Den här bilden går inte att förhandsgranska, utan syns först när sidan använts i en pufflänkning.

Instruktion i Manual

Uppgift 20: Lägg till toppbild på sida

  1. Leta reda på din institutions startsida (sidan med ditt namn) i navigeringsfönstret.
  2. Markera sidan i sidstrukturträdet och gå in på ingången Toppbild.
  3. Välj bild, förhandsgranska och publicera sidan.

Instruktion i Manual

Senast uppdaterad: 2025-11-11