Resources     Blog  

  1. Home
  2. cPanel Tutorials
  3. How to Create Image Thumbnails in cPanel

How to Create Image Thumbnails in cPanel

If you use an image editing program such as Gimp or Photoshop, you may know how to use batch processing to (almost) automate the creation of thumbnail images. But did you know that cPanel will generate thumbnail images for you too?

It will. And it may even do it faster and easier than your image editing software. This tutorial will provide step by step instructions for making image thumbnails in cPanel.

What is an Image Thumbnail?

An image thumbnail is just a smaller version of a larger image file. The thumbnail typically serves as either a link to the larger image or a smaller representation in a preview or excerpt.

Using thumbnails, you can display hundreds of images on one page and avoid loading larger files until the visitor wants to see them.

While it is possible to use HTML or CSS to set small display dimensions for a large image (making the full-sized images appear smaller on the page), we don’t recommend doing so. Download speed over the web should always be taken into consideration when building a page.

Loading a number of full-size images into smaller dimensions takes much longer than loading thumbnails, so it’s something that should be avoided.

Remember, the longer it takes for a given page to load, the lower Google and other search engines are likely to rank the content. This is compared to similar pages that load more quickly.

With page load speed in mind, our goal should be to make any images used on a page as small as possible. This is done either in dimensions or file size.

Since thumbnails achieve size savings from both of these ways, they one of the most valuable assets available to speed up page load times.

Creating Image Thumbnails in cPanel

Log into cPanel. In the “Files” section, click the “Images” link or icon.

how to make image thumbnails in cPanel, step 1

Click the “Thumbnailer” link.

how to make image thumbnails in cPanel, step 2

The file structure of your cPanel site will be shown. In a cPanel directory listing such as this, click the folder icon to navigate and the folder name to select.

Typically your image files will be part of a website, so click the “public_html” folder icon.

how to make image thumbnails in cPanel, step 3

Click the name of the folder where the image files you wish to thumbnail are located.

how to make image thumbnails in cPanel, step 4

Enter the percentage value for the width and height of the thumbnails. For thumbnails half the size of the original, enter 50, a quarter size, 25, etc.

To avoid stretching or distorting the image when the size is reduced, leave the “Keep Aspect Ratio” box checked.

Click the “Thumbnail Images” button.

how to make image thumbnails in cPanel, step 5

On the next page, image processing is shown. When all images have been thumbnailed, you’ll see the success message, “Your images have been thumbnailed into…” which shows the path to the thumbnail images.

how to make image thumbnails in cPanel, step 6

If you FTP to the site, you can see the newly created “thumbnails” directory.

how to make image thumbnails in cPanel, step 7

And the thumbnail images.

how to make image thumbnails in cPanel, step 8

You can see how using cPanel to create your thumbnail images can save you a great deal of time. Especially on websites that use large numbers of images.

How do you currently create image thumbnails? Could your workflow be improved by using the cPanel image thumbnailer?

Author: Michael Phillips

Michael Phillips is a web hosting industry veteran, helping people make the most of their web presence since 1995.

Was this article helpful?

Related Articles

Comments

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.