{"id":28717,"date":"2025-09-16T11:52:43","date_gmt":"2025-09-16T15:52:43","guid":{"rendered":"https:\/\/plumrocket.com\/docs\/?p=28717"},"modified":"2025-09-16T11:53:25","modified_gmt":"2025-09-16T15:53:25","slug":"magento-2-webp-image-optimizer-v1-x-installation","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer\/v1\/installation","title":{"rendered":"Magento 2 WebP Image Optimizer v1.x Installation"},"content":{"rendered":"\n

Here you will learn how to correctly install the\u00a0Magento 2 WebP Image Optimizer Extension<\/a>\u00a0using two methods \u2013 Installation via the FTP or Composer.<\/p>\n\n\n\n

\n

Important Information:<\/p>\n\n\n\n

  1. First of all, make sure your system meets all the requirements necessary for the correct functioning of our WebP Image Optimizer Extension for Magento<\/li>
  2. For more details on system requirements, please read Magento 2 system requirements<\/a>.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n

    You can choose one of the following two methods to install the extension on your Magento 2 store:<\/strong><\/p>\n\n\n\n

    \n
    1. Installation via Composer<\/strong><\/a><\/div>\n\n\n\n
    2. Installation via FTP<\/strong><\/a><\/div>\n<\/div>\n\n\n\n

    Extension Installation via Composer<\/h2>\n\n\n\n

    In order to install your Magento 2 WebP Image Optimizer extension via Composer, open the console (SSH terminal) and follow the steps:<\/p>\n\n\n\n

    Step 1. Switch to your Magento 2 root directory in the terminal<\/h3>\n\n\n\n
    <\/div>
    cd \/FULL_PATH_TO_YOUR_MAGENTO2<\/code><\/pre><\/div>\n\n\n\n
    where “FULL_PATH_TO_YOUR_MAGENTO2” is the path to your Magento 2 folder on your server.<\/p>\n\n\n\n
    Step 2. Add the Plumrocket repository to your Composer configurations<\/h3>\n\n\n\n
    <\/div>
    composer config repositories.plumrocket\ncomposer https:\/\/plumrocket.com\/repo\/<\/code><\/pre><\/div>\n\n\n\n
    Step 3. Download Plumrocket extension files<\/h3>\n\n\n\n
    <\/div>
    composer require plumrocket\/module-webp<\/code><\/pre><\/div>\n\n\n\n
    After running this command, you may be prompted to enter the username and password (see the How to Get Plumrocket Composer Repository Keys<\/a> user guide).<\/p>\n\n\n\n
    Step 4. Install database and static resources<\/h3>\n\n\n\n
    <\/div>
    php bin\/magento cache:flush\nphp bin\/magento setup:upgrade\nphp bin\/magento setup:di:compile\nphp bin\/magento setup:static-content:deploy<\/code><\/pre><\/div>\n\n\n\n
    After running these commands, the extension should be installed successfully. A similar message should be displayed in your console as shown below:<\/p>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    Step 5. Set the serial key<\/h3>\n\n\n\n
    \n
    Step-by-step guide:<\/p>\n\n\n\n
    1. Navigate to your Magento 2 Admin Panel and click on the “Plumrocket”<\/strong> tab.<\/li>
    2. If there is the “WebP”<\/strong> tab in the list, it means that the extension has been successfully installed.<\/li>
    3. Navigate to the “WebP”<\/strong> -> select the “Configuration”<\/strong> option.<\/li>
    4. Your Serial Key<\/strong> field should be auto-filled with the green check mark displayed. This means that the Serial Key has been successfully activated and the extension can be enabled. However, if the green check mark is not there – you will need to enter your product Serial Key manually. Please follow the License Installation for Magento 2 instructions<\/a> for more information.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
      \"Magento<\/figure>\n\n\n\n
      Next Step<\/strong> > Magento 2 WebP Image Optimizer v1.x Configuration<\/a><\/strong><\/p>\n\n\n\n
      Extension Installation via FTP<\/h2>\n\n\n\n
      Step 1. Download and unzip the extension files<\/h3>\n\n\n\n
      \n
      Step-by-step guide:<\/p>\n\n\n\n
      1. Log into your account at https:\/\/plumrocket.com<\/a>.<\/li>
      2.  Select “My Account<\/strong>” in the menu . (To open this page you have to log in first)<\/li>
      3. Navigate to “My Downloads<\/strong>” in the menu.<\/li>
      4. Press on the “Download<\/strong>” link to download the latest version of your Plumrocket Magento 2 extension.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
        Unzip the Magento 2 WebP Image Optimizer extension’s files and proceed to the next step.<\/p>\n\n\n\n
        Step 2. Upload files to the server<\/h3>\n\n\n\n
        To upload files to the server, you may use any FTP-client. To show you how it works we used the FileZilla FTP-client.<\/p>\n\n\n\n
        \n
        Step-by-step guide:<\/p>\n\n\n\n
        1. This is your client side. You will see the unpacked catalog containing the Magento 2 WebP Image Optimizer Extension.<\/li>
        2. This is your root directory on the server side. This is where the files should be uploaded.<\/li>
        3. All the files have to be uploaded to the server. Select the files and press right button of your mouse.<\/li>
        4. Select the “Upload” option for these files.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
          \"\"<\/figure>\n\n\n\n
          Step 3. SSH Installation<\/h3>\n\n\n\n
          1. In the terminal, switch to your Magento 2 root directory:<\/p>\n\n\n\n
          <\/div>
          cd \/FULL_PATH_TO_YOUR_MAGENTO2<\/code><\/pre><\/div>\n\n\n\n
          where “FULL_PATH_TO_YOUR_MAGENTO2” is the path to your Magento 2 folder on your server.<\/p>\n\n\n\n
          2. Install the following package for the built-in support of WebP:<\/p>\n\n\n\n
          <\/div>
          composer require rosell-dk\/webp-convert<\/code><\/pre><\/div>\n\n\n\n
          3. Update database and static resources:<\/p>\n\n\n\n
          <\/div>
          php bin\/magento cache:flush\nphp bin\/magento setup:upgrade\nphp bin\/magento setup:di:compile\nphp bin\/magento setup:static-content:deploy<\/code><\/pre><\/div>\n\n\n\n
          After running these commands, the extension should be installed successfully. A similar message should be displayed in your console as displayed below:<\/p>\n\n\n\n
          \"\"<\/figure>\n\n\n\n
          Step 4. Set the serial key<\/h3>\n\n\n\n
          \n
          Step-by-step guide:<\/p>\n\n\n\n
          1. Navigate to your Magento 2 Admin Panel and click on the “Plumrocket”<\/strong> tab.<\/li>
          2. If there is the “WebP Image Optimizer”<\/strong> tab in the list, it means that the extension has been successfully installed.<\/li>
          3. Navigate to the “WebP Image Optimizer”<\/strong> -> select the “Configuration”<\/strong> option.<\/li>
          4. Your Serial Key<\/strong> field should be auto-filled with the green check mark displayed. This means that the Serial Key has been successfully activated and the extension can be enabled. However, if the green check mark is not there – you will need to enter your product Serial Key manually. Please follow the License Installation for Magento 2 instructions<\/a> for more information.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
            \"Magento<\/figure>\n\n\n\n
            Next Step<\/strong> > <\/a>Magento 2 WebP Image Optimizer v1.x Configuration<\/a><\/strong><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"
            Here you will learn how to correctly install the\u00a0Magento 2 WebP Image Optimizer Extension\u00a0using two methods \u2013 Installation via the FTP or Composer. You can choose one of the following two methods to install the extension on your Magento 2 store: Extension Installation via Composer In order to install your Magento 2 WebP Image Optimizer … <\/p>\n
            Continue reading “Magento 2 WebP Image Optimizer v1.x Installation”<\/span><\/a><\/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 Install Magento 2  WebP Image Optimizer Extension v1.x Magento 2 WebP Image Optimizer v1.x Installation - Plumrocket Documentation<\/title>\n<meta name=\"description\" content=\"Here you will learn how to correctly install the\u00a0Magento 2 WebP Image Optimizer Extension\u00a0using two methods \u2013 Installation via the FTP or Composer.\" \/>\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\/installation\" \/>\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 Installation\" \/>\n<meta property=\"og:description\" content=\"Here you will learn how to correctly install the\u00a0Magento 2 WebP Image Optimizer Extension\u00a0using two methods \u2013 Installation via the FTP or Composer.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer\/v1\/installation\" \/>\n<meta property=\"og:site_name\" content=\"Plumrocket Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2025-09-16T15:52:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-16T15:53:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2020\/12\/Installation_of_extension_via_composer_by_plumrocket_v3-71.jpg\" \/>\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=\"5 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Install Magento 2  WebP Image Optimizer Extension v1.x Magento 2 WebP Image Optimizer v1.x Installation - Plumrocket Documentation","description":"Here you will learn how to correctly install the\u00a0Magento 2 WebP Image Optimizer Extension\u00a0using two methods \u2013 Installation via the FTP or Composer.","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\/installation","og_locale":"en_US","og_type":"article","og_title":"Magento 2 WebP Image Optimizer v1.x Installation","og_description":"Here you will learn how to correctly install the\u00a0Magento 2 WebP Image Optimizer Extension\u00a0using two methods \u2013 Installation via the FTP or Composer.","og_url":"https:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer\/v1\/installation","og_site_name":"Plumrocket Documentation","article_published_time":"2025-09-16T15:52:43+00:00","article_modified_time":"2025-09-16T15:53:25+00:00","og_image":[{"url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2020\/12\/Installation_of_extension_via_composer_by_plumrocket_v3-71.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Roman Malanchuk","Est. reading time":"5 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\/installation#primaryimage","inLanguage":"en-US","url":"\/docs\/wp-content\/uploads\/2020\/12\/Installation_of_extension_via_composer_by_plumrocket_v3-71.jpg","contentUrl":"\/docs\/wp-content\/uploads\/2020\/12\/Installation_of_extension_via_composer_by_plumrocket_v3-71.jpg"},{"@type":"WebPage","@id":"https:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer\/v1\/installation#webpage","url":"https:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer\/v1\/installation","name":"Magento 2 WebP Image Optimizer v1.x Installation - Plumrocket Documentation","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer\/v1\/installation#primaryimage"},"datePublished":"2025-09-16T15:52:43+00:00","dateModified":"2025-09-16T15:53:25+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/58cb5f0d37863599aebbd64adabeb473"},"description":"Here you will learn how to correctly install the\u00a0Magento 2 WebP Image Optimizer Extension\u00a0using two methods \u2013 Installation via the FTP or Composer.","breadcrumb":{"@id":"https:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer\/v1\/installation#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer\/v1\/installation"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/plumrocket.com\/docs\/magento-webp-image-optimizer\/v1\/installation#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 Installation"}]},{"@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\/28717"}],"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=28717"}],"version-history":[{"count":2,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/28717\/revisions"}],"predecessor-version":[{"id":28722,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/28717\/revisions\/28722"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=28717"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=28717"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=28717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}