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)

Disputasmaler

• portrettformat: 517*690 piksler

Personpresentasjoner

• 300*400 piksler (oppjustert fra tidligere for ? passe alle skjermtyper)

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, senter og uio.no

• 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)
• 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. 

• For 澳门葡京手机版app下载sprosjekter og SFF
  • SFF kan ha SFF-merket p? nettsiden under forsidebilde.
  • Samarbeidsprosjekter kan ha logo til UiO og andre institusjoner under forsidebildet. Opptil tre logoer kan vises p? denne m?ten, er det flere partnere m? disse synliggj?res enten som liste med lenker eller logoer nederst p? forsiden.
  • Logoene/merkene m? ha en h?yde p? 60 piksler.
  • Slik legger du inn:
    • Legg inn i kildevisning i samme boks som forsidebildet:
      <ul class="collaboration-part-of">
      <li>Samarbeidspartnere:</li>   
      <li class="collaboration-part-of-uio"><a href="lenke til institusjon"></a></li><img alt="Legg inn allternativ tekst"src="/URL til logo/merke"></li>
       <li class="collaboration-part-of-image"><a href="lenke til institusjon"></a></li><img alt="Legg inn allternativ tekst" src="/URL til logo/merke"/></li>
      <li class="collaboration-part-of-image"><a href="lenke til institusjon"></a></li><img alt="Legg inn allternativ tekst" src="/URL til logo/merke" /></li></ul>
    • Se eksempel p?: Hylleraas-senteret

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.