- \n
- Increase web page speed<\/strong> – unoptimized images make your web pages bloated and slower to load. By optimizing your large images without sacrificing quality, you can speed up WordPress<\/a>.<\/li>\n\n\n\n
- Enhance the user experience<\/strong> – waiting around longer than usual for a page to load is frustrating for website visitors. The bounce rate – the percentage of visitors who land on a web page and leave without exploring the rest of the site – is very high for websites that take longer than three seconds to load<\/a>.<\/li>\n\n\n\n
- Better <\/strong>search engine optimization (SEO)<\/a> – search engines like Google favor fast-loading websites and penalize slow websites. If your images are optimized and your website is fast, you’re more likely to rank well on search engine results pages (SERPs).<\/li>\n\n\n\n
- Save disk space <\/strong>– optimizing your WordPress images will let you use your hosting resources more efficiently. If your image files occupy less space, you will have more room to add other types of content and features to your website.<\/li>\n<\/ul>
\n\n\n
\nSuggested Reading<\/h4>\n
WordPress Tutorial for Beginners<\/a><\/p>\n <\/div>\n\n\n\n<\/p>
4 Easy Methods to Optimize Images for WordPress<\/h2>
Read on to learn four quick ways to optimize WordPress images.<\/p>
1. Serve Images Through a CDN<\/h3>
A content delivery network<\/a> (CDN) is a global system of servers that speeds up the delivery of your website’s content, including images, videos, and style sheets. Using a CDN<\/a> on your WordPress site ensures visitors receive data from a server close to them.<\/p>
For example, if your visitor is in Indonesia, they will receive content from a nearby server, which reduces loading times.<\/p>
\n![\"how](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2019\/01\/how-does-a-CDN-work-1-1024x886.png\")
<\/a><\/figure><\/div>You can set up a CDN separately, like integrating Cloudflare with your WordPress site<\/a>. Fortunately, some managed WordPress hosting providers<\/a> like Hostinger offer a CDN as part of their services. If you’re on a Business <\/strong>plan or higher, activate Hostinger’s CDN with these steps:<\/p>
- \n
- Log in to hPanel<\/strong>, head to Websites<\/strong>, and click Manage <\/strong>next to your domain.<\/li>\n\n\n\n
- From the sidebar menu, navigate to Performance → CDN<\/strong>.<\/li>\n\n\n\n
- Select Enable<\/strong> to activate the CDN.<\/li>\n<\/ol>
\n![\"Enabling](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/12\/hpanel-performance-cdn-enable-highlighted-1024x535.png\")
<\/a><\/figure><\/div>- \n
- Click the arrow sign<\/strong> next to Flush cache<\/strong> and select the Website optimisation<\/strong> tab. You will see options to activate WebP image compression<\/strong>, CSS and JavaScript minification<\/strong>, and Smart image optimization<\/strong>.<\/li>\n<\/ol>\n
![\"Accessing](\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/03\/Accessing-the-Website-optimisation-tab-on-hPanels-CDN-menu-1024x605.png\")
<\/a><\/figure><\/div>CDN propagation – or the process of updating and distributing your content across all servers within the network – may take 24-48 hours.<\/p>
![\"\"](\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/06\/New-WP_in-text-banner-1024x300.png\")
<\/a><\/figure>2. Compress Your WordPress Images<\/h3>
By compressing images, you will reduce their file size. A compressed image file will load faster on your WordPress webpage, improving its speed.<\/p>
The quickest way to compress images in WordPress is to use an image compression plugin. Such plugins often do more than just utilize compression to optimize images. We will break down two plugins that optimize images in one of the following sections.<\/p>
Alternatively, you can also manually compress your large images before uploading them to WordPress by using image editing software or a free tool like TinyPNG<\/a>.<\/p>
TinyPNG doesn’t only accept PNG images. It works with other image file formats, including WebP and JPEG. All you have to do is upload the image you want to compress, and the tool will reduce its size for you. The tool can also compress multiple files at once.<\/p>
\n![\"A](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/tiny-PNG-compress-images-1024x459.png\")
<\/a><\/figure><\/div>3. Resize Images<\/h3>
Another way to optimize images for WordPress is to resize their pixel dimensions. Fortunately, this feature is built into the WordPress core.<\/p>
By default, WordPress uses four different sizes of the same image:<\/p>
- \n
- Thumbnail<\/strong> (150 x 150 pixels)<\/li>\n\n\n\n
- Medium<\/strong> (up to 300 x 300 pixels)<\/li>\n\n\n\n
- Large<\/strong> (up to 1024 x 1024 pixels)<\/li>\n\n\n\n
- Full Size<\/strong> (the original image size)<\/li>\n<\/ul>
That being said, you can change them to fit your preferences. Here’s how to change the default WordPress image sizes<\/a> via the media library:<\/p>
- \n
- Open the WordPress dashboard and go to Settings →<\/strong> Media<\/strong>.<\/li>\n\n\n\n
- Enter your preferred maximum width and height<\/strong> for each size.<\/li>\n\n\n\n
- Click Save Changes<\/strong>.<\/li>\n<\/ol>
\n![\"The](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2018\/05\/WordPress-media-settings.png\")
<\/a><\/figure><\/div>4. Clean Up Your WordPress Media Library<\/h3>
As your WordPress site grows, its media library<\/a> will accumulate a lot of uploaded images. While many of these uploaded images will be featured on your website, many of them might end up unused. For instance, images from deleted blog posts will stay in your media library.<\/p>
Having many unused images in your library can slow your website down, take up a lot of space on your WordPress hosting server, and make media management difficult. Creating and restoring site backups will take longer since more files will be included in them.<\/p>
Before cleaning your WordPress media library, it’s highly recommended to create a complete backup of your WordPress website<\/a> first. This way, you’ll be able to restore your website to its normal state if anything goes wrong with the cleanup.<\/p>
There are two main methods to clean your WordPress media library – manually or automatically with a WordPress plugin.<\/p>
Here’s how to do it manually by permanently deleting unused images:<\/p>
- \n
- Open the WordPress admin dashboard.<\/li>\n\n\n\n
- Go to Media <\/strong>→ Library<\/strong>.<\/li>\n\n\n\n
- You can either delete the unused images individually or in bulk.\n
- \n
- To delete an image individually, click on it and select Delete permanently<\/strong>.<\/li>\n\n\n\n
- To delete images in bulk, click Bulk select<\/strong>, select the unused images, and click Delete permanently<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<\/ol>
\n![\"The](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/WordPress-media-library-1024x332.png\")
<\/a><\/figure><\/div>And here’s how to clean up your WordPress media library by using the Media Cleaner plugin:<\/p>
- \n
- Open the WordPress admin dashboard.<\/li>\n\n\n\n
- Install and activate the Media Cleaner<\/a> plugin.<\/li>\n\n\n\n
- Navigate to Media <\/strong>→ Cleaner<\/strong>.<\/li>\n\n\n\n
- Click Scan<\/strong>. The unused images will appear as “Seems not in use” under the Issue <\/strong>column.<\/li>\n\n\n\n
- Select the images you want to delete, and click Delete (number of selected images) entries<\/strong>.<\/li>\n<\/ol>
\n![\"Selecting](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/media-cleaner-plugin-1024x467.png\")
<\/a><\/figure><\/div>Best WordPress Plugins for Optimizing Images<\/h2>
A WordPress optimization plugin optimizes existing images as well as new ones. Take a look at two of the best WordPress image optimization plugins you can install<\/a> on your website.<\/p>
1. Image Optimization and Lazy Load by Optimole<\/a><\/h3>
\n![\"Optimole](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/optimole.png\")
<\/a><\/figure><\/div>Plugin Stats:<\/strong><\/p>
- \n
- Downloads: <\/strong>200,000+<\/li>\n\n\n\n
- Rating: <\/strong>4.8\/5<\/li>\n\n\n\n
- Notable features: <\/strong>all images type CDN, machine learning-powered compression, lazy load<\/a> without jQuery<\/li>\n\n\n\n
- Pricing: <\/strong>freemium (paid plans start at $20.61\/month<\/strong>)<\/li>\n<\/ul>
Optimole is an optimization plugin that optimizes your site’s images via a global CDN (content delivery network). Combined with a cloud-based solution, Optimole reduces the load on your server and speeds up your loading times.<\/p>
The plugin comes with a one-click setup and automated tools. Simply create an account and insert your API key to activate it. The tools will then automatically run in the background to optimize your images.<\/p>
Optimole’s free version supports 5,000 monthly visits. You can purchase one out of the two premium plans to get more visits. The Optimole Starter<\/strong> plan costs $19.08\/month <\/strong>for 50,000 visits, while the Optimole Business<\/strong> plan supports 100,000 monthly visits for $39.08\/month<\/strong>.<\/p>
PRICING<\/a> \/ DOWNLOAD<\/a><\/p>
2. Imagify Image Optimizer<\/a><\/h3>
\n![\"Imagify](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/03\/imagify.png\")
<\/a><\/figure><\/div>Plugin Stats:<\/strong><\/p>
- \n
- Downloads: <\/strong>800,000+<\/li>\n\n\n\n
- Rating: <\/strong>4.3\/5<\/li>\n\n\n\n
- Notable features: <\/strong>asynchronous bulk optimization, automatic resizing, WebP <\/strong>conversion<\/li>\n\n\n\n
- Pricing: <\/strong>freemium (paid plans start at $4.99\/month<\/strong>)<\/li>\n<\/ul>
Imagify increases your website speed by automatically resizing and compressing different image formats<\/a>. Aside from still images, Imagify can also optimize animated graphics.<\/p>
Imagify has three compression settings – normal<\/strong>, aggressive<\/strong>, and ultra<\/strong>. Normal means lossless compression, while aggressive and ultra are lossy compression types. Compared to lossless compression, lossy reduces the file size more significantly at the expense of some image quality.<\/p>
Imagify’s free Starter<\/strong> plan limits users to 20 MB images per month – approximately 200 images – with a maximum upload size of 2 MB per image.<\/p>
Meanwhile, the Growth <\/strong>plan allows for optimizing up to 500 MB of images per month – equivalent to 5,000 images – at a cost of $4.99\/month<\/strong>, while the Infinite <\/strong>plan offers unlimited image optimization for $9.99\/month<\/strong>.<\/p>
PRICING<\/a> \/ DOWNLOAD<\/a><\/p>
Conclusion<\/h2>
Performing optimization for images on your WordPress website is very important to increase its loading speed, enhance user experience, implement better SEO, and save storage space on your hosting server.<\/p>
In this article, we have explored four ways to optimize images on WordPress:<\/p>
- \n
- Serve images through a CDN <\/strong>– get a hosting plan with a built-in CDN like Hostinger’s to quickly deliver images through globally distributed edge servers.<\/li>\n\n\n\n
- Compress your WordPress images <\/strong>– use an image editing program or an online tool like TinyPNG to quickly reduce image file sizes without compromising on quality.<\/li>\n\n\n\n
- Resize image files <\/strong>– change the default image resize settings on WordPress.<\/li>\n\n\n\n
- Clean up your WordPress media library <\/strong>– delete unused or duplicated images on your WordPress media library manually or using a plugin.<\/li>\n<\/ol>
We hope you have found this article helpful for speeding up your WordPress website. Good luck.<\/p>
\n\n\n
\nOther WordPress Must-Knows<\/h4>\n
\nChange Font Size in WordPress<\/a>
\nFix or Increase Your WordPress Memory Limit<\/a>
\nRemove WordPress Sidebar<\/a>
\nCreate a WordPress Staging Site<\/a>
\nAdd Custom Fields to Your WordPress Posts<\/a><\/p>\n <\/div>\n\n\n\n<\/p>How to Optimize Images for WordPress FAQ<\/h2>
This section will answer some frequently asked questions about WordPress optimization for images.<\/p>
Does WordPress Automatically Optimize Images?<\/h3>
Yes – since WordPress 4.5, WordPress compresses all uploaded images to 82% of their original quality. However, this percentage of compression doesn’t offer a significant improvement to site speeds. We still recommend using the methods listed in this article.<\/p> <\/div>
What Is the Best Image Size for WordPress?<\/h3>
The recommended sizes for different types of images in WordPress are:
Blog post images<\/strong>: 1200 x 630 px
Headers<\/strong>: 1048 x 250 px
Thumbnails<\/strong>: 150 x 150 px
Logos<\/strong>: 200 x 100 px
Featured images<\/strong>: 1200 x 900 px (landscape) or 900 x 1200 px (portrait)
Background images<\/strong>: 1920 x 1080 px<\/p> <\/div>What Is the Best Image Optimizer for WordPress?<\/h3>
The best image optimizer for WordPress depends on your specific needs. Look for an image optimizer that offers image compression and optimization features to improve website speed and performance.<\/p> <\/div>
Can I Optimize My WordPress Images Without a Plugin?<\/h3>
Yes, you can optimize your WordPress images without a plugin by resizing them to the appropriate dimensions, compressing them using an online tool, and optimizing their file names and alt tags. You can also use lazy loading to improve page load times.<\/p> <\/div> <\/div>\n","protected":false},"excerpt":{"rendered":"
A WordPress site with well-optimized images can reap benefits such as fast loading times, enhanced user experience, and better SEO. This article will explore four easy ways to optimize images for WordPress. We will also list the best plugins to optimize images and answer some of the most frequently asked questions about WordPress images. Why […]<\/p>\n
- Compress your WordPress images <\/strong>– use an image editing program or an online tool like TinyPNG to quickly reduce image file sizes without compromising on quality.<\/li>\n\n\n\n
- Rating: <\/strong>4.3\/5<\/li>\n\n\n\n
- Rating: <\/strong>4.8\/5<\/li>\n\n\n\n
- Navigate to Media <\/strong>→ Cleaner<\/strong>.<\/li>\n\n\n\n
- To delete images in bulk, click Bulk select<\/strong>, select the unused images, and click Delete permanently<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<\/ol>
- You can either delete the unused images individually or in bulk.\n
- Enter your preferred maximum width and height<\/strong> for each size.<\/li>\n\n\n\n
- Medium<\/strong> (up to 300 x 300 pixels)<\/li>\n\n\n\n
- Thumbnail<\/strong> (150 x 150 pixels)<\/li>\n\n\n\n
- From the sidebar menu, navigate to Performance → CDN<\/strong>.<\/li>\n\n\n\n
- Enhance the user experience<\/strong> – waiting around longer than usual for a page to load is frustrating for website visitors. The bounce rate – the percentage of visitors who land on a web page and leave without exploring the rest of the site – is very high for websites that take longer than three seconds to load<\/a>.<\/li>\n\n\n\n