The cPanel has three different tools to help you manage the pictures you put on your website. These tools allow you to speed up your site. The smaller an image is, the faster your site is able to pull up that image.

  • Thumbnailer – Resizes and entire directory of images into thumbnails and stores then into a thumbnail folder in File Manager.
  • Scaler – Resizes individual images.
  • Converter – Converts one type of image file to another, such as a .jpg file to a .png file).
.png files are the only image format that allows you to create an image with no background.

In order to use these tools, you need to have uploaded images in your public_html file, which you can access through File Manager. These images can be uploaded directly through File Manager or through a CMS, such as WordPress or Drupal. Once you have pictures uploaded to a folder in your site’s directory, you can use Images to organize, resize, or convert the images used on your website.

1. From your cPanel, in the Files section, click Images.
musites_images
 
2. Click the tool you want to use.
musites_image_tool
 

Thumbnailer

1. Click Thumbnailer. In most cases, your files are in the public_html folder.
2. Double-click a folder name to make thumbnails of all the images in that folder. Use the Scale Percent options to define how small the images should be. Leave the Keep Aspect Ratio checkbox selected to prevent the image from becoming distorted by keeping the height and width proportional. Click REset Dimensions to return the Scale Percent values to the default.
3. Click Thumbnail Images, when finished editing your photo.
4. After your images are resized, a thumbnails directory is created as a subdirectory within the folder you chose. The thumbnail images are created with the prefix tn_*, where * represents the file name and extension. Open the thumbnails directory in File Manager by clicking Your images have been thumbnailed into.

Scaler

1. Click Scaler. In most cases, your files are in the public_html folder.
2. Double-click the folder icon to open the file. If you double-click the file name, you’ll choose all the contents of that file.
3. In the New Dimensions text boxes, define (in pixels) how the image should be resized. The Percent option allows you to define the percentage by which the image should be resized. Click Reset Dimensions to return the values to the default. Leave the Keep Aspect Ratio checkbox selected when scaling images to prevent the image from becoming distorted by keeping the height and width proportional. Keep a copy of the original image by selecting Retain a copy of the old image as, and then specifying where to file the original.
4. After editing your image, click Scale Image. A new version of the photo is added to your folder.

Converter

1. Click Converter. In most cases, your files are in the public_html folder.
2. Double-click the folder icon to open the file. If you double-click the file name, you’ll choose all the contents of that file.
3. Choose the file format from the list you want your image to be converted into. Choose from .jpg, .png, .gif, and .bmp.
5. After choosing a file format, click Convert.

« --- »

About The Author