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*400 piksler (oppjustert fra tidligere for ? passe alle skjermtyper)

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:
    <p class="mobile-image"><img alt="DIN ALTTEKST" height="576" src="DIN URL" width="768" /></p>
    (fyll ut med alttekst og URL-en til bildet du skal bruke)

Hovedbilde p? forsiden til uio.no

• Bilde p? forsiden uio.no: 840*473 (format 16:9)
  • Legges i f?rste boks p? forsiden.
  • Teksten som vises sammen med toppbildet legges inn i br?dtekstfeltet i samme boks, p? f?lgende format: 

    <p>Vi utdanner studenter med kunnskap, evne og vilje til ? skape en bedre verden.</p>
    <p><a class="read-more" href="/studier/bli-student/index.html">Bli student hos oss</a></p>

  • Hvis bildet skal ligge til h?yre for teksten: sett frontpage-uio-{orange/blue/green}-img-right p? spesielle innstillinger (velg ¨¦n av de tilgjengelige fargene). 
  • ???Hvis bildet skal ligge til venstre for teksten: sett frontpage-uio-{orange/blue/green}-img-left p? spesielle innstillinger (velg ¨¦n av de tilgjengelige fargene).
  • Eget bilde for visning p? mobil: 768 x 576 (format 4:3)
    Mobilbildet legges inn ved ? lime inn f?lgende kode i kildevisning av br?dtekstfeltet i boksen der toppbildet ligger:
    <p class="mobile-image"><img alt="DIN ALTTEKST" height="576" src="URL-en til bildet" width="768" /></p>
    Hvis denne koden legges over teksten i redigeringsfeltet vil det vises f?r teksten p? mobil, og omvendt. 

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.