Skip to main content

Recommended image sizes for your platform

This article explains the recommended image sizes for your platform, like the logo, the icons, and the images of courses, books, consultations and blog posts, and how to add each image.

  • Platform logo: 512 × 512 (1:1 ratio).
  • Browser icon: 200 × 200 (1:1 ratio).
  • Profile picture: 100 × 100 (1:1 ratio).
  • Platform cover image and consultation cover image: 1920 × 480 (4:1 ratio).
  • Course cover image: 1280 × 720 (16:9 ratio).
  • Course thumbnail, book image, consultation thumbnail and blog post image: 700 × 350 (2:1 ratio).
Note

You don't have to use the exact sizes. What matters is to keep the ratio between the width and the height.

How to add the images​

Platform logo, browser icon and cover image​

  1. In the dashboard, go to Settings, then Customization.

  2. Click Edit next to the logo, or click Change cover.

    The Customization page in Settings with the Edit and Change cover buttons

  3. In the Manage Images window, add the logo at 512 × 512 (1:1 ratio):

    • Logo on a light background: for light mode.
    • Logo on a dark background: for dark mode.

  4. Add the browser icon at 200 × 200 (1:1 ratio):

    • Icon on a light background: for light mode.
    • Icon on a dark background: for dark mode.

  5. Add the Cover image at 1920 × 480 (4:1 ratio).

  6. Click Update Images.

    The Manage Images window with the logo, icon and cover image fields and the Update Images button

For the cover image to look its best on all screen sizes, put the text in the middle part of the image. The next image shows where to put the text in the cover image.

A cover image layout that shows the middle area for text

An example:

  1. Platform logo.
  2. Browser icon.
  3. Cover image.

An example of the platform logo, browser icon and cover image on the platform

Profile picture​

  1. Click your account icon.

  2. Choose Edit Profile.

    The account menu with the Edit Profile option

  3. Click Change photo.

    The edit profile page with the Change photo button

  4. Choose the image, then click Open.

    The window to pick an image from your device, with the Open button

An example (profile picture):

An example of a profile picture on the platform

Course images​

  1. In the dashboard, choose Courses.

  2. Click Edit Course Details for the course you want to add images to.

    The list of courses with the edit course button

  3. Go to the Images & Video tab.

  4. Add the Thumbnail at 700 × 350 (2:1 ratio).

  5. Add the Cover Image at 1280 × 720 (16:9 ratio).

  6. Click Update Images & Video.

    The images tab in the edit course details window

tip

You can also add a YouTube video link in the Course Video (YouTube) field, to show the video instead of the cover image at the top of the course page.

An example (course thumbnail):

An example of a course thumbnail on the platform

An example (course cover image):

An example of a course cover image at the top of the course page

Book image​

  1. You add the image when you create the book, by clicking Click to add picture.

  2. Choose a book image at 700 × 350 (2:1 ratio).

    The Books page with the create book button

    The create book form with the option to add a picture

An example (book image):

An example of a book image on the platform

Consultation images​

  1. You add the images when you create the consultation.

  2. Add the cover image from Click here to add a Cover Image, at 1920 × 480 (4:1 ratio).

  3. Add the thumbnail from Click here to add an Thumbnail Image, at 700 × 350 (2:1 ratio).

    The consultation form with the options to add the cover image and the thumbnail

An example (consultation thumbnail):

An example of a consultation thumbnail on the platform

An example (consultation cover image):

An example of a consultation cover image on the platform

Blog post image​

  1. You add the image when you create the blog post, by clicking Add Image.

  2. Choose a blog post image at 700 × 350 (2:1 ratio).

    The blog posts page with the create post button

    The create blog post form with the option to add an image

An example (blog post image):

An example of a blog post image on the platform