...

/

Custom Image Sizes

Custom Image Sizes

Learn to store images in different sizes.

WordPress image sizes

For this lesson, we will use teacher images in large dimensions so that the concept of custom sizes becomes clear. High resolution copies of the images we uploaded in the previous lesson are provided below for download:

large_teacher1.jpg
large_teacher2.jpg

Replace the teacher images (in the /assets/images folder) with the ones provided above and then update the featured images on the corresponding teacher posts. You can see that the images are out of proportion. In a moment, we will see how to fix the sizes.

The images we uploaded for the teachers are saved in the Uploads folder. This folder can be found in the wp_content folder besides the theme folder.

The Uploads folder has subfolders for years and months in which WordPress organizes the images. Within the folder for the current month, you will notice that WordPress has several copies of the images we have uploaded.

WordPress saves copies of the uploaded images in different resolutions. The default image sizes are:

    ...