Theme thumbs

When you post content on your website, the theme automatically generates thumbnails from the featured image to display the content on your pages in an attractive way. To make your website faster, you can control which thumbnail is generated. For this go to Theme Panel > Block Settings > Thumbs on Modules/Blocks and disable the unused ones to save space on your server.

  • Enable/disable the default thumb sizes
  • enable/disable the retina thumbs

panel_block_settings_thumbs

Default thumbnail placeholder

If the thumbnail image is not active for a specific module that you use, the module will display a default placeholder with the size of the image and instructions about how to enable the thumb for that module.

thumb_placeholder

Modules and thumbs

  • Module 1

td_module_1

NOTE: Image Size – 300 x 220px

module_1

  • Module 2

td_module_2

NOTE: Image Size –  300 x 220px

module_2

  • Module 3

td_module_3

NOTE: Image Size – 100 x 70px

module_3

  • Module 4

td_module_4

NOTE: Image Size – 640 x 400px

module_4

  • Module 5

td_module_5

NOTE: Image Size – 260 x 195px

module_5

  • Module 6

td_module_6

NOTE: This module doesn’t use image thumbs

module_6

Uploaded Image Size

WordPress doesn’t have an upscale function. It is not recommended to upload small images since the modules use thumbs. If the uploaded image is smaller than the thumb, the theme will use the original size of the uploaded picture, and a blank space may appear around the thumb.

If you don’t have the possibility to upload large images, you could use a combination of plugins to upscale the thumbs – Thumbnail Upscale and Force Regenerate

Aspect Ratio

There’s no ideal image size for cropping, a part of the picture will be lost due to aspect ratio differences. On the IonMag theme some modules have a 16:9 aspect ratio, while others have one closer to 4:3.

Example 1: If you upload an image that has an aspect ratio close to 4:3 the cropping function will cut the bottom on thumbs which have a 16:9 aspect ratio.

Example 2: If you upload a 16:9 image the function will cut a portion of the sides for the thumbs that have a 4:3 aspect ratio.

Depending on the module used, the best solution is to experiment with different sizes and see which one offers the best results.

aspect_ratio

Function Used

The theme uses the add_image_size() function. You can find all details about it on the codex and here.