{"id":448,"date":"2021-06-22T14:50:22","date_gmt":"2021-06-22T14:50:22","guid":{"rendered":"https:\/\/imagify.io\/documentation\/?p=448"},"modified":"2021-06-23T20:21:08","modified_gmt":"2021-06-23T20:21:08","slug":"what-is-image-optimization-why-important","status":"publish","type":"post","link":"https:\/\/imagify.io\/documentation\/what-is-image-optimization-why-important\/","title":{"rendered":"What is Image Optimization and Why is it Important?"},"content":{"rendered":"<h3 style=\"margin:40px 0\">\nImage Optimization Explained<br \/>\n<\/h3>\n<p>\nImage Optimization is the process of making the file size of your images smaller while preserving their quality and vibrance so they still look great on your website or where ever else you are using them. You can see an example of this in action below. The left side shows image before optimization while the right side shows the resulting image quality after optimization.\n<\/p>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/imagify.io\/documentation\/wp-content\/uploads\/2021\/06\/original-vs-ultra-comparison-1024x476.jpg\" alt=\"\" width=\"1024\" height=\"476\" class=\"alignnone size-large wp-image-463\" srcset=\"https:\/\/imagify.io\/documentation\/wp-content\/uploads\/2021\/06\/original-vs-ultra-comparison-1024x476.jpg 1024w, https:\/\/imagify.io\/documentation\/wp-content\/uploads\/2021\/06\/original-vs-ultra-comparison-300x139.jpg 300w, https:\/\/imagify.io\/documentation\/wp-content\/uploads\/2021\/06\/original-vs-ultra-comparison-768x357.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\n<h3 style=\"margin:40px 0\">\nHow Image Optimization is Achieved<br \/>\n<\/h3>\n<p><b><br \/>\nCompressing Your Images<br \/>\n<\/b><\/p>\n<p>\nImages contain a large amount of information which is responsible for their display on screens as you see them. Image compression is the process of removing the parts of that information that doesn&#8217;t affect how the human eye perceives those images, resulting in images with smaller file sizes, faster loading times, and no (or minimal) loss of image quality.\n<\/p>\n<p><b><br \/>\nResizing the Dimensions of Your Images<br \/>\n<\/b><\/p>\n<p>\nThe larger the dimensions of an image, the larger the file size is. Many of your high-quality images may be in sizes that are much too large for practical use on your website. For example, you may have an image that is 8000 x 6000 pixels in size, but there are almost no cases where an image that large would need to be displayed on a website.\n<\/p>\n<p>\nThere&#8217;s no need for images to be that large, so to reduce file size, Imagify has a setting that allows you to choose a maximum width for all of your images, and if you upload images that are larger than that size, it will resize them for you during optimization. When it does this, it will resize your images proportionally and will not crop them.\n<\/p>\n<p><b><br \/>\nCreating WebP Versions of Your Images<br \/>\n<\/b><\/p>\n<p>\nWebP images are a relatively new type of image developed by Google, and they typically offer an even smaller file size than optimized JPG\/PNG images at the same or comparable image quality. During optimization, Imagify will also create WebP versions of your images as long as you have the option enabled in your settings.\n<\/p>\n<h3>\nWhy Image Optimization is Important<br \/>\n<\/h3>\n<p><b><br \/>\nImproved Experience For Your Website Visitors<br \/>\n<\/b><\/p>\n<p>\nWhen the file size of your images is greatly reduced by an image optimization service like Imagify, your website&#8217;s pages can load much faster and this results in a much better experience for your visitors! It&#8217;s just so much better when pages are loading quickly and crisply.\n<\/p>\n<p><b><br \/>\nPage Loading Speed is Now a Search Ranking Factor<br \/>\n<\/b><\/p>\n<p>\nIt is now widely known that Google and other search engines are using webpage loading speed as one of their ranking factors, and making sure your images are optimized is an important part of that so you don&#8217;t fall behind.\n<\/p>\n<p><b><br \/>\nMay Improve Website Conversion Goals<br \/>\n<\/b><\/p>\n<p>\nWhether your goal is for your website users to stick around and view as many of your pages as possible, to make a purchase, or to complete some other task, having fast-loading pages is extremely important. The faster and easier to navigate your site is, the more likely it is that people will stick around longer.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Image Optimization Explained Image Optimization is the process of making the file size of your images smaller while preserving their quality and vibrance so they still look great on your website or where ever else you are using them. You can see an example of this in action below. The left side shows image before [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-448","post","type-post","status-publish","format-standard","hentry","category-image-optimization"],"_links":{"self":[{"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/posts\/448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/comments?post=448"}],"version-history":[{"count":14,"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/posts\/448\/revisions"}],"predecessor-version":[{"id":625,"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/posts\/448\/revisions\/625"}],"wp:attachment":[{"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/media?parent=448"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/categories?post=448"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imagify.io\/documentation\/wp-json\/wp\/v2\/tags?post=448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}