Bildestørrelser og videostørrelser

Bildestørrelser på uio.no

Artikkelmal/arrangementsmal

Når bilde legges inn i bildefeltet bruk 16:9 format. 

• Bilde i toppen av en artikkel: 1000*562 piksler (format 16:9)
• Bildet legger seg på toppen under ingressen i artikkelen/arrangementet
• Det er dette bildet som vises i feeder

Anbefalte bildestørrelser når du legger bilder inn i hovedinnholdsfeltet:

• landskapsformat: 690*388 (16:9 format) eller 690*517 piksler (format 4:3)
• portrettformat: 517*690 piksler
• kvadratisk format: 690*690 piksler

Anbefalte bildestørrelser for publikasjoner i artikkelmal:

• portrettformat: 517*690 piksler
• kvadratisk format: 690*690 piksler

Anbefalte bildestørrelser for karriereintervju i artikkelmal:

• i hovedfeltet: 1000*562 piksler (format 16:9)
• portrettformat: 517*690 piksler
• landskapsformat: 690*388 ( format 16:9) eller 690*517 piksler (format 4:3)

Fullbreddebilde i artikkelmal testes for tiden i noen få artikler på uio.no. Dette skal foreløpig ikke tas i bruk andre steder.

Disputasmaler

• portrettformat: 517*690 piksler

Personpresentasjoner

• 300 x 400 piksler (oppjustert fra tidligere for å passe alle skjermtyper)
• For pressebilder anbefales oppløsning på 300 ppi. For en høyoppløselig versjon av nettsidebildet anbefales 1500 x 2000 piksler, men andre formater kan også benyttes. 

Mal for forskningsprosjekter

To alternativer er tilgjengelig for visning av bilde øverst på prosjektsiden: 

• Et bakgrunnsbilde i fullbredde som legger seg bak tittel og felt for akronym.
• Et bilde i vanlig tekstbredde som vises under tittel, ingress og varighet.

For alternativ 1, huker du av for "Bruk som bakgrunnsbilde øverst på siden" i redaktørgrensesnittet. 

Anbefalt størrelse for bilder som skal brukes som bakgrunnsbilde øverst på siden er 1395 x 514 piksler (format 279:103). På mobil croppes bildet til 4:3-format, så  hovedmotivet bør være omtrent i midten av bildet. Hvis bildet skal vises under ingress, er anbefalt størrelse 1000 x 562 piksler (16:9).

Forsidemal

• i fullbreddeboks på forsider: 1200 x 675 piksler (format 16:9)
• i halvbreddeboks på forsider:
  • portrettformat: 560x747 piksler
  • landskapsformat: 560 x 315 piksler (format 16:9)
• i infoboks: 690x517 piksler ( format 4:3)

Faktaboks/infoboks

• veiledning og bildestørrelser for faktabokser i artikler
• veiledning og bildestørrelser for infoboks på forsider

Hovedbilde på forsider til fakultet, institutt og senter

• Bilde i toppen på fakultet, institutt og senter: 1395 x 514 (format 279:103)
  • Legges i første boks på forsiden.
  • Bruk sub-header-box-big under "spesielle innstillinger" i boksen. Sett i tillegg sub-header-white-seal hvis bildet krever hvit tekstfarge
  • Bildet vil beskjæres på sidene for å passe på ulike skjermer. Legg til motive-right eller motive-left under "spesielle innstillinger" hvis motivet ikke er i midten av bildet.
  • Eget bilde for visning på mobil: 768 x 576 (format 4:3)
    Mobilbildet legges til ved å lime inn følgende kode i brødtekstfeltet i boksen der hovedbildet ligger:
    <img class="mobile-image" alt="DIN ALTTEKST" height="576" src="DIN URL" width="768" />
  • (fyll ut med alttekst og URL-en til bildet du skal bruke)

Bildegalleri

Bildegalleriet håndterer alle formater, men vi anbefaler å bruke 16:9- eller 4:3-formater for landskap, og 3:4 for portrett.

For å sikre god kvalitet i fullskjermvisning bør bildene være litt større enn i vanlig brødtekst, men en bredde på 1200 piksler er tilstrekkelig.

Videostørrelser 

Video i landskapsformat

Video på en nettside skal som hovedregel ha formatet 16:9, altså landskapsformat. For å finne ut hvor mange pixler videoen skal ha, kan du ta utgangspunkt i de bildestørrelsene som er i 16:9-format. Her følger noen eksempler for de vanligste malene: 

Artikkel/arrangementsmal/underside på studieprogram:

• i toppen av en artikkel: 1000x562 pixler (16:9 format)
• i innholdsfeltet: 690x388 pixler (16:9 format) 

Forsidemal/studieprogramforside:

• i fullbreddeboks: 1200x675 pixler (16:9 format)
• i halvbreddeboks: 560x315 pixler (16:9 format)

Video i portrettformat

Videoer som lages til sosiale medier er oftest i portrettformat. Generelt er det anbefalt å lage en egen versjon i landskapsformat til nettsidene.

Noen ganger er det allikevel ønskelig å bruke video i høydeformat på nett. Ved å legge til et sitat på siden av filmen, blir visningen balansert. 

Se hvordan du kan vise videoer i portrettformat med et sitat til høyre eller venstre.

Klasse for lite bilde

Hvis du ønsker et bilde som er mindre enn 350px, kan du sette klassen «tiny-img-width» i feltet for stilklasser under avansert i bildedialogen. Bildet vil få en bredde på 150px.