• Learner
  • Course administrator
  • Reports
  • Administrator
  • Finnish
  • English
  • Learner
  • Course administrator
  • Reports
  • Administrator
  • Finnish
  • English
Generic selectors
Exact matches
Search title
Search content
Post Type Selectors

Image guidelines

20.09.2023

Login page | Environment logo | Registration form image | Course picture | Course banner | Images in the course | Learning path picture | Images in tests

Login page

Left block image: Resolution at least 624 x 636 px. The optimal aspect ratio is 52:53. You should use an image where the essential content is in the middle of the image. And it’s worth trying how the image placed on the login page scales when you change the size of the browser.

The wallpaper scales according to the size of the screen. For desktop use, 1920 x 1080 px is recommended.

Environment logo

In the environment appearance settings, a logo suitable for the upper left corner is defined.

The recommended height of the image logo is 58 px and the width of the image can be a maximum of 293 px. The logo is displayed with a light background color, so it should be dark in color.

The logo can be larger than 293 x 58 px, but the aspect ratio of the image should not be wider than 293 : 58. If the image is wider, it overlaps Priima’s function texts in some situations. If necessary, you should add empty space below and above the logo by editing it with an image editing program. If necessary, contact the Priiman Helpdesk.

Registration form image

An image can be added to a registration form and the recommended maximum width for it is 500 px.

Course picture

You can select a picture for the course, which will appear in the Course catalog and in the Courses list on the Dashboard in connection with the course name. A text alternative can be defined for the picture. The recommended size for the picture is 308 x 225 pixels.

Course banner

On a computer screen, the recommended image size for the layout of the course banner is 1905 x 179, and 338 x 204 for mobile.

Images in the course

Images of different sizes fit into the blocks. A certain width cannot be set for Priima blocks. This is because Priima and course content have to be scaled to different devices and different screen sizes. The aim is to scale the content of the course sensibly so that as much space as is visible in the block is visible from the middle of the image.

You may want to use an image with relevant content in the center of the image, and try scaling it as you resize the screen.

It is a good idea to use a square image as the image for the event block, because the image selected for the block will also be displayed on the Events page of the course as a photo of the event, and there the image will always be a square. The height of the text on that page is the same as the height of the image, i.e. 350 px.

Learning path picture

A picture can be selected for the learning path, and its recommended size is 308 x 225 pixels.

Images in tests

The recommended minimum height for images used in test questions and feedback is 50px and the recommended maximum height is 70px. The width is scaled accordingly.

Tags:course settingsimage sizeimage sizeslogoympäristön hallinnointi

 
    Establishing courses
  • + Guidelines for instructors
    • My teaching
    • Image guidelines
    • Manage / Learn switch
    • Use of the service
    • Learning, Teaching and Guidance
    • Instructor's Dashboard
    • Result monitoring and guidance
    • Frequently Asked Questions
  • + Course administration
    • Duplicating a course
    • Opening and closing a course
    • Adding course activities to your own external calendar as a instructor
    • Micro course
    • Mandatory assignments
    • Setting a required course
    • Announcements
    • Deletion of course completions
    • Adding course results
    • Completing the course several times
    • Course catalog: Joining and registration
    • Course template
    • Course feedback settings
    • Course completion settings
    • Course settings
    • Message board
    • Member administration
    • Start page and theme
    • Course owner, instructor and administrator
    • Creating a new course
  • + Materials
    • Question database
    • Management of Materials
    • Preparing tests
  • + Learning paths
    • The principles of completing the learning path and modifying the path
    • Tracking progress of learning path completions
    • Managing members of the learning path
    • Creating a learning path
  • + Content and assignments in the course
    • Journal
    • Image carousel
    • Import content from file
    • Event
    • Form
    • Video and audio
    • External content
    • File and image
    • Test
    • Text content
    • Embedded content
    • Follow-up
    • SCORM
    • LTI tool
    • Discussion
    • User card
    • Content editor
    • Turn-in assignment