{"id":207,"date":"2023-05-17T12:38:03","date_gmt":"2023-05-17T12:38:03","guid":{"rendered":"https:\/\/imagify.io\/blog\/?p=207"},"modified":"2024-03-07T09:23:18","modified_gmt":"2024-03-07T09:23:18","slug":"reduce-image-size-without-losing-quality","status":"publish","type":"post","link":"https:\/\/imagify.io\/blog\/reduce-image-size-without-losing-quality\/","title":{"rendered":"How to Reduce Image Size Without Losing Quality (and Save Space)"},"content":{"rendered":"\n<p>Do you want to know how to reduce the size of your images without compromising their quality? You\u2019ve come to the right place. The more you have large images, the more bandwidth and space you\u2019ll use, which can become a real problem for performance. Even Google says that you should <a href=\"https:\/\/imagify.io\/blog\/optimize-images-page-speed-google\/\">optimize your images for page speed<\/a> by properly sizing and encoding them:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"389\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Images-related-issues-flagged-by-Lighthouse-report-Source-PageSpeed-Insights-.png\" alt=\"Images-related issues flagged by Lighthouse report - Source: PageSpeed Insights\n\" class=\"wp-image-2006\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Images-related-issues-flagged-by-Lighthouse-report-Source-PageSpeed-Insights-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Images-related-issues-flagged-by-Lighthouse-report-Source-PageSpeed-Insights--300x146.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Images-related-issues-flagged-by-Lighthouse-report-Source-PageSpeed-Insights--768x373.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Images-related issues flagged by Lighthouse report &#8211; Source: <a href=\"https:\/\/pagespeed.web.dev\/?hl=en\">PageSpeed Insights<\/a><br><\/figcaption><\/figure>\n\n\n\n<p>However, you may think tactics like \u201cresizing\u201d or \u201ccompressing\u201d can alter the user experience by serving blurred and pixelated images to your visitors. That\u2019s common thinking, but enough with the preconceptions, and let\u2019s restore a bit of truth instead!<\/p>\n\n\n\n<p>In this article, we share some techniques to help you reduce an image file size <strong>without<\/strong> losing its visual quality. The solutions we are offering are very easy to implement, and they will help you to free up some server space and improve your page loading speed in no time.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Resize Image File Size Without Losing Quality Online<\/h2>\n\n\n\n<p>To reduce the MB or KB size of a photo, you can resize the image dimension and compress it. Both techniques will save space on your server and will make your page load much faster.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Resize Image Dimensions<\/h3>\n\n\n\n<p>Resizing alters the image\u2019s dimensions and allows you to make your image file smaller without removing any part of it. For instance, the best way to reduce the size of a JPEG is to use an easy tool like <a href=\"https:\/\/imagify.io\/features\/\">Imagify<\/a>, which offers both a cloud-based online platform and a WordPress plugin. You can also use design software like Photoshop or a desktop app like Preview (on Mac).&nbsp;<\/p>\n\n\n\n<p>Let\u2019s go over each option so you can choose which tool is the best for you.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">1. Use the WordPress Library to Resize Images<\/h4>\n\n\n\n<p>If you are building a WordPress site, using a plugin to resize your images will be very handy. You can also head to the default WordPress Library and follow the steps below:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Head to <strong>Media<\/strong> &gt; <strong>Library<\/strong> from your WordPress admin panel.&nbsp;<\/li>\n\n\n\n<li>Upload or select the image that needs resizing.<\/li>\n\n\n\n<li>Click on <strong>Edit Image<\/strong>.&nbsp;<\/li>\n\n\n\n<li>Enter the new dimensions for your image under the <strong>Scale Image<\/strong> heading.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"567\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-from-WordPress-Library-Source-Imagify-.png\" alt=\"Resizing from WordPress Library - Source: Imagify\n\" class=\"wp-image-2007\" style=\"width:600px;height:425px\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-from-WordPress-Library-Source-Imagify-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-from-WordPress-Library-Source-Imagify--300x213.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-from-WordPress-Library-Source-Imagify--768x544.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Resizing from WordPress Library &#8211; Source: <a href=\"https:\/\/imagify.io\/\">Imagify<\/a><br><\/figcaption><\/figure>\n\n\n\n<p>Downside: the WordPress Library does not compress your image. When you reduce the size from there, the image loses its quality.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">2. Use A WordPress Plugin to Resize Images<\/h4>\n\n\n\n<p>You have several WordPress plugins that can help you to resize images without impacting the quality, such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\">Imagify<\/a> &#8211; The easiest image optimization plugin that helps you resize and compress images to boost performance and reduce server space usage.&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"375\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-large-images-in-one-click-Source-Imagify-.png\" alt=\"Resizing large images in one click - Source: Imagify\n\" class=\"wp-image-2008\" style=\"width:600px;height:281px\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-large-images-in-one-click-Source-Imagify-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-large-images-in-one-click-Source-Imagify--300x141.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-large-images-in-one-click-Source-Imagify--768x360.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Resizing large images in one click &#8211; Source: <a href=\"https:\/\/imagify.io\/\">Imagify<\/a><br><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordpress.org\/plugins\/resize-image-after-upload\/\">Resize Image After Upload<\/a> &#8211; Resizes images (JPEG, GIF, and PNG) when uploaded to WordPress within a given maximum width and\/or height.&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"761\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Settings-panel-Source-Resize-image-after-upload-.png\" alt=\"Settings panel - Source: Resize image after upload\n\" class=\"wp-image-2009\" style=\"width:600px;height:571px\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Settings-panel-Source-Resize-image-after-upload-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Settings-panel-Source-Resize-image-after-upload--300x285.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Settings-panel-Source-Resize-image-after-upload--768x731.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Settings panel &#8211; Source: <a href=\"https:\/\/wordpress.org\/plugins\/resize-image-after-upload\/\">Resize image after upload<\/a><br><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"http:\/\/wordpress.org\/plugins\/imsanity\/\">Imsanity<\/a> &#8211; Automatically resizes huge image uploads and chooses whatever size and quality you like. There is also a bulk-resize feature to resize previously uploaded images and free up disk space.&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"741\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Reduce-image-size-with-Imsanity-Source-Imsanity-.png\" alt=\"Reduce image size with Imsanity - Source: Imsanity\n\" class=\"wp-image-2010\" style=\"width:600px;height:556px\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Reduce-image-size-with-Imsanity-Source-Imsanity-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Reduce-image-size-with-Imsanity-Source-Imsanity--300x278.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Reduce-image-size-with-Imsanity-Source-Imsanity--768x711.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Reduce image size with Imsanity &#8211; Source: <a href=\"https:\/\/wordpress.org\/plugins\/imsanity\/\">Imsanity<\/a><br><\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">3. Use a Desktop App to Resize Images<\/h4>\n\n\n\n<p>If you need to reduce the size of hundreds or thousands of images, then opting for desktop software can be a good option. Amongst them, you\u2019ll find:&nbsp;<\/p>\n\n\n\n<p>For Windows:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.irfanview.com\/\">IrfanView<\/a> &#8211; Simply open an image and go to <strong>Menu &gt; Image<\/strong> &gt; <strong>Resize\/Resample<\/strong> and reduce the image dimensions in pixels.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"557\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-Source-IrfanView-.png\" alt=\"Resizing images - Source: IrfanView\n\" class=\"wp-image-2011\" style=\"width:600px;height:418px\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-Source-IrfanView-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-Source-IrfanView--300x209.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-Source-IrfanView--768x535.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Resizing images &#8211; Source: <a href=\"https:\/\/www.irfanview.com\/\">IrfanView<\/a><br><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/riot-optimizer.com\/\">RIOT (Radical Image Optimization Tool)<\/a> &#8211; Select your images and open them in the <strong>Batch Optimizer<\/strong>, then specify the new size.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"519\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-Source-RIOT-.png\" alt=\"\" class=\"wp-image-2013\" style=\"width:600px;height:389px\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-Source-RIOT-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-Source-RIOT--300x195.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-Source-RIOT--768x498.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Resizing images &#8211; Source: <a href=\"https:\/\/riot-optimizer.com\/\">RIOT<\/a><\/figcaption><\/figure><\/div>\n\n\n<p>For Mac:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/optimage.app\/\">Optimage<\/a> &#8211; Lets you quickly resize images and videos in batch mode (free for 24 images per day). Open your photos with Optimage and change their size using the interface below:<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"793\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-with-Optimage-App-Source-Optimage.app-.png\" alt=\"\" class=\"wp-image-2015\" style=\"width:600px;height:595px\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-with-Optimage-App-Source-Optimage.app-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-with-Optimage-App-Source-Optimage.app--300x297.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-with-Optimage-App-Source-Optimage.app--150x150.png 150w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-with-Optimage-App-Source-Optimage.app--768x761.png 768w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-with-Optimage-App-Source-Optimage.app--64x64.png 64w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Resizing images with Optimage App &#8211; Source: <a href=\"https:\/\/optimage.app\/\">Optimage.app<\/a><br><\/figcaption><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/apps.apple.com\/fr\/app\/preview\/id1328519180\">Preview<\/a> &#8211; Free built-in image viewer and PDF viewer of the macOS operating system. Open the images with Preview and go to <strong>Tools<\/strong> &gt; <strong>Adjust size. <\/strong>Then select the dimension you want to apply for the images:<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"560\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-with-Preview-Source-Preview-.png\" alt=\"\" class=\"wp-image-2016\" style=\"width:600px;height:420px\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-with-Preview-Source-Preview-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-with-Preview-Source-Preview--300x210.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-with-Preview-Source-Preview--768x538.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Resizing images with Preview &#8211; Source:<strong> <\/strong><a href=\"https:\/\/apps.apple.com\/fr\/app\/preview\/id1328519180\">Preview<\/a><br><\/figcaption><\/figure><\/div>\n\n\n<h4 class=\"wp-block-heading\">4. Use an Online Platform to Resize Images<\/h4>\n\n\n\n<p>Another way to reduce image size without impacting quality is to use a cloud-based platform that does the job for you, such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/app.imagify.io\/\">Free Imagify web app <\/a>&#8211; We\u2019ve mentioned the plugin before, but Imagify also comes with an online platform where you can resize and compress images.&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"467\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-in-one-click-Source-Imagify-.png\" alt=\"Resizing images in one click - Source: Imagify\n\" class=\"wp-image-2017\" style=\"width:600px;height:350px\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-in-one-click-Source-Imagify-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-in-one-click-Source-Imagify--300x175.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-in-one-click-Source-Imagify--768x448.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Resizing images in one click &#8211; Source: <a href=\"https:\/\/imagify.io\/\">Imagify<\/a><br><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.birme.net\/\">BIRME (Bulk Image Resizing Made Easy)<\/a> &#8211; A free and easy-to-use image resizer for any specific dimensions.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"416\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-in-bulk-Source-BIRME-.png\" alt=\"Resizing images in bulk - Source: BIRME\n\" class=\"wp-image-2018\" style=\"width:600px;height:312px\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-in-bulk-Source-BIRME-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-in-bulk-Source-BIRME--300x156.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-images-in-bulk-Source-BIRME--768x399.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Resizing images in bulk &#8211; Source: <a href=\"https:\/\/www.birme.net\/\">BIRME<\/a><br><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/bulkresizephotos.com\/en\">Bulk Resize Photos<\/a> &#8211; A very handy tool to add watermarks, resize and compress your images for free.&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"495\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resize-batches-of-images-Source-Bulk-Resize-Photos-.png\" alt=\"Resize batches of images - Source: Bulk Resize Photos\n\" class=\"wp-image-2019\" style=\"width:600px;height:371px\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resize-batches-of-images-Source-Bulk-Resize-Photos-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resize-batches-of-images-Source-Bulk-Resize-Photos--300x186.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resize-batches-of-images-Source-Bulk-Resize-Photos--768x475.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Resize batches of images &#8211; Source: <a href=\"https:\/\/bulkresizephotos.com\/en\">Bulk Resize Photos<\/a><\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">5. Use Design Software to Resize Your Images<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.adobe.com\/products\/photoshop.html\">Photoshop<\/a> or <a href=\"https:\/\/www.adobe.com\/products\/photoshop-lightroom.html?\">Lightroom<\/a> &#8211; You can easily resize images by going to <strong>Image<\/strong> &gt; <strong>Image Size. <\/strong>From there, you can adjust width and height or change an image\u2019s resolution, measured by pixels per inch.&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"400\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-an-image-on-Photoshop-Source-Adobe-.png\" alt=\"Resizing an image on Photoshop - Source: Adobe\n\" class=\"wp-image-2020\" style=\"width:600px;height:300px\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-an-image-on-Photoshop-Source-Adobe-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-an-image-on-Photoshop-Source-Adobe--300x150.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resizing-an-image-on-Photoshop-Source-Adobe--768x384.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Resizing an image on Photoshop &#8211; Source: <a href=\"https:\/\/www.adobe.com\/products\/photoshop\/resize-image.html\">Adobe<\/a><br><\/figcaption><\/figure>\n\n\n\n<p>Once your <a href=\"https:\/\/imagify.io\/blog\/best-image-sizes\/\">images are at the best size for your website<\/a>, you can move to the second step and compress them.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Compress Images (JPG, PNG, GIF)<\/h3>\n\n\n\n<p>You can compress your images in two ways: <a href=\"https:\/\/imagify.io\/blog\/lossless-vs-lossy-image-compression\/\">lossless or lossy<\/a>. Use the lossless mode if you don\u2019t want to lose any bits of quality at all but note that the \u201clossy\u201d mode makes the change almost invisible to the naked eye.&nbsp;<\/p>\n\n\n\n<p>Look at our example below, can you spot any differences in the quality between lossless and lossy? It looks like the compression has not altered the visual quality at all.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"783\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Lossy-vs-lossless-compression-quality-remains-the-same-for-the-human-eye-Source-Imagify.png\" alt=\"Lossy vs lossless compression: quality remains the same for the human eye - Source: Imagify\n\" class=\"wp-image-2022\" style=\"width:600px;height:587px\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Lossy-vs-lossless-compression-quality-remains-the-same-for-the-human-eye-Source-Imagify.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Lossy-vs-lossless-compression-quality-remains-the-same-for-the-human-eye-Source-Imagify-300x294.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Lossy-vs-lossless-compression-quality-remains-the-same-for-the-human-eye-Source-Imagify-768x752.png 768w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Lossy-vs-lossless-compression-quality-remains-the-same-for-the-human-eye-Source-Imagify-64x64.png 64w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Lossy vs lossless compression: quality remains the same for the human eye &#8211; Source: <a href=\"https:\/\/imagify.io\/\">Imagify<\/a><br><\/figcaption><\/figure>\n\n\n\n<p>To compress images without impacting quality you can use an online tool or a WordPress plugin, let\u2019s go over each option.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">1. Using an Online Tool to Compress Images&nbsp;<\/h4>\n\n\n\n<p>Here are the best online tools you can use to compress images without losing quality:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/imagify.io\/optimizer\/\">Free Imagify web app<\/a> \u2013 Lets you choose between <a href=\"https:\/\/imagify.io\/blog\/lossless-vs-lossy-image-compression\/\">lossy and lossless compression<\/a>. You need to register for an account to access automatic resizing and remove the 2 MB limit.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"414\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Imagify-has-resized-and-compressed-the-image-file-by-almost-90-Source-Imagify-web-app.png\" alt=\"Imagify has resized and compressed the image file by almost 90% - Source: Imagify web app\n\" class=\"wp-image-2023\" style=\"width:600px;height:311px\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Imagify-has-resized-and-compressed-the-image-file-by-almost-90-Source-Imagify-web-app.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Imagify-has-resized-and-compressed-the-image-file-by-almost-90-Source-Imagify-web-app-300x155.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Imagify-has-resized-and-compressed-the-image-file-by-almost-90-Source-Imagify-web-app-768x397.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Imagify has resized and compressed the image file by almost 90% &#8211; Source: <a href=\"https:\/\/imagify.io\/\">Imagify web app<\/a><br><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/kraken.io\/web-interface\">Kraken Web Interface<\/a> \u2013 Lets you choose between lossy and lossless compression. Individual images cannot exceed 1 MB. You can also resize your images (this option is in the pro version).&nbsp;<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"543\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Free-online-image-optimizer-Source-Kraken-Web-Interface-1.png\" alt=\"\" class=\"wp-image-2040\" style=\"width:600px;height:407px\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Free-online-image-optimizer-Source-Kraken-Web-Interface-1.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Free-online-image-optimizer-Source-Kraken-Web-Interface-1-300x204.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Free-online-image-optimizer-Source-Kraken-Web-Interface-1-768x521.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Free online image optimizer &#8211; Source: <a href=\"https:\/\/kraken.io\/web-interface\">Kraken Web Interface<\/a><\/figcaption><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/tinyjpg.com\/\">TinyJPG<\/a> and <a href=\"https:\/\/tinypng.com\/\">TinyPNG<\/a> \u2013 Only offer lossy compression, so you shouldn\u2019t use these tools if you want to use lossless compression.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"546\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Compressing-images-with-TinyJPGSource-TinyJPG-.png\" alt=\"Compressing images with TinyJPGSource: TinyJPG\n\" class=\"wp-image-2025\" style=\"width:600px;height:410px\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Compressing-images-with-TinyJPGSource-TinyJPG-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Compressing-images-with-TinyJPGSource-TinyJPG--300x205.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Compressing-images-with-TinyJPGSource-TinyJPG--768x524.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Compressing images with TinyJPGSource: <a href=\"https:\/\/tinyjpg.com\/\">TinyJPG<\/a><br><\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">2. Using a WordPress Plugin to Compress Images&nbsp;<\/h4>\n\n\n\n<p>The <a href=\"https:\/\/imagify.io\/blog\/best-image-optimizer-plugins-wordpress\/\">best image compression plugins<\/a> to speed up your site and reduce the file size without losing quality are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/imagify.io\/blog\/best-image-optimizer-plugins-wordpress\/#imagify\">Imagify&nbsp;<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/imagify.io\/blog\/best-image-optimizer-plugins-wordpress\/#optimole\">Optimole<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/imagify.io\/blog\/best-image-optimizer-plugins-wordpress\/#shortpixel\">ShortPixel Image Optimizer<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/imagify.io\/blog\/best-image-optimizer-plugins-wordpress\/#EWWW\">EWWW Image Optimizer<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/imagify.io\/blog\/best-image-optimizer-plugins-wordpress\/#tinypng\">Compress JPEG &amp; PNG images by TinyPNG<\/a><\/li>\n\n\n\n<li>Remush.it<\/li>\n<\/ul>\n\n\n\n<p>If you are using WordPress, then using a plugin may be the handiest solution to compress your images directly in the admin.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>\ud83d\udca1<strong>Both resizing and compressing reduce the image file size<\/strong>, making them easier to share by email or upload on a WordPress site.&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How to Make Images Smaller Without Losing Quality<\/h2>\n\n\n\n<p>We are using Imagify to reduce the MB of a photo to KB in a few clicks. Imagify is one of the easiest image optimizers that allows you to resize and compress your large images automatically using a Smart Compression mode.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>\ud83d\udca1<strong>Imagify has a double hat<\/strong>: it offers a free WordPress plugin and a cloud-based app if you are not a WordPress user.&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>We\u2019ll detail both approaches: from the WordPress admin using the WordPress plugin and the online platform.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Using the Imagify Plugin to Reduce Image Files Without Impacting Quality on WordPress<\/h3>\n\n\n\n<p>Imagify is one of the simplest tools to reduce image size and save space on your server, all without impacting the visual quality of the image. To get started, head to the WordPress repository to download <a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\">Imagify<\/a> for free.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Install and activate the <a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\">free Imagify plugin<\/a> on your WordPress site.<\/li>\n\n\n\n<li>Create your account and generate your API key.&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"166\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Imagify-wizard-Source-Imagify.png\" alt=\"Imagify wizard - Source: Imagify\n\" class=\"wp-image-2026\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Imagify-wizard-Source-Imagify.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Imagify-wizard-Source-Imagify-300x62.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Imagify-wizard-Source-Imagify-768x159.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Imagify wizard &#8211; Source: <a href=\"https:\/\/imagify.io\/\">Imagify<\/a><br><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Settings<\/strong> &gt;&nbsp; <strong>Imagify <\/strong>to configure your optimization settings in your WordPress dashboard. There you can auto-optimize images on upload, decide to back up original images, and apply lossless compression if needed.&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>\ud83d\udca1By default, Imagify will use <a href=\"https:\/\/imagify.io\/blog\/imagify-smart-compression\/\">the Smart Compression mode <\/a>to optimize the performance while maintaining perfect quality.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"345\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Imagifys-general-settings-Source-Imagify-.png\" alt=\"Imagify\u2019s general settings - Source: Imagify\n\" class=\"wp-image-2027\" style=\"width:800px;height:345px\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Imagifys-general-settings-Source-Imagify-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Imagifys-general-settings-Source-Imagify--300x129.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Imagifys-general-settings-Source-Imagify--768x331.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Imagify\u2019s general settings &#8211; Source: <a href=\"https:\/\/imagify.io\/\">Imagify<\/a><br><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bonus: You can uncheck the <strong>Backup original images<\/strong> box to save space on your server.&nbsp;<\/li>\n\n\n\n<li>Scroll down to the setting of <strong>Resize larger images<\/strong>, which lets you automatically resize large images to a certain max dimension. For zero drop in quality, you\u2019ll typically want to set this to be around double the dimensions you\u2019ll be using the images.&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"560\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resize-larger-images-to-save-up-space-Source-Imagify-.png\" alt=\"Resize larger images to save up space - Source: Imagify\n\" class=\"wp-image-2028\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resize-larger-images-to-save-up-space-Source-Imagify-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resize-larger-images-to-save-up-space-Source-Imagify--300x210.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Resize-larger-images-to-save-up-space-Source-Imagify--768x538.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Resize larger images to save up space &#8211; Source: <a href=\"https:\/\/imagify.io\/\">Imagify<\/a><br><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to the bulk optimization panel and hit the <strong>IMAGIFY\u2019EM ALL<\/strong> button to resize and compress all your images in one click.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"523\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Bulk-optimization-panel-Source-Imagify-.png\" alt=\"Bulk optimization panel - Source: Imagify\n\" class=\"wp-image-2029\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Bulk-optimization-panel-Source-Imagify-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Bulk-optimization-panel-Source-Imagify--300x196.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Bulk-optimization-panel-Source-Imagify--768x502.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Bulk optimization panel &#8211; Source: <a href=\"https:\/\/imagify.io\/\">Imagify<\/a><br><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you want to optimize your images individually, go to the <strong>WordPress Library<\/strong> instead and click on the blue <strong>Optimize<\/strong> button in the <strong>Imagify<\/strong> column to start the optimization:&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"322\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Compressing-images-individually-without-losing-on-quality-Source-Imagify.png\" alt=\"Compressing images individually without losing on quality - Source: Imagify\n\" class=\"wp-image-2030\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Compressing-images-individually-without-losing-on-quality-Source-Imagify.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Compressing-images-individually-without-losing-on-quality-Source-Imagify-300x121.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Compressing-images-individually-without-losing-on-quality-Source-Imagify-768x309.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Compressing images individually without losing on quality &#8211; Source: <a href=\"https:\/\/imagify.io\/\">Imagify<\/a><br><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>And that\u2019s how you reduce the image file size from MB to KB, thanks to Imagify:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"160\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Optimized-file-by-Imagify-from-the-WordPress-library-95-of-space-saved-Source-Imagify.png\" alt=\"Optimized file by Imagify from the WordPress library (95% of space saved) - Source: Imagify\n\" class=\"wp-image-2031\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Optimized-file-by-Imagify-from-the-WordPress-library-95-of-space-saved-Source-Imagify.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Optimized-file-by-Imagify-from-the-WordPress-library-95-of-space-saved-Source-Imagify-300x60.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Optimized-file-by-Imagify-from-the-WordPress-library-95-of-space-saved-Source-Imagify-768x154.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Optimized file by Imagify from the WordPress library (95% of space saved) &#8211; Source: <a href=\"https:\/\/imagify.io\/\">Imagify<\/a><br><\/figcaption><\/figure>\n\n\n\n<p>To summarize, this is how the Imagify plugin helped us to reduce the image file size while preserving great quality:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><\/td><td><strong>Before Imagify<\/strong><\/td><td><strong>With Imagify (after image resize and compression)<\/strong><\/td><\/tr><tr><td>Image file size<\/td><td>1.90 MB<\/td><td>79.15 KB<\/td><\/tr><tr><td>% total savings<\/td><td>\/<\/td><td>95.94%<\/td><\/tr><tr><td>Image quality&nbsp;<\/td><td>High-quality<br><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"533\" class=\"wp-image-2043\" style=\"width: 150px\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2021\/05\/imag-not-compressed.png\" alt=\"\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2021\/05\/imag-not-compressed.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2021\/05\/imag-not-compressed-300x200.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2021\/05\/imag-not-compressed-768x512.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/td><td>The visual aspect of the image remains unchanged<br><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"533\" class=\"wp-image-2045\" style=\"width: 150px\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2021\/05\/compressed-image-with-imagify.png\" alt=\"\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2021\/05\/compressed-image-with-imagify.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2021\/05\/compressed-image-with-imagify-300x200.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2021\/05\/compressed-image-with-imagify-768x512.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/td><\/tr><tr><td>Image format&nbsp;<\/td><td>PNG<\/td><td>Converted to WEBP (<a href=\"https:\/\/imagify.io\/blog\/how-to-convert-images-to-webp\/\">WebP is a next-gen format recommended by Google<\/a> that can help reduce file size even more)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>Key takeaways:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Even after resizing and applying compression to the images, the quality remains intact with Imagify.<\/li>\n\n\n\n<li>We\u2019ve saved up to 95% on our file size, from 1.90 MB to 79.15 KB.<\/li>\n\n\n\n<li>We\u2019ve also generated a WebP format which is the next-gen format that Google recommends using online.\u00a0<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>\ud83d\udd0a Important to note<\/strong>: as of March 2024, <a href=\"https:\/\/imagify.io\/blog\/convert-images-to-avif-performance\/\">Imagify also converts images to Avif<\/a>, the other next-gen format recommended by Google to make your images lighter.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>Pricing<\/strong>: Imagify lets you optimize ~200 images per month (20 MB) for free. Or, paid plans start at $5.99 per month for 500 MB or $9.99 per month for unlimited.<\/p>\n\n\n\n<p>If you are not using WordPress, then you can opt for the cloud-based version of Imagify instead.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Using the Imagify Cloud-based Platform to Reduce Image Files And Preserve Quality<\/h3>\n\n\n\n<p>If you are not using WordPress but are still looking for an online tool to resize your images, then you can use the Imagify cloud-based platform. It\u2019s entirely free if you plan on uploading files that weigh under 2MB.&nbsp;<\/p>\n\n\n\n<p>Alright, you can head to <a href=\"https:\/\/app.imagify.io\/\">Imagify\u2019s platform<\/a> and create a free account.&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Choose your compression level between Smart and Lossless. <em>The Smart Mode is the one used by default.<\/em><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>\ud83d\udca1Hint:&nbsp;<br><br><strong>Smart Compression<\/strong> = best balance between compression and performance while maintaining the quality of the image.<br><br><strong>Lossless <\/strong>= zero impact on quality, but you won\u2019t make the most out of image compression and optimal performance.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>Select the output option named <strong>Resize Images<\/strong>.<br><\/li>\n\n\n\n<li>Specify the value of your choice. <em>We put 800 px in our example, but you can also put a percentage.<\/em><br><\/li>\n\n\n\n<li>Drag and drop your image.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"491\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Cloud-based-Imagify-platform-settings-Source-Imagify.png\" alt=\"Cloud-based Imagify platform settings - Source: Imagify\n\n\" class=\"wp-image-2032\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Cloud-based-Imagify-platform-settings-Source-Imagify.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Cloud-based-Imagify-platform-settings-Source-Imagify-300x184.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Cloud-based-Imagify-platform-settings-Source-Imagify-768x471.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Cloud-based Imagify platform settings &#8211; Source: <a href=\"https:\/\/imagify.io\/\">Imagify<\/a><br><\/figcaption><\/figure>\n\n\n\n<p>5. Simply download your optimized image by Imagify.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"414\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Imagify-has-resized-and-compressed-the-image-file-by-almost-90-Source-Imagify-web-app-1-1.png\" alt=\"Imagify has resized and compressed my image file by almost 90% - Source: Imagify\n\" class=\"wp-image-2033\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Imagify-has-resized-and-compressed-the-image-file-by-almost-90-Source-Imagify-web-app-1-1.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Imagify-has-resized-and-compressed-the-image-file-by-almost-90-Source-Imagify-web-app-1-1-300x155.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/05\/Imagify-has-resized-and-compressed-the-image-file-by-almost-90-Source-Imagify-web-app-1-1-768x397.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Imagify has resized and compressed my image file by almost 90% &#8211; Source: <a href=\"https:\/\/imagify.io\/\">Imagify<\/a><br><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Wrapping Up<\/h3>\n\n\n\n<p>WordPress image optimization techniques are necessary to save space, improve loading times and improve performance. With a tool like <a href=\"https:\/\/imagify.io\/\">Imagify<\/a>, it\u2019s easier than ever to reduce file size without compromising quality. Whether you are using WordPress or not &#8211; either pick the <a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\">free Imagify plugin<\/a> or opt for the <a href=\"https:\/\/imagify.io\/optimizer\/#page\">free trial<\/a> on the cloud-based version.&nbsp;<\/p>\n<a href=\"https:\/\/imagify.io\/optimizer\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter bottom-blog-post-cta\" src=\"https:\/\/imagify.io\/blog\/wp-content\/themes\/imagify\/assets\/img\/gwic-1.png\" alt=\"Imagify, decrease the size of your images, increase the speed of your website: try it for free\" width=\"690\" height=\"190\"><\/a>","protected":false},"excerpt":{"rendered":"<p>Need to reduce image size and save space but without losing quality? We&#8217;ll show you two tactics you can implement using simple tools.<\/p>\n","protected":false},"author":8,"featured_media":225,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-207","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-image-optimization"],"_links":{"self":[{"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/posts\/207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/comments?post=207"}],"version-history":[{"count":40,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/posts\/207\/revisions"}],"predecessor-version":[{"id":2384,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/posts\/207\/revisions\/2384"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/media\/225"}],"wp:attachment":[{"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/media?parent=207"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/categories?post=207"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/tags?post=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}