Norwegian version of this page

Image sizes

You can find image sizes for use on uio.no here.

Image sizes on uio.no

Article template/ event template

When inserting an image into image field use16:9 format. 

  • Image at the top of an article: 1000*562 pixels (16:9 format)
  • The image will be at the top, under the opening paragraph of the article/ event
  • This is the image that will appear in the feeder

Recommended image sizes when adding images to main content:

  • Landscape: 690*388 (16:9 format) or 690*517 pixels (4:3 format)
  • Portrait: 517*690 pixels
  • Square: 690*690 pixels

Recommended image sizes for publications in article templates:

  • Portrait: 517*690 pixels
  • Square: 690*690 pixels

Recommended image sizes for career interview in article templates:

  • In main field: 1000*562 pixels (16:9 format)
  • Portrait: 517*690 pixels
  • Landscape: 690*388 (16:9 format) or 690*517 pixels (4:3 format)

Dissertation template

  • Portrait: 517*690 pixels

Personal presentations

  • 300*400 pixels

Front page template

  • in full-width box on front pages: 1200 x 675 pixels (16:9 format)
  • in half-width box on front pages:
    • Portrait: 560x747 pixels
    • Landscape: 560 x 315 pixels (16:9 format)
  • in info box: 690x517 pixels (4:3 format)

Fact box/ info box

Main front page image for faculty, institute, centre and uio.no

  • Main front page image for faculty, institute and center: 1395 x 514 (format 279:103)
    • Include the image in the first box on the front page 
    • On the box that contains the image, enter the code sub-header-box-big in the special settings field ("spesielle innstillinger"). If the image requires white colour on the seal, use sub-header-white-seal as well.
    • Separate image for mobile screens: 768 x 576 (format 4:3)
      A mobile image is added by pasting in the following code in the editor html view in the same box that contains the main image:
      <p class="mobile-image"><img alt="YOUR ALT TEXT" height="576" src="YOUR IMAGE URL" width="768" /></p>
      (fill in alt text and the URL of the image you wish to use)
  • Top image on the front page of uio.no: 840*473 (format 16:9)
    • Include the image in the first box on the front page
    • The text displayed next to the picture is entered into the content editor of the same box, on the following format:

      <p>See our study offers and find the study programme that suits you.</p>
      <p><a class="read-more" href="https://www.uio.no/english/studies">See all study offers</a></p>

    • If the image is to be displayed to the right of the text, enter frontpage-uio-{orange/blue/green}-img-right into the special settings field (chose one of the colours listed).
    • ​​​If the image is to be displayed to the left of the text: enter frontpage-uio-{orange/blue/green}-img-left into the special settings field (chose one of the colours listed).
    • Separate image for mobile screens: 768 x 576 (format 4:3)
      A mobile image is added by pasting in the following code in the editor html view in the box that contains the front image and text:
      <p class="mobile-image"><img alt="YOUR ALT TEXT" height="576" src="YOUR IMAGE URL" width="768" /></p>
      (fill in alt text and the URL of the image you wish to use). If this code is placed above the text in the editor field, the image will be displayed above the text on mobile devices – and vice versa.

Image sizes with illustrations