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.
Click the “Thumbnailer” link.
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.
Click the name of the folder where the image files you wish to thumbnail are located.
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.
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.
If you FTP to the site, you can see the newly created “thumbnails” directory.
And the thumbnail images.
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?