Images

cPanel has three different tools to help you manage the pictures that you put onto your website.

  1. Thumbnailer: Resizes an entire directory of images into thumbnails and stores them into a “thumbnail” folder in File Manager.
  2. Scaler: Resizes individual images.
  3. Converter: Converts one type of image file to another (such as .jpg to .png).

These tools will help you speed up your site. The smaller an image is, the faster your site will be able to pull up that image, and the faster your site will load. It is also useful to note that .png is the only image format that allows you to create an image with no background.

You can use these tools to mange images that, already uploaded to your “public_html” file in, File Manager. These images can be uploaded directly through File Manager or through a CMS, such as WordPress. Once you have pictures uploaded to a folder in your site's directory, you can use the Images application to organize, resize, or convert the images that will be used on your website.

BYU Domains Dashboard, scroll down to “Files” and click on the “Images” application.

Within the Images application, you have three options.

  • Thumbnailer will take an entire folder of images and add a set of thumbnail-size images of your originals to that same folder.
  • Scaler will change the size of the photo according to percentage.
  • Converter will convert your files to .jpg, .png, or .gif.

Click on the tool you wish to use.

Thumbnailer
If you click “Thumbnailer”; the next page will bring up the files in your File Manager. You can click a folder's icon to see its contents. Clicking on a folder name will make thumbnails of all the images in that folder. In most cases, the images you're looking for will be in the folder “public html.”

Use the “Scale Percent” boxes to define how small the thumbnails should be. To prevent the image form becoming distorted, leave the “Keep Aspect Ratio” box checked the height and width proportional. You can click “Reset Dimensions” to return the Scale Percent values to the default. Once you have made your changes, click the “Thumbnail images” button.

Once the application has resized your images, a thumbnails directory will be created as a subdirectory within the folder you selected. The thumbnail images will be created with the prefix “tn_” before the original filename and extension. Click the “Your images have been thumbnailed into” link to open the thumbnails directory in the cPanel File Manager.

Scaler
If you click “Scaler,” the next page will bring up the files in your File Manager. You can click a folder's icon to see its contents. In most cases, your files will be in the “public_html” folder. Click the file name of the image you want to resize.

You can use the “New Dimensions” text boxes to define, in pixels, how the image should be resized. You can also use the “Percent” boxes to define the percentage by which the image should be resized. You can click “Reset Dimensions” to return the values to the default. To prevent the image from becoming distorted, leave the “Keep Aspect Ratio” box checked to keep the height and width proportional. You can keep a copy of the original image by checking “Retain a copy of the old image as:” and specifying the file path.

Once you have edited your photo, click “Scale Image.” The resized photo will appear as a new file in that folder.

Converter
If you click “Converter,” the next page will bring up the files in your File Manager. You can click a folder's icon to see its contents. Clicking on a folder name will make thumbnails of all the images in that folder. In most cases, the images you're looking for will be in the folder “public html.”

Using the drop-down box, select the file format you want your image to be converted into: .jpg, .png, .gif, .bmp. Once you have chosen, click “Convert.”