Blog Thumbnails
June 27, 2021
This guide will help trouble shoot any questions regarding thumbnails.
Thumbnail Sizing
Size: 296px x 180px
File size: 40~60Kb is ideal.
Wrong size? That's okay, if the image is too large or too small, the image will be resized to fit. The downside is that there will be improper cropping and pixelation. To get a 1:1 relation with what you see in your photo editing software, it's best to aim for the specific size.
Wrong file size? That's okay, if the thumbnail is 150kb, 20kb, etc. However, if you have all your post at 300kb, your blog will be very slow. 20kb and your blog will be fast, but the image quality might be too low. Above 300kb, the CMS will reject the image, this is likely due to your image being WAY too big.
Want to learn how to get the best images and use photo editing software?
View the graphics tutorials.
Adding a thumbnail to a new page
If you haven't built the page yet, start with this guide: creating a post
Thumbnail is missing/incorrect on blog post
- Navigate to your blog post, open the page in the CMS.
- Click the MultiEdit button
- Locate the image field.
- Select the file icon
- Navigate to your images folder.
If you need to upload an image:
- Click upload
- Click the add button
to find your image or you can drag the image onto the upload box. - Once your image is selected, you can click Start Upload
, then your image will now be uploaded into the CMS. - Make sure your image is selected, then select Choose File
, your image field will say {f:######} (this is a dependency tag). - Click Save and publish the post to production.
If your image is already uploaded:
- Select your image, then select Choose File , your image field will say {f:######} (this is a dependency tag).
- Click Save and publish the post to production.
HAVE QUESTIONS?