{"id":16436,"date":"2022-08-19T16:05:15","date_gmt":"2022-08-19T10:35:15","guid":{"rendered":"https:\/\/www.rankwatch.com\/blog\/?p=16436"},"modified":"2023-07-20T14:13:45","modified_gmt":"2023-07-20T08:43:45","slug":"image-optimization-seo","status":"publish","type":"post","link":"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/","title":{"rendered":"How to Speed Up Your Site by Fixing Your Images?"},"content":{"rendered":"\r\n
\"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

Unoptimized (or poorly optimized) images are the most common reason for your website\u2019s slow loading speed.<\/p>\r\n\r\n\r\n\r\n

Perhaps your website loads quickly, 39%<\/a> of people can STILL stop engaging with it if the images won\u2019t load or take too much time to load.<\/p>\r\n\r\n\r\n\r\n

And images account for 68%<\/a> of total page weight (which is a LOT!).<\/p>\r\n\r\n\r\n\r\n

Hence, we can\u2019t risk keeping images unoptimized.<\/p>\r\n\r\n\r\n\r\n

So, follow these quick techniques to optimize your images<\/a> and ensure faster page loading speed.<\/p>\r\n\r\n\r\n\r\n

Before you start\u2026<\/strong><\/h3>\r\n\r\n\r\n\r\n

Check whether images are really<\/em> responsible for your site’s slow loading speed<\/a> or are there more issues.
Use Google PageSpeed Insights<\/a> to analyze your site\u2019s loading speed.<\/p>\r\n\r\n\r\n\r\n

\"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

Then, scroll down to \u2018Diagnostics<\/strong>\u2019 and \u2018Opportunities<\/strong>‘.<\/p>\r\n\r\n\r\n\r\n

Here, you can analyze EVERY parameter affecting your loading speed in detail and uncover opportunities to improve it.<\/p>\r\n\r\n\r\n\r\n

\"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

The report mentions image-related issues as well.<\/p>\r\n\r\n\r\n\r\n

\"\"<\/a><\/figure>\r\n\r\n\r\n\r\n
\"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

This is the quickest way to find and fix image-related (and other) issues affecting your site\u2019s loading speed.<\/p>\r\n\r\n\r\n\r\n

BUT, there\u2019s a catch – the tool can only find such issues a few weeks after you push a page live. And it\u2019s not wise to wait because loading speed is a Google ranking factor<\/a>, and your SERP rankings might plummet if your page loads slowly.<\/p>\r\n\r\n\r\n\r\n

So, why not optimize the images before uploading? After all, prevention is better than cure.<\/p>\r\n\r\n\r\n\r\n

These techniques will tell you EXACTLY how to do it. Let\u2019s begin.<\/p>\r\n\r\n\r\n\r\n

1. Choose the <\/strong>Right <\/em><\/strong>Image Format<\/strong><\/h2>\r\n\r\n\r\n\r\n

Website owners prefer using these four image formats:<\/p>\r\n\r\n\r\n\r\n

\"\"<\/a><\/figure>\r\n\r\n\r\n\r\n
    \r\n
  1. JPEG (or JPG – Joint Photographic Experts Group)<\/strong>

    \r\n\r\nIt is a compressed image format with a slightly reduced quality. JPEGs are best suited for photographs or images with a lot of details and colors.
    \r\n\r\nCompressed image = lower file size = faster loading speed

    \r\n\r\n<\/li>\r\n
  2. PNG (Portable Network Graphics)<\/strong>

    \r\n\r\nIt is an uncompressed image format with higher quality suitable for images with transparent backgrounds like logos and fewer colors.\u00a0
    \r\n\r\nPNGs are available in two formats:

    \r\n\r\n<\/li>\r\n
  3. PNG-8<\/strong>

    \r\n\r\nIt has a limited palette of 256 colors but a reduced file size allowing it to load faster.

    \r\n\r\n<\/li>\r\n
  4. PNG-24<\/strong>

    \r\n\r\nIt doesn\u2019t have a limited color palette; hence, it\u2019s a heavier file that takes longer to load.

    \r\n\r\n<\/li>\r\n
  5. GIF (Graphics Interchange Format)<\/strong>

    \r\n\r\nGIFs use a limited palette of 256 colors while ensuring lossless compression. It is best suited for animated images.
    \r\n\r\nGIFs take time to load. It is advisable to use PNG-8 images over GIFs.

    \r\n\r\n<\/li>\r\n
  6. SVG (Scalable Vector Graphics)<\/strong>

    \r\n\r\nJPEG, PNG, and GIF are raster graphics (made of pixels), and SVGs are vector graphics (made of paths). So, SVGs don\u2019t need an HTTP request to load an image file.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n

    Among these, which is the right image format for your website?<\/p>\r\n\r\n\r\n\r\n

    It depends on your purpose.<\/p>\r\n\r\n\r\n\r\n

    Statistically, PNG and JPEG are the most popular formats that websites use. And they are the ideal choices because of the balance between image quality and loading speed.<\/p>\r\n\r\n\r\n\r\n

    \"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

    2. Resize Images Before Uploading Them<\/strong><\/h2>\r\n\r\n\r\n\r\n

    If you upload images without altering their dimensions, they might have larger sizes than required.\u00a0<\/p>\r\n\r\n\r\n\r\n

    For your images to fit into screen sizes of different dimensions, the browser needs to resize your images, which consumes time and impacts your site\u2019s loading speed.<\/p>\r\n\r\n\r\n\r\n

    Resizing before uploading helps your images fit into the specified space on the screen and load faster on the browsers.<\/p>\r\n\r\n\r\n\r\n

    Now, the optimal size of images varies from website to website. It depends on your website\u2019s theme or design.\u00a0\u00a0<\/p>\r\n\r\n\r\n\r\n

    Using the built-in inspector tools that most browsers have, you can determine the exact sizes of images used on your site.\u00a0<\/p>\r\n\r\n\r\n\r\n

    If you want to check the size of images used on your competitor\u2019s site, you can do it in the same way.\u00a0<\/p>\r\n\r\n\r\n\r\n

    Just inspect elements of a web page, click on the image, and the browser will show you the exact image size.<\/p>\r\n\r\n\r\n\r\n

    \"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

    The image sizes may vary depending on the purpose, such as a banner, pop-up, button, etc. Here are some popular image sizes<\/strong> (in pixels) that most websites use:<\/p>\r\n\r\n\r\n\r\n

    \"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

    You can keep them as a reference for resizing images you upload on your website.\u00a0<\/p>\r\n\r\n\r\n\r\n

    The width and height of blog posts or other inside content images should not exceed 1500 px and 1000 px, respectively.\u00a0<\/p>\r\n\r\n\r\n\r\n

    There are several ways to resize your images effectively:<\/p>\r\n\r\n\r\n\r\n

      \r\n
    1. Using Photoshop<\/strong><\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n

      Photoshop is a dedicated photo-editing software. It preserves the details and sharpness of images while resizing.<\/p>\r\n\r\n\r\n\r\n

      Select Image > Image Size<\/strong>. A dialog box will appear. It will show you the current image\u2019s size.<\/p>\r\n\r\n\r\n\r\n

      Enter your required dimensions (width and height) to see the new image file size. Click OK, <\/strong>and resizing is done.\u00a0<\/p>\r\n\r\n\r\n\r\n

      You can save the file in the desired format and upload it to your site.<\/p>\r\n\r\n\r\n\r\n

      \"\"<\/a><\/figure>\r\n\r\n\r\n\r\n
        \r\n
      1. Using Paint<\/strong><\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n

        Windows Paint is a simpler alternative to resizing images before uploading them.\u00a0<\/p>\r\n\r\n\r\n\r\n

        Open <\/strong>the image you want to resize in Paint. Select resize<\/strong> from the options in the toolbar.\u00a0<\/p>\r\n\r\n\r\n\r\n

        Enter the new dimensions as per your requirement. (Paint maintains the aspect ratio by default.) <\/em>Click OK<\/strong> and resize your image.<\/p>\r\n\r\n\r\n\r\n

        Save your file in an appropriate format and then upload it to your site.<\/p>\r\n\r\n\r\n\r\n

        \"\"<\/a><\/figure>\r\n\r\n\r\n\r\n
          \r\n
        1. Using WordPress Plugin<\/strong><\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n

          If you are using WordPress, you can use a plugin like Imsanity<\/a> to resize your images.\u00a0<\/p>\r\n\r\n\r\n\r\n

          The plugin will automatically resize an image that exceeds the size limits specified by you and replace it with the uploaded image.<\/p>\r\n\r\n\r\n\r\n

          3. Compress ALL Images<\/strong><\/h2>\r\n\r\n\r\n\r\n

          Compression minimizes the file size in bytes without degrading the quality of your images.\u00a0<\/p>\r\n\r\n\r\n\r\n

          It helps speed up the transmission of images and reduce their storage space on the servers.<\/p>\r\n\r\n\r\n\r\n

          So, make sure you compress every image before uploading it to your site.<\/p>\r\n\r\n\r\n\r\n

          There are two ways to shrink your image\u2019s file size:<\/p>\r\n\r\n\r\n\r\n

            \r\n
          1. Lossy<\/strong>\u00a0<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n

            Lossy compression reduces the file size to a great extent. Some pixel data and image metadata like date, resolution, dimensions, color, device, etc., are removed.<\/p>\r\n\r\n\r\n\r\n

            There is a reduction in image quality, but the human eye will not distinguish between uncompressed and compressed images.<\/p>\r\n\r\n\r\n\r\n

              \r\n
            1. Lossless<\/strong><\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n

              Lossless compression provides relatively larger file sizes. It does not alter the pixel data but removes the details in the metadata. So, there is no loss in image quality.<\/p>\r\n\r\n\r\n\r\n

              \"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

              You can also select the level of compression for your images.\u00a0<\/p>\r\n\r\n\r\n\r\n

              The higher the compression level (or percentage), the poorer the quality…<\/p>\r\n\r\n\r\n\r\n

              \"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

              …and the smaller the file size.<\/p>\r\n\r\n\r\n\r\n

              \"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

              Now, you must be wondering when to use which type of compression.\u00a0<\/p>\r\n\r\n\r\n\r\n

              Go for lossless compression when you cannot compromise on the quality. You can select the appropriate compression level as per your need. It works best for photographs and website images.\u00a0<\/p>\r\n\r\n\r\n\r\n

              But, if the quality is of lesser importance, go for lossy compression. You can always use it for screenshots or similar images.<\/p>\r\n\r\n\r\n\r\n

              Here are some web tools that offer efficient image compression:<\/p>\r\n\r\n\r\n\r\n

                \r\n
              1. TinyPNG<\/a><\/li>\r\n
              2. Kraken.io<\/a><\/li>\r\n
              3. JPEGmini<\/a><\/li>\r\n
              4. Trimage<\/a><\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n

                If you are using WordPress, here are some popular image compression plugins:<\/p>\r\n\r\n\r\n\r\n

                  \r\n
                1. Smush<\/a><\/li>\r\n
                2. Optimole<\/a><\/li>\r\n
                3. EWWW Image Optimizer<\/a><\/li>\r\n
                4. TinyPNG<\/a><\/li>\r\n
                5. Kraken.io<\/a><\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n

                  4. Use CDNs for Images (and other content)<\/strong><\/h2>\r\n\r\n\r\n\r\n

                  A CDN is a geographically distributed network of servers that enables faster content delivery on the web. It enhances the performance and speed of the websites, providing a great user experience.<\/p>\r\n\r\n\r\n\r\n

                  Using a CDN for your images (and other content) speeds up your site in two ways.\u00a0<\/p>\r\n\r\n\r\n\r\n

                  First<\/strong>, your images are optimized (by default) to occupy less space on the storage servers.<\/p>\r\n\r\n\r\n\r\n

                  And second<\/strong>, your images are stored on multiple servers present at different geographic locations.\u00a0<\/p>\r\n\r\n\r\n\r\n

                  So, whenever users visit your site, they don\u2019t have to load image files from your origin server. Instead, they can download them from the nearest server of your CDN.<\/p>\r\n\r\n\r\n\r\n

                  \"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

                  Using a CDN helps improve your page loading speed because science still limits the data transfer rate. The distance between your origin server and the user’s location impacts the data transmission rate.<\/p>\r\n\r\n\r\n\r\n

                  If a user is located far away from your origin server, it will consume a lot of their time downloading the images (and other content). And even if it takes a few seconds extra to load, users will bounce back from your site.<\/p>\r\n\r\n\r\n\r\n

                  But, with a CDN, users will be able to download the images from the nearest network server. It will be quicker as the distance between the network server and the user\u2019s location reduces significantly.<\/p>\r\n\r\n\r\n\r\n

                  \"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

                  So, you must use a CDN for images.<\/p>\r\n\r\n\r\n\r\n

                  There are several quality CDNs available for free on the internet. You can use any of them and achieve faster image loading.\u00a0<\/p>\r\n\r\n\r\n\r\n

                  Here are some popular and efficient CDNs for your help:<\/p>\r\n\r\n\r\n\r\n

                    \r\n
                  1. Cloudflare CDN<\/a><\/li>\r\n
                  2. Amazon CloudFront<\/a><\/li>\r\n
                  3. Google Cloud CDN<\/a><\/li>\r\n
                  4. Imperva CDN<\/a><\/li>\r\n
                  5. CDN77.com<\/a><\/li>\r\n
                  6. Gumlet<\/a><\/li>\r\n
                  7. Fastly<\/a><\/li>\r\n
                  8. CacheFly<\/a><\/li>\r\n
                  9. Varnish Software<\/a><\/li>\r\n
                  10. Bunny.net<\/a><\/li>\r\n
                  11. 5centscdn<\/a><\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n

                    5. Enable Browser Caching<\/strong><\/h2>\r\n\r\n\r\n\r\n

                    Every time users visit your site, they have to download all website resources such as images, HTML and CSS files, JavaScript files, media files, PDFs, etc., from the server.<\/p>\r\n\r\n\r\n\r\n

                    If you enable browser caching<\/a>, you tell the web browsers to download and save your site\u2019s resources in the temporary local storage.\u00a0<\/p>\r\n\r\n\r\n\r\n

                    You can also inform the web browsers about:<\/p>\r\n\r\n\r\n\r\n

                      \r\n
                    1. The resources they should and should not cache.<\/li>\r\n
                    2. The time for which they should keep a particular cached resource.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n

                      So, whenever users revisit your site, they can download the resources from the local storage rather than the server.\u00a0<\/p>\r\n\r\n\r\n\r\n

                      Thus, it will help your web pages load faster for repeat visitors.<\/p>\r\n\r\n\r\n\r\n

                      \"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

                      Look at the easily <\/em>achievable page loading speed improvement<\/a> with browser caching:<\/p>\r\n\r\n\r\n\r\n\r\n\r\n

                      \"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

                      It\u2019s more than 100 times faster.\u00a0<\/p>\r\n\r\n\r\n\r\n

                      Most of the page speed testing tools suggest \u2018leverage browser caching\u2019 for the same reason.<\/p>\r\n\r\n\r\n\r\n

                      Since images take the maximum time to load on a site, enabling caching for images boosts your site\u2019s loading speed<\/a> to a great extent.<\/p>\r\n\r\n\r\n\r\n

                      You can leverage browser caching for your site\u2019s images in two ways:<\/p>\r\n\r\n\r\n\r\n

                        \r\n
                      1. Using .htaccess<\/strong><\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n

                        It is the most commonly used method to implement browser caching. You can add a few lines of browser caching code to your .htaccess file to enable it.<\/p>\r\n\r\n\r\n\r\n

                        \"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

                        In the code, define the type of resource that must be cached and the duration for which it must stay in the local memory. (As per your needs)<\/p>\r\n\r\n\r\n\r\n

                        That\u2019s all set for your images (and other resources) to load faster for users.<\/p>\r\n\r\n\r\n\r\n

                          \r\n
                        1. Using Plugins (for WordPress sites)<\/strong><\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n

                          Plugins automate the process by adding the browser caching code inside the .htaccess file. But, you might not find a lot of personalization options with them.<\/p>\r\n\r\n\r\n\r\n

                          Here are some plugins to speed up your WordPress site<\/a> by enabling browser caching:<\/p>\r\n\r\n\r\n\r\n

                            \r\n
                          1. W3 Total Cache<\/a><\/li>\r\n
                          2. WP Fastest Cache<\/a><\/li>\r\n
                          3. WP Cloudflare Super Page Cache<\/a><\/li>\r\n
                          4. WP Super Cache<\/a><\/li>\r\n
                          5. Hyper Cache<\/a><\/li>\r\n
                          6. Comet Cache<\/a><\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n

                            With that, you can considerably reduce the loading time of your images.<\/p>\r\n\r\n\r\n\r\n

                            Bonus: Add Alt Text to Your Images\u00a0<\/strong><\/h2>\r\n\r\n\r\n\r\n

                            Alt Text is a brief description of an image that clearly states what the image shows.\u00a0<\/p>\r\n\r\n\r\n\r\n

                            It is important for three reasons:<\/p>\r\n\r\n\r\n\r\n

                              \r\n
                            1. Browsers display the alt text in place of images if users use a low-speed internet connection and images take time to load.<\/li>\r\n
                            2. Screen readers read aloud the alt text to make visually impaired users understand what the image is all about.<\/li>\r\n
                            3. Search engines<\/a> use alt text to understand a page\u2019s contents better and rank it appropriately.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n

                              Now, writing alt text for images is perhaps very easy. You have to think about how you would describe an image to your kid, and you have a great alt description in your hand.\u00a0
                              For example, the right <\/em>alt text for the image given below would be: a cat jumping up in the air.<\/strong><\/p>\r\n\r\n\r\n\r\n

                              \"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

                              It clearly describes the image. Users can get an idea of what the image is all about even if they don\u2019t see it.<\/p>\r\n\r\n\r\n\r\n

                              So, you must add alt text to all images you upload on your site.\u00a0<\/p>\r\n\r\n\r\n\r\n

                              But if you\u2019ve already uploaded images, you can easily find the ones without alt text using the free Website Analyzer<\/a>.\u00a0<\/p>\r\n\r\n\r\n\r\n

                              It analyzes all the images on your site and shows the total number of images with a missing alt attribute.\u00a0
                              When you click on View More<\/strong>, it shows the URLs of the images you need to fix.<\/p>\r\n\r\n\r\n\r\n

                              \"\"<\/a><\/figure>\r\n\r\n\r\n\r\n

                              You can optimize the alt text of these images and enhance your site\u2019s user experience.\u00a0<\/p>\r\n\r\n\r\n\r\n

                              Also, you\u2019ll notice your images performing better in Google Images search<\/a> results. That\u2019s because alt text is one of the most important SEO ranking factors<\/a> for images.<\/p>\r\n\r\n\r\n\r\n

                              So, it\u2019s a win-win situation for you!<\/p>\r\n\r\n\r\n\r\n

                              Enhance Your Site Speed By Optimizing Images<\/strong><\/h2>\r\n\r\n\r\n\r\n

                              As mobile internet usage continues to grow, we\u2019ll be looking ahead at even faster and smoother sites.\u00a0<\/p>\r\n\r\n\r\n\r\n

                              With that said, leaving your images unoptimized is a blunder that you should never do. If your speed is slow, use the above techniques to optimize<\/a> your images.\u00a0<\/p>\r\n\r\n\r\n\r\n

                              When you test your site again with Google PageSpeed insights, I\u2019m pretty sure you\u2019ll notice a great improvement in its speed!<\/p>\r\n\r\n\r\n\r\n

                              Did you put any of the techniques I mentioned to work? Which one do you think is the most effective one? Let me know your thoughts.<\/em><\/p>\r\n","protected":false},"excerpt":{"rendered":"

                              Unoptimized (or poorly optimized) images are the most common reason for your website\u2019s slow loading speed. Perhaps your website loads quickly, 39% of people can STILL stop engaging with it if the images won\u2019t load or take too much time to load. And images account for 68% of total page weight (which is a LOT!). […]<\/p>\n","protected":false},"author":215,"featured_media":16460,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","footnotes":""},"categories":[39],"tags":[],"class_list":["post-16436","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technical-seo","entry"],"acf":[],"yoast_head":"\nImage Optimization: Tips To Speed Up Your Site By Fixing Images<\/title>\n<meta name=\"description\" content=\"Unoptimized images can slow your website and negatively affect your search rankings. Use these tips to fix your images and improve loading speed.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Image Optimization: Tips To Speed Up Your Site By Fixing Images\" \/>\n<meta property=\"og:description\" content=\"Unoptimized images can slow your website and negatively affect your search rankings. Use these tips to fix your images and improve loading speed.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/\" \/>\n<meta property=\"og:site_name\" content=\"RankWatch Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/RankWatch\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/RankWatch1\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-19T10:35:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-20T08:43:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/12\/How-to-Speed-Up-Your-Website-january-2021.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"670\" \/>\n\t<meta property=\"og:image:height\" content=\"408\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sahil Kakkar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@RankWatch\" \/>\n<meta name=\"twitter:site\" content=\"@rankwatch\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sahil Kakkar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/\"},\"author\":{\"name\":\"Sahil Kakkar\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/fddb7440d6f90e9b9983791e476a1429\"},\"headline\":\"How to Speed Up Your Site by Fixing Your Images?\",\"datePublished\":\"2022-08-19T10:35:15+00:00\",\"dateModified\":\"2023-07-20T08:43:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/\"},\"wordCount\":2151,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/12\/How-to-Speed-Up-Your-Website-january-2021.jpeg?fit=670%2C408&ssl=1\",\"articleSection\":[\"Technical SEO\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/\",\"name\":\"Image Optimization: Tips To Speed Up Your Site By Fixing Images\",\"isPartOf\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/12\/How-to-Speed-Up-Your-Website-january-2021.jpeg?fit=670%2C408&ssl=1\",\"datePublished\":\"2022-08-19T10:35:15+00:00\",\"dateModified\":\"2023-07-20T08:43:45+00:00\",\"description\":\"Unoptimized images can slow your website and negatively affect your search rankings. Use these tips to fix your images and improve loading speed.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/12\/How-to-Speed-Up-Your-Website-january-2021.jpeg?fit=670%2C408&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/12\/How-to-Speed-Up-Your-Website-january-2021.jpeg?fit=670%2C408&ssl=1\",\"width\":670,\"height\":408},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.rankwatch.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Speed Up Your Site by Fixing Your Images?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#website\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/\",\"name\":\"RankWatch Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.rankwatch.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#organization\",\"name\":\"Rankwatch\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1\",\"width\":400,\"height\":90,\"caption\":\"Rankwatch\"},\"image\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/RankWatch\/\",\"https:\/\/x.com\/rankwatch\",\"https:\/\/www.instagram.com\/rankwatch_seo\/\",\"https:\/\/in.linkedin.com\/company\/rankwatch\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/fddb7440d6f90e9b9983791e476a1429\",\"name\":\"Sahil Kakkar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/09\/301d348a-2522-4ee1-8dde-2ee543cf1f5e_templates_1627454150633_sahil-final-96x96.png\",\"contentUrl\":\"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/09\/301d348a-2522-4ee1-8dde-2ee543cf1f5e_templates_1627454150633_sahil-final-96x96.png\",\"caption\":\"Sahil Kakkar\"},\"description\":\"Sahil is the CEO and Founder of RankWatch - a platform that helps companies and brands stay ahead with their SEO efforts in the ever growing internet landscape. Sahil likes making creative products that help in the automation of mundane tasks and he can spend endless nights implementing new technologies and ideas. You can connect with him and the Rankwatch team on Facebook or Twitter.\",\"sameAs\":[\"http:\/\/www.rankwatch.com\",\"https:\/\/www.facebook.com\/RankWatch1\",\"https:\/\/in.linkedin.com\/company\/rankwatch\",\"https:\/\/x.com\/RankWatch\"],\"url\":\"https:\/\/www.rankwatch.com\/blog\/author\/sahil-kakkar\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Image Optimization: Tips To Speed Up Your Site By Fixing Images","description":"Unoptimized images can slow your website and negatively affect your search rankings. Use these tips to fix your images and improve loading speed.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/","og_locale":"en_US","og_type":"article","og_title":"Image Optimization: Tips To Speed Up Your Site By Fixing Images","og_description":"Unoptimized images can slow your website and negatively affect your search rankings. Use these tips to fix your images and improve loading speed.","og_url":"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/","og_site_name":"RankWatch Blog","article_publisher":"https:\/\/www.facebook.com\/RankWatch\/","article_author":"https:\/\/www.facebook.com\/RankWatch1","article_published_time":"2022-08-19T10:35:15+00:00","article_modified_time":"2023-07-20T08:43:45+00:00","og_image":[{"width":670,"height":408,"url":"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/12\/How-to-Speed-Up-Your-Website-january-2021.jpeg","type":"image\/jpeg"}],"author":"Sahil Kakkar","twitter_card":"summary_large_image","twitter_creator":"@RankWatch","twitter_site":"@rankwatch","twitter_misc":{"Written by":"Sahil Kakkar","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/#article","isPartOf":{"@id":"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/"},"author":{"name":"Sahil Kakkar","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/fddb7440d6f90e9b9983791e476a1429"},"headline":"How to Speed Up Your Site by Fixing Your Images?","datePublished":"2022-08-19T10:35:15+00:00","dateModified":"2023-07-20T08:43:45+00:00","mainEntityOfPage":{"@id":"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/"},"wordCount":2151,"commentCount":1,"publisher":{"@id":"https:\/\/www.rankwatch.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/12\/How-to-Speed-Up-Your-Website-january-2021.jpeg?fit=670%2C408&ssl=1","articleSection":["Technical SEO"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/","url":"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/","name":"Image Optimization: Tips To Speed Up Your Site By Fixing Images","isPartOf":{"@id":"https:\/\/www.rankwatch.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/#primaryimage"},"image":{"@id":"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/12\/How-to-Speed-Up-Your-Website-january-2021.jpeg?fit=670%2C408&ssl=1","datePublished":"2022-08-19T10:35:15+00:00","dateModified":"2023-07-20T08:43:45+00:00","description":"Unoptimized images can slow your website and negatively affect your search rankings. Use these tips to fix your images and improve loading speed.","breadcrumb":{"@id":"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/#primaryimage","url":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/12\/How-to-Speed-Up-Your-Website-january-2021.jpeg?fit=670%2C408&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/12\/How-to-Speed-Up-Your-Website-january-2021.jpeg?fit=670%2C408&ssl=1","width":670,"height":408},{"@type":"BreadcrumbList","@id":"https:\/\/www.rankwatch.com\/blog\/image-optimization-seo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.rankwatch.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Speed Up Your Site by Fixing Your Images?"}]},{"@type":"WebSite","@id":"https:\/\/www.rankwatch.com\/blog\/#website","url":"https:\/\/www.rankwatch.com\/blog\/","name":"RankWatch Blog","description":"","publisher":{"@id":"https:\/\/www.rankwatch.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.rankwatch.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.rankwatch.com\/blog\/#organization","name":"Rankwatch","url":"https:\/\/www.rankwatch.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1","width":400,"height":90,"caption":"Rankwatch"},"image":{"@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/RankWatch\/","https:\/\/x.com\/rankwatch","https:\/\/www.instagram.com\/rankwatch_seo\/","https:\/\/in.linkedin.com\/company\/rankwatch"]},{"@type":"Person","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/fddb7440d6f90e9b9983791e476a1429","name":"Sahil Kakkar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/09\/301d348a-2522-4ee1-8dde-2ee543cf1f5e_templates_1627454150633_sahil-final-96x96.png","contentUrl":"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/09\/301d348a-2522-4ee1-8dde-2ee543cf1f5e_templates_1627454150633_sahil-final-96x96.png","caption":"Sahil Kakkar"},"description":"Sahil is the CEO and Founder of RankWatch - a platform that helps companies and brands stay ahead with their SEO efforts in the ever growing internet landscape. Sahil likes making creative products that help in the automation of mundane tasks and he can spend endless nights implementing new technologies and ideas. You can connect with him and the Rankwatch team on Facebook or Twitter.","sameAs":["http:\/\/www.rankwatch.com","https:\/\/www.facebook.com\/RankWatch1","https:\/\/in.linkedin.com\/company\/rankwatch","https:\/\/x.com\/RankWatch"],"url":"https:\/\/www.rankwatch.com\/blog\/author\/sahil-kakkar\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/12\/How-to-Speed-Up-Your-Website-january-2021.jpeg?fit=670%2C408&ssl=1","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts\/16436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/users\/215"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/comments?post=16436"}],"version-history":[{"count":14,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts\/16436\/revisions"}],"predecessor-version":[{"id":20419,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts\/16436\/revisions\/20419"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/media\/16460"}],"wp:attachment":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/media?parent=16436"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/categories?post=16436"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/tags?post=16436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}