Overview

Teachable pages are fully responsive, meaning your uploaded images will automatically resize to fit different screen sizes. Use high-quality images and maintain the recommended aspect ratio to ensure the best display across all devices.

Important: Images must be smaller than 11,520 × 6,480px. Larger images will not display properly.

Key benefits / use cases

Ensure your site visuals display correctly on all screen sizes.
Avoid display issues caused by oversized or misformatted images.
Quickly find the right dimensions for every image type across your school.

Theme image sizes

To update theme visuals, go to Site > Theme.

Logo – 250 × 60px (.jpg or .png)
School thumbnail – 960 × 540px (.jpg or .png)
Favicon – 32 × 32px (.jpg or .png)

Page editor image sizes

To update school or product pages, go to Site > Pages and use the Page Editor.

Banner block – 1500 × 800px or 1800 × 600px (.jpg or .png)
Image with Text block – 750 × 500px (.jpg or .png)
Text with Image Grid block – 300 × 300px (.jpg or .png)
Image block –
- Landscape: 1200 × 800px (.jpg or .png)
- Portrait: 1200 × 1600px (.jpg or .png)

Product images

To update product-specific thumbnails, go to the Products tab, select your product, and navigate to the Information tab.

Product thumbnail
- Aspect ratio: 16:9
- Recommended size: 1024 × 576px (.jpg or .png)

Other image types

Author bio – 250 × 250px (.jpg or .png)
Video thumbnail –
- Aspect ratio: 16:9
- Recommended size: 1280 × 720px (.jpg or .png)

FAQs

What happens if I upload an image that’s too large?

Images larger than 11,520 × 6,480px will not display. Resize before uploading.

Do I need to use the exact pixel size listed?

No. These are recommended dimensions to help you maintain the correct aspect ratio. You can upload larger or smaller images, as long as the ratio is consistent and the image is below the max size limit.