Bilder och bildstorlekar på goteborg.se

Allmänt om bilder på goteborg.se
Dokumentet beskriver rekommenderade storlekar och andra viktiga faktorer för bilder i de olika sidmallar som finns för goteborg.se.

Då goteborg.se använder "responsiv design" är bildstorlekarna inte absoluta. Det betyder att bilderna automatiskt skalas om för att passa olika skärmstorlekar och layouter. men det betyder inte att det går att lägga in en bild utan att beskära och minska storlek på den först.

Via Mina verktyg kan alla lägga in gratis enklare bildbehandlingsprogram på sin dator. Ett exempel är PhotoFiltre.

Bilderna på goteborg.se kan ha två funktioner:

• Dekorativa bilder - bilden används för att göra sidan trevligare och är kopplat till ämnet men innehåller i sig inget budskap. Den här typen av bilder används i liten utsträckning på goteborg.se.
• Beskrivande bilder - bilden är ett förtydligande eller en förklaring av den övriga informationen på sidan. Exempel på detta kan vara diagram eller bildinstruktioner.

Målsida - beskrivande bild i brödtexten ( i texteditorn)
Vi använder inte dekorativa bilder i texterna ( i texteditorn). De bilder som används ska tillföra och komplettera informationen på sidan. Till exempel diagram eller bildinstruktion. För dessa bilder finns ingen generell storlek men den får vara max 800 pixlar bred på goteborg.se kategorinivå och 640 pixlar bred på enhetssidor.

Bilder i texteditorn:

Enhetskatalog och Hitta enhet – bild på enhet
Syfte och rekommendation

Bilden i serviceguiden ska visa hur enheten ser ut eller vilken sorts verksamhet som bedrivs där. Bildstorlek: 250x190 pixlar

Enhetssida - dekorativ bild
Här finns information om bild och bildstorlekar på enhetssidor:

Bilder i texteditorn:

Genomgångssida
Syfte och rekommendation

Genomgångssidor ska INTE ha bild

Startsidan på förvaltningssidorna

• 1226x340 pixlar (desktop och surfplatta, max 300 kB)
• 578x160 pixlar (mobil, max 100 kB)

Syfte och rekommendation
Eftersom bilden även syns under Förvaltningar och Stadens bolag är det viktigt att bilden är väldigt konkret och lätt att tyda. Bilden ska snarare andas förvaltning, organisation och nämnd än era verksamheter. Det är alltså därmed bättre med en bild på fasaden på förvaltningskontoret än skrattande barn.

För att inte förvaltningssidorna ska ta för lång tid att ladda på mobila enheter behöver bilderna läggas in i två format - för desktop och surfplatta och för mobil. Detta görs under "Återgivningar". Ladda då upp både en huvudbild i desktop-formatet samt de tre återgivningarna för desktop, surfplatta och mobil. Ladda upp den stora bilden under återgivning både som huvudbild och för Desktop, och lilla bilden för mobil.

Startsida – huvudpuff

Mer om puffar på startsidan:

Syfte och rekommendation
Syftet är att förmedla aktuella kampanjer eller viktiga händelser som har medborgaren som primär mottagare. Syftet är också att sätta en prägel och stämning på startsidan. Bilden bör alltid inbjuda till interaktion och tydligt tala om var man hamnar vid klick på bilden.

Bilder i aktuelltartiklar på kategorisidor OCH enhetssidor

Bildstorlek: 900 x 400. Tänk på att bilderna inte ska vara för tunga. Helst mindre än 500 kB.