{"id":28731,"date":"2025-09-18T12:55:08","date_gmt":"2025-09-18T16:55:08","guid":{"rendered":"https:\/\/plumrocket.com\/docs\/?p=28731"},"modified":"2025-09-19T07:35:18","modified_gmt":"2025-09-19T11:35:18","slug":"magento-2-webp-image-optimizer-v1-x-configuration","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer\/v1\/configuration","title":{"rendered":"Magento 2 WebP Image Optimizer v1.x Configuration"},"content":{"rendered":"\n

In this article, you will find step-by-step instructions on how to properly configure the Magento 2 WebP Image Optimizer extension<\/a>. Please follow this guide after installing the plugin.<\/p>\n\n\n\n

In the main Magento menu, go to the Plumrocket<\/strong> tab > select WebP Image Optimizer <\/strong>> Configuration<\/strong>.<\/p>\n\n\n\n

General<\/h2>\n\n\n\n
\n

Step-by-step guide:<\/p>\n\n\n\n

  1. \u201cEnable<\/strong>\u201c: set the option to Yes<\/em> to enable the WebP Image Optimizer extension on your Magento 2 store.<\/li>
  2. \u201cSerial Key<\/strong>\u201c: enter the unique serial key provided to you after purchasing the extension. Please note<\/strong>: in most cases, this field will be pre-filled with a serial key automatically, and the green checkmark will be displayed. To find and paste your serial key manually, read the Serial Key Activation<\/a><\/strong> article.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
    \"Magento<\/figure>\n\n\n\n

    WebP Conversion Settings<\/h2>\n\n\n\n
    \n

    Step-by-step guide:<\/p>\n\n\n\n

    1. “Conversion Mode”<\/strong>: choose the conversion mode that will be used for the WebP images generation:
      • On Page Load<\/strong> \u2013 Images convert the first time they are viewed. This may slow the first load slightly but saves resources by processing only used images and showing them instantly.<\/li><\/ul><\/li>
      • “Conversion Engine<\/strong>“: select the conversion engine you would like to use:
        • Cwebp <\/strong>\u2013 a command-line utility that provides fast conversion with good image quality. Recommended when server installation is possible.<\/li>
        • GD <\/strong>\u2013 a built-in PHP graphics library. Supported almost everywhere, but typically slower compared to other engines.<\/li>
        • Imagick <\/strong>\u2013 a PHP extension based on ImageMagick. Offers high-quality results and advanced features but requires ImageMagick to be installed on the server.<\/li><\/ul><\/li>
        • “Image Quality”<\/strong>: specify the generated images quality.<\/li><\/ol>\n\n\n\n

          <\/p>\n<\/div><\/div>\n\n\n\n

          \"Magento<\/figure>\n\n\n\n

          Advanced Settings<\/h2>\n\n\n\n
          \n

          Step-by-step guide:<\/p>\n\n\n\n

          1. “Display WebP Using Tag<\/strong>“: when enabled, all images processed by the module are added to the page using the HTML element. This ensures that browsers supporting WebP will load the optimized version, while others will fall back to the original image format, preserving the correct page appearance.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
            \"Magento<\/figure>\n\n\n\n

            Exclusion Rules<\/h2>\n\n\n\n
            \n

            Step-by-step guide:<\/p>\n\n\n\n

            1. “Excluded Directories<\/strong>“: define directories or file names that should be skipped during conversion. <\/li><\/ol>\n<\/div><\/div>\n\n\n\n
              \"Magento<\/figure>\n\n\n\n

              Cache Management<\/h2>\n\n\n\n
              \n

              Step-by-step guide:<\/p>\n\n\n\n

              1. “Flush WebP Cache<\/strong>“: clear all previously generated WebP files. Use this option to start fresh or after updating optimization settings.<\/li>
              2. Save <\/strong>your changes.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                \"Magento<\/figure>\n\n\n\n

                <\/p>\n","protected":false},"excerpt":{"rendered":"

                In this article, you will find step-by-step instructions on how to properly configure the Magento 2 WebP Image Optimizer extension. Please follow this guide after installing the plugin. In the main Magento menu, go to the Plumrocket tab > select WebP Image Optimizer > Configuration. General WebP Conversion Settings Advanced Settings Exclusion Rules Cache Management<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[425],"tags":[],"yoast_head":"\nHow to Configure Magento 2 WebP Image Optimizer Extension v1.x Magento 2 WebP Image Optimizer v1.x Configuration - Plumrocket Documentation<\/title>\n<meta name=\"description\" content=\"In this article, you will find step-by-step instructions on how to properly configure the Magento 2 WebP Image Optimizer extension. Please follow\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer\/v1\/configuration\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magento 2 WebP Image Optimizer v1.x Configuration\" \/>\n<meta property=\"og:description\" content=\"In this article, you will find step-by-step instructions on how to properly configure the Magento 2 WebP Image Optimizer extension. Please follow\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer\/v1\/configuration\" \/>\n<meta property=\"og:site_name\" content=\"Plumrocket Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2025-09-18T16:55:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-19T11:35:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/09\/magento2-webp-image-optimizer-configuration1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Roman Malanchuk\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Configure Magento 2 WebP Image Optimizer Extension v1.x Magento 2 WebP Image Optimizer v1.x Configuration - Plumrocket Documentation","description":"In this article, you will find step-by-step instructions on how to properly configure the Magento 2 WebP Image Optimizer extension. Please follow","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:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer\/v1\/configuration","og_locale":"en_US","og_type":"article","og_title":"Magento 2 WebP Image Optimizer v1.x Configuration","og_description":"In this article, you will find step-by-step instructions on how to properly configure the Magento 2 WebP Image Optimizer extension. Please follow","og_url":"https:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer\/v1\/configuration","og_site_name":"Plumrocket Documentation","article_published_time":"2025-09-18T16:55:08+00:00","article_modified_time":"2025-09-19T11:35:18+00:00","og_image":[{"url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/09\/magento2-webp-image-optimizer-configuration1.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Roman Malanchuk","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/plumrocket.com\/docs\/#website","url":"https:\/\/plumrocket.com\/docs\/","name":"Plumrocket Documentation","description":"Extensions docs, troubleshootings etc.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/plumrocket.com\/docs\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer\/v1\/configuration#primaryimage","inLanguage":"en-US","url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/09\/magento2-webp-image-optimizer-configuration1.png","contentUrl":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2025\/09\/magento2-webp-image-optimizer-configuration1.png","width":1206,"height":661},{"@type":"WebPage","@id":"https:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer\/v1\/configuration#webpage","url":"https:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer\/v1\/configuration","name":"Magento 2 WebP Image Optimizer v1.x Configuration - Plumrocket Documentation","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer\/v1\/configuration#primaryimage"},"datePublished":"2025-09-18T16:55:08+00:00","dateModified":"2025-09-19T11:35:18+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/58cb5f0d37863599aebbd64adabeb473"},"description":"In this article, you will find step-by-step instructions on how to properly configure the Magento 2 WebP Image Optimizer extension. Please follow","breadcrumb":{"@id":"https:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer\/v1\/configuration#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer\/v1\/configuration"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer\/v1\/configuration#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Magento 2 Extensions","item":"https:\/\/plumrocket.com\/magento-extensions"},{"@type":"ListItem","position":2,"name":"Magento 2 WebP Image Optimizer","item":"https:\/\/plumrocket.com\/magento-webp-image-optimizer"},{"@type":"ListItem","position":3,"name":"Documentation","item":"https:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer"},{"@type":"ListItem","position":4,"name":"v1","item":"https:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer\/v1"},{"@type":"ListItem","position":5,"name":"Magento 2 WebP Image Optimizer v1.x Configuration"}]},{"@type":"Person","@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/58cb5f0d37863599aebbd64adabeb473","name":"Roman Malanchuk","image":{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/eddb393477f207c32651a48745cfb40f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eddb393477f207c32651a48745cfb40f?s=96&d=mm&r=g","caption":"Roman Malanchuk"}}]}},"_links":{"self":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/28731"}],"collection":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/comments?post=28731"}],"version-history":[{"count":5,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/28731\/revisions"}],"predecessor-version":[{"id":28750,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/28731\/revisions\/28750"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=28731"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=28731"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=28731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}