Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Du ska alltid följa den grafiska profilen för bilder och helst använda bilder i bildbanken.Bildbanken.

Förstå hur du arbetar med bilder på gu.se

...

Innan du publicerar är rekommendationen att du läser genom våra riktlinjer för publicering som gäller för universitetets centrala webbplatser. Utöver dessa finns det också specifika riktlinjer för gu.se:

...

Expand
titleHa inte text i bilden

Text i bild kan göra gör det svårare för besökare att ta del av innehållet, därför ska vi alltid till exempel kan text i bild inte läsas upp av en skärmläsare vilket gör att besökare som använder det inte får tillgång till texten i bilden. Ett annat exempel är att text i bild blir svårläst i mobiltelefon och kan lätt bli pixlig om du zoomar in.

På grund av det här ska vi inte använda bilder med text på gu.se utan istället presentera text som just text istället för och bilder som bilder. Undantag är logotyper. . De enda undantagen från detta är:

  • Bild på organisationsschema, processkartor eller flödesschema. I de här fallen är det dock viktigt att du i samma sektion sammanfattar innehållet i bilden med hjälp av text. Till exempel:

  • Logotyper

Använd text, inte bilder av text, för att visa text, DIGGs hemsida

Expand
titleUndvik bildcollage

Undvik att ladda upp bildcollage. Webbsidan kommer att anpassa bilden efter det format den visas upp på och det ser olika ut beroende på vilken skärmstorlek besökaren har. Collaget kan komma att beskäras på ett sådant sätt att bilden inte visas som tänkt.

Expand
titleRekommendation för mått på bilder

Bilder anpassas och beskärs automatiskt beroende på placering på webben och mottagarens skärmupplösning. Bilderna behöver både vara fotograferade och laddas upp med utzoomat utsnitt istället för att tänka vilken placering/format bilden ska ha. Välj en fokuspunkt på bilden. Högsta bildstorlek är 50 MB.

Bilder med lägst:

  • bredd 2656 pixlar 

  • höjd 1770 pixlar

OBS! Bilder har ett maxmått på 6500x6500 pixlar

Du kan undvika beskärning av bilder för nyheter och informationssidor. För nyheter ska du välja ett bildformat som inte beskär bilden t ex "Bildkomponent: Medium (No crop)". För bilder som placeras i en informationssektion via komponenten "Bild" kan man kryssa i rutan "Beskär ej" för att förhindra att bilden beskärs. 

Bildens visningsyta på desktop

Bilderna är olika stora beroende på din skärmstorlek och upplösning på din skärm.

ToppbildHuvudbild

  • Startsidor: 2656 x 1062 (5:2 proportion, visas samma på mobil)

  • Infosida: 2656 x 796 (10:3 proportion, visas samma på mobil)

Nyheter och evenemang

  • Fullbredd: 2656 x 1328

  • Large (högerställd) 2144 x 1286

Puffar/informationssida

  • Fullbredd megapuff 2656 x 1000

  • Sektion fullbredd bild (infosidor) 2656 x 1280

  • Sektion bild enspalt 2016 x 800

  • Sektion två spalt 33%: 659 x 470

  • Sektion två spalt 66%: 1337 x 802

  • Bild i brödtext 1152 x 650

Expand
titleAI-bilder

Enligt styrdokumentet Göteborgs universitets regler för visuell identitet är universitetets bildspråk dokumentärt. Profilerande bilder ska skildra verkligheten på universitetet där människan ska vara i centrum och mångfald ska eftersträvas i bildmaterialet.

På grund av detta ska vi inte använda AI-bilder på gu.se.

Lägg till bild (första gången en bild laddas upp)

...

  1. Dubbelkolla så att bilden inte redan ligger uppladdat genom att söka i bildbiblioteket, både i ytans bildbibliotek och det delade bildbiblioteket.

  2. Finns inte bilden klickar du på “Lägg till bild”.

  3. Skriv in titeln på bilden. Försök skriva en så tydlig titel som möjligt som förklarar vad det är för bild, det blir lättare när du ska försöka hitta bilden igen.

  4. Ladda upp filen genom att klicka på “Välj fil”.

  5. Ange fotograf.

  6. Välj kategori för bilden för att göra det enklare att hitta bilden i bildbiblioteket.

  7. Vill du att bilden ska finnas i det delade bildbiblioteket kryssar du i “Shared pool”.

  8. Klicka på “Spara”.

Note

Blev det något fel med bilden som du laddade upp? Ladda inte upp din nya bild utan byt istället ut den befintliga uppladdade bilden mot rätt bild.

Publicera bild i komponenten bild

...