Bilder
Här hittar du instruktioner för hur du lägger till en bild i en artikel. Och hur du ska göra om du saknar någon bild i epi-biblioteket.
Vi lägger upp bilder och bildsätter i stort sett på samma sätt på hela plattformen. Det finns dock vissa skillnader. Här får du dels veta hur du gör rent praktiskt. Men också vad som skiljer vårt arbete på inera.se från övriga webbplatser.
Mappstruktur för bilder i Episerver
För att underlätta söket efter lämpliga bilder i Episerver återanvänder mediahanteraren kategorierna som finns i vår bildbank, ImageVault.
En bild ligger alltid bara på ett ställe i mediahanteraren, även om den skulle passa i flera kategorier.
Huvudbild för tjänst och projekt
Vi har lagt till en mapp för de huvudbilder som ska ligga överst på varje tjänstesida, och representera respektive tjänst. Samma sak gäller för projekt. De här bilderna är öronmärkta för just detta ändamål. Därav de separata mapparna.
Projekt inom samma projektprogram har samma huvudbild.
Projekt som pågår inom eller är en vidareutveckling av en befintlig tjänst, har samma huvudbild som tjänsten.
Mappstruktur:
- Byggnader
- Evenemang
- Kommunikationskanaler – Behöver ny bild för Mina intyg
- Logotype
- Människor
- Natur
- Processer
- Skärmdump
- Vård och omsorg
- Huvudbild för tjänst
- Huvudbild för projekt
Det finns fler bilder i ImageVault
Saknar du någon bild i Epi-server kan du titta i ImageVault för att se om det finns någon där som kan passa. ImageVault är vår bildbank där alla fotografier och illustrationer för Ineras kommunikation ligger.
I valvet Original finns de bilder som har den storlek och upplösningskvalitet som krävs för att fungera på plattformen. Finns det bilder i ImageVault, som du vill använda på inera.se, hör du av dig till bildansvarig, som eventuellt bearbetar och kopierar över dem till mapparna i Episervers mediahanterare.
Lägga in bild i artikel
Såhär gör du för att bildsätta texter på inera.se
Namn: Detta syns i trädstrukturen i EPi men inte utåt.
Riktlinjer för hur du namnger bilder.
Kategori: Ska inte fyllas i för bildblock.
Bild: Dra in bildblock från resursbiblioteket eller powerslice.
Beskrivning: Denna text blir alt-text. Skriver du något här visas det istället för eventuell alt-text som är kopplad till bilden.
Riktlinjer för hur du skriver bild- och alt-texter.
Bildtext: Skriv in bildtexten.
Känslig bild i sammanhang: Används inte på inera.se
Använd zoomfunktionalitet: Gör att man kan förstora bilden. Blir största formatet.
Att placera bilder
En bild kan placeras högst upp i texten, som ett eget kapitel utan tillhörande text eller i ett kapitel tillsammans med text. I filmen ovanför ser du hur du gör och hur det ser ut i texten.
I ett kapitel med text kan du välja var bilden ska placeras. Du kan välja mellan följande:
Bild i stor storlek – fullbredd
Bild i mellanstorlek – utfallande
Bild i liten storlek – utfallande
Bild i liten storlek – vänsterställd i text
Bild i liten storlek – högerställd i text
Bild i ministorlek – utfallande
Bild i ministorlek – vänsterställd i text
Bild i ministorlek – högerställd i text
Undvik att välja utfallande bilder
Utfallande bilder gör att det blir svårt för hjälpmedel att läsa texten, till exempel skärmläsare och förstoringsverktyg. Det minskar textens tillgänglighet.
En del utfallande bilder blir också mycket små i mobilläge. Titta därför på bilden i mobilläge när du har publicerat.
Bildstorlekar
Det finns för tillfället följande bildformat:
- Huvudbild 1666x1110px. Den enda bilden med fasta proportioner
På inera.se använder vi som regel inte Huvudbild. Istället lägger vi in ett inledande kapitelblock med bildblock. - 1240px bred (valfri höjd).
Bilder i det här formatet är inbäddade i texten - 814px bred (valfri höjd).
Bilder i det här formatet är utfallande från texten - 600px bred (valfri höjd).
Bilder i det här formatet är utfallande - 386px bred (valfri höjd).
Bilder i det här formatet kan vara både utfallande och inbäddade
Stora bilder ger bra kvalitet på fler skärmtyper
Med de här formaten sparas bilderna i dubbla storleken. Med andra ord, en bild som sparas i 1666 pixlar visas egentligen i 833 pixlar. Genom att spara bilderna i dubbla storleken håller bildkvaliteten även för retinaskärmar.
Väljer du att göra det möjligt för besökaren att förstora en bild, visar en liten symbol i övre högra hörnet på bilden detta.
Respektive bild finns bara i en version
Det räcker med att spara varje bild en gång, i stort format. Ett verktyg kommer sedan att omforma bilden på sidan efter redaktörens önskemål.