Google likes to attach images and videos to blog posts. This increases engagement in the post. Necessary images and infographics help readers understand the information.
But what happens when an image is uploaded to a WordPress blog?
By default, WordPress creates 3 more images in the Uploads folder for each image uploaded.
Let’s check …
- Log in to your hosting panel.
- Go to File Manager > [Domain root directory] > wp-content > uploads
Three more images 150px, 300px, 768px have been created for your image here.
[If media is organized month and year-wise by default, check folders year and month-wise. ]
WordPress does this to show images according to size in different places. This reduces the size of the page a bit.
But if the image is optimized and the load of the website is balanced, then there are not many additional benefits for cropping the image.
Rather it makes your hosting panel heavier. Increases the size of the website. As a result, more space and time are required to keep the backup.
If you have 100 articles on your website. And each article has 10 images. Then the total image will be 1,000 * 4 = 4,000. 😲
How to stop the default image cropping of WordPress?
- Login to your blog’s dashboard.
- Go to Settings > Media.
- Set the Width and Height values to 0 for Thumbnail, Medium, and Large sizes.
- Tick the Crop thumbnail to exact dimensions (normally thumbnails are proportional) option.
- Click on Save Changes.
Congratulations! You have successfully stopped the default image cropping of WordPress.
But is all done?… 😟
If we use a theme other than the default WordPress theme, that theme can also crop the uploaded images to some more sizes according to its design.
Your theme can also crop images in new sizes for the use of some plugins like Woo-commerce.
In this case, cropping can be stopped by editing the theme file. But it would not be right to do any customization directly in the main theme file. Because, if you update the theme later, there will be no customization.
In this case, we can use a child theme for customization.
If you do not have a child theme with your theme, you can download it by searching on Google. Or you can make it according to the theme.
Alternatively, we can use a plugin.
How to stop all types of image cropping in WordPress?
We will apply a code to our main theme using a child theme or plugin. With this code, we can forcefully stop almost all types of image cropping for WordPress.
First, claim the code on your Facebook Messenger from the link below.
Method #1: Using Child Theme
- Login to your hosting cPanel.
- Go to File Manager > [Domain root directory] > wp-content > themes > [your-child-theme].
- Right-click on the functions.php file.
- Click on the Edit option.
- Paste the code into the file.
- Click on the Save Changes.
Method #2: Using Plugin
- Login to your blog’s dashboard.
- Go to Plugins > Add New.
- Search “code snippets” in the Search plugins… box.
- Install and activate the Code Snippets plugin.
- Go to Snippets > Add New
- Give a title for your understanding. Paste your code in the Code section. Finally, click the Save Changes and Activate button.
Bonus Tip #1: Keep Your Uploads Folder Organized
When an image has been uploaded, WordPress stores it by creating folders by year-and-month-wise.
However, if you add a new image to an old post, it will usually be stored in a folder according to the time the post was created.
Suppose, you created a post in November 2020 and added a new image by updating the post in February 2021. Then, the newly uploaded image will be stored in the 2020 > 11 folder.
Go to Settings > Media option from the blog’s dashboard to check whether the upload folder is organized. Check whether the “Organize my uploads into month- and year-based folders” option is checked below.
This is the recommended setting. This will reduce the pressure on the uploads folder if it is organized.
Bonus Tip #2: Optimize Your Images Before Uploading
If we optimize the images before uploading, the performance of the website will increase. As a result, good results can be found in Google search ranking.
You can follow the steps below to optimize the images.
- Try uploading images according to the default size of the theme.
- If you use Photoshop for images, use “Save for Web …” for saving.
- Compress the images before uploading. For this, you can use TinyPNG.