{"id":19086,"date":"2023-06-15T09:46:49","date_gmt":"2023-06-15T04:16:49","guid":{"rendered":"https:\/\/magecomp.com\/blog\/?post_type=web-story&amp;p=19086"},"modified":"2023-06-15T09:46:49","modified_gmt":"2023-06-15T04:16:49","slug":"benefits-of-webp-images-in-magento-2-store","status":"publish","type":"web-story","link":"https:\/\/magecomp.com\/blog\/web-stories\/benefits-of-webp-images-in-magento-2-store\/","title":{"rendered":"Why Does Your Magento 2 Store Needs WebP Image Extension?"},"content":{"rendered":"<p><html amp=\"\" lang=\"en\"><head><meta charSet=\"utf-8\"\/><meta name=\"viewport\" content=\"width=device-width,minimum-scale=1,initial-scale=1\"\/><script async=\"\" src=\"https:\/\/cdn.ampproject.org\/v0.js\"><\/script><script async=\"\" src=\"https:\/\/cdn.ampproject.org\/v0\/amp-story-1.0.js\" custom-element=\"amp-story\"><\/script><link href=\"https:\/\/fonts.googleapis.com\/css2?display=swap&amp;family=Roboto%3Awght%40400%3B700\" rel=\"stylesheet\"\/><link href=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/1-5.jpg\" rel=\"preload\" as=\"image\"\/>\n<style amp-boilerplate=\"\">body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}<\/style>\n<p><noscript><\/p>\n<style amp-boilerplate=\"\">body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}<\/style>\n<p><\/noscript><\/p>\n<style amp-custom=\"\">\n              h1, h2, h3 { font-weight: normal; }<\/p>\n<p>              amp-story-page {\n                background-color: #131516;\n              }<\/p>\n<p>              amp-story-grid-layer {\n                overflow: visible;\n              }<\/p>\n<p>              @media (max-aspect-ratio: 9 \/ 16)  {\n                @media (min-aspect-ratio: 320 \/ 678) {\n                  amp-story-grid-layer.grid-layer {\n                    margin-top: calc((100% \/ 0.5625 - 100% \/ 0.6666666666666666) \/ 2);\n                  }\n                }\n              }<\/p>\n<p>              @media not all and (min-resolution:.001dpcm) {\n                @media {\n                  p.text-wrapper > span {\n                    font-size: calc(100% - 0.5px);\n                  }\n                }\n              }<\/p>\n<p>              .page-fullbleed-area,\n              .page-background-overlay-area {\n                position: absolute;\n                overflow: hidden;\n                width: 100%;\n                left: 0;\n                height: calc(1.1851851851851851 * 100%);\n                top: calc((1 - 1.1851851851851851) * 100% \/ 2);\n              }<\/p>\n<p>              .element-overlay-area {\n                position: absolute;\n                width: 100%;\n                height: 100%;\n                top: 0;\n                left: 0;\n              }<\/p>\n<p>              .page-safe-area {\n                overflow: visible;\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                width: 100%;\n                height: calc(0.84375 * 100%);\n                margin: auto 0;\n              }<\/p>\n<p>              .mask {\n                position: absolute;\n                overflow: hidden;\n              }<\/p>\n<p>              .fill {\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                margin: 0;\n              }<\/p>\n<p>              @media (prefers-reduced-motion: no-preference) {\n                .animation-wrapper {\n                  opacity: var(--initial-opacity);\n                  transform: var(--initial-transform);\n                }\n              }<\/p>\n<p>              amp-story-grid-layer.align-bottom {\n                align-content: end;\n                padding: 0;\n              }<\/p>\n<p>              .captions-area {\n                padding: 0 32px 0;\n              }<\/p>\n<p>              amp-story-captions {\n                margin-bottom: 16px;\n                text-align: center;\n              }<\/p>\n<p>              amp-story-captions span {\n                display: inline-block;\n                margin: 0;\n                padding: 6px 12px;\n                vertical-align: middle;\n                border-radius: 15px;\n                background: rgba(11, 11, 11, 0.6);\n                color: rgba(255, 255, 255, 1);\n                font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;;\n                font-size: calc(4 * var(--story-page-vw));\n                line-height: 1.4;\n                word-break: break-word;\n                word-wrap: break-word;\n                overflow-wrap: break-word;\n              }\n              <\/style>\n<p><meta name=\"web-stories-replace-head-start\"\/><title>Why Does Your Magento 2 Store Needs WebP Image Extension?<\/title><link rel=\"canonical\" href=\"https:\/\/magecomp.com\/blog\/?post_type=web-story&amp;p=19086\"\/><meta name=\"web-stories-replace-head-end\"\/><\/head><body><amp-story standalone=\"\" publisher=\"MageComp Magento Blog\" publisher-logo-src=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/01\/96-x-96-1.jpg\" title=\"Why Does Your Magento 2 Store Needs WebP Image Extension?\" poster-portrait-src=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/cropped-Poster-Image-4.jpg\"><amp-story-page id=\"04a6cf22-8097-443b-952a-7b6a405fb8c2\" auto-advance-after=\"7s\"><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#eaeee9\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-258af568-09a6-4e2f-beb4-31ec6fb7dc55\">\n<div style=\"position:absolute;width:100%;height:100%;left:0%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/1-5.jpg\" alt=\"1\" srcSet=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/1-5.jpg 1080w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/1-5-864x1536.jpg 864w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/1-5-768x1365.jpg 768w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/1-5-675x1200.jpg 675w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/1-5-576x1024.jpg 576w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/1-5-253x450.jpg 253w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/1-5-169x300.jpg 169w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/1-5-150x267.jpg 150w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/1-5-56x100.jpg 56w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:11.40777%;top:9.54693%;width:77.42718%;height:27.6699%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6269592476489028% 0.6269592476489028% 0.6269592476489028% 0.6269592476489028% \/ 1.1695906432748537% 1.1695906432748537% 1.1695906432748537% 1.1695906432748537%\" id=\"el-345f08af-8676-42f5-9c9e-d61407625b56\">\n<h1 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.1022727272727267% 0;font-family:&quot;Roboto&quot;,sans-serif;font-size:0.582524em;line-height:1.19;text-align:center;padding:0;color:#000000\"><span><span style=\"font-weight: 700\">How <\/span><span style=\"font-weight: 700; color: #3c6708\">WebP Images Extension<\/span><span style=\"font-weight: 700\"> Benefits Your Magento 2 Store?<\/span><\/span><\/h1>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"a102a6ef-5978-41d7-80ab-ca7a72e227ce\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-0679f642-4e42-4824-80ae-72ecc9959a11\",\"keyframes\":{\"transform\":[\"translate3d(-112.42425%, 0px, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.4, 0.4, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-2cd04aa6-d454-461f-add8-7770a19ee56c\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.4, 0.4, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-24bb5a9d-adfd-47bd-8231-53129b144677\",\"keyframes\":{\"transform\":[\"scale(0.15)\",\"scale(1)\"]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.4, 0.4, 0.0, 1)\",\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-9b501089-8d43-42e8-ab32-561916d51846\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-7ffa35c6-eea3-4d1d-acdd-d84b9de7d9f8\",\"keyframes\":{\"transform\":[\"translate3d(0px, -217.39768%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-f4f54dde-46a5-41ac-8d78-f1faf8c68c39\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-3f829cea-78ce-4a43-8f5a-7ea34948b7d2\",\"keyframes\":{\"transform\":[\"translate3d(115.28663%, 0px, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#f6f7fb\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-7de5e870-f6a7-40ee-8e4e-4a982adeaaca\">\n<div style=\"position:absolute;width:100.08094%;height:100%;left:-0.04047%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1.jpg\" alt=\"BG\" srcSet=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1.jpg 1082w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-865x1536.jpg 865w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-768x1364.jpg 768w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-676x1200.jpg 676w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-576x1024.jpg 576w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-253x450.jpg 253w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-169x300.jpg 169w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-150x266.jpg 150w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-56x100.jpg 56w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:12.13592%;top:5.17799%;width:75.97087%;height:12.29773%;opacity:1\">\n<div id=\"anim-9b501089-8d43-42e8-ab32-561916d51846\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-7ffa35c6-eea3-4d1d-acdd-d84b9de7d9f8\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -217.39768%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6389776357827476% 0.6389776357827476% 0.6389776357827476% 0.6389776357827476% \/ 2.631578947368421% 2.631578947368421% 2.631578947368421% 2.631578947368421%\" id=\"el-c6a748c4-660c-4a4f-bf64-82ef8b332244\">\n<h2 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.143769968051118% 0;font-family:&quot;Roboto&quot;,sans-serif;font-size:0.517799em;line-height:1.2;text-align:center;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #3c6708\">Better Image<\/span><br \/>\n<span style=\"font-weight: 700; color: #3c6708\">Quality<\/span><\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:12.13592%;top:19.41748%;width:76.21359%;height:26.3754%;opacity:1\">\n<div id=\"anim-f4f54dde-46a5-41ac-8d78-f1faf8c68c39\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-3f829cea-78ce-4a43-8f5a-7ea34948b7d2\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(115.28663%, 0px, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6369426751592357% 0.6369426751592357% 0.6369426751592357% 0.6369426751592357% \/ 1.2269938650306749% 1.2269938650306749% 1.2269938650306749% 1.2269938650306749%\" id=\"el-699e60b0-e00a-463e-bb59-dd3e053b7fd9\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.7265127388535032% 0;font-family:&quot;Roboto&quot;,sans-serif;font-size:0.323625em;line-height:1.4;text-align:center;padding:0;color:#000000\"><span>The compression of PNG &amp; JPEG images deteriorates the image quality. WebP image compression, the accurate pixel adjustment &amp; compression technique maintains the image quality.<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:9.95146%;top:59.38511%;width:80.09709%;height:33.49515%;opacity:1\">\n<div id=\"anim-0679f642-4e42-4824-80ae-72ecc9959a11\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(-112.42425%, 0px, 0)\">\n<div id=\"anim-2cd04aa6-d454-461f-add8-7770a19ee56c\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-24bb5a9d-adfd-47bd-8231-53129b144677\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:scale(0.15)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-4e3be929-a2b1-423c-aa0b-6a92281cad0c\">\n<div style=\"position:absolute;width:100%;height:100.08051%;left:0%;top:-0.04025%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/2.png\" alt=\"2\" srcSet=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/2.png 1080w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/2-1024x643.png 1024w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/2-768x482.png 768w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/2-700x439.png 700w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/2-300x188.png 300w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/2-150x94.png 150w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/2-100x63.png 100w\" sizes=\"(min-width: 1024px) 36vh, 80vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"fdfe0269-b516-49b9-90cc-01ba8947a63c\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-aea194f5-9b95-4ab5-8df9-81ff0ce58516\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-ad52b516-fb70-4e64-8dcb-d9674e8e1506\",\"keyframes\":{\"transform\":[\"translate3d(0px, -341.14089%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-987fb100-24eb-4a15-a81e-4308931a6ce2\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-e56205bd-4285-4e13-8aae-f5a3f4871c6a\",\"keyframes\":{\"transform\":[\"translate3d(115.28663%, 0px, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-ed9c0c3f-4e94-49b9-a1e9-d6fa32d0e02b\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-43707ba8-f210-42f8-b62f-d1aee4b5ce8d\",\"keyframes\":{\"transform\":[\"translate3d(-112.42425%, 0px, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#f6f7fb\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-1733cdda-7a22-4ea7-b854-ce944cdb0da0\">\n<div style=\"position:absolute;width:100.08094%;height:100%;left:-0.04047%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1.jpg\" alt=\"BG\" srcSet=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1.jpg 1082w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-865x1536.jpg 865w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-768x1364.jpg 768w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-676x1200.jpg 676w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-576x1024.jpg 576w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-253x450.jpg 253w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-169x300.jpg 169w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-150x266.jpg 150w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-56x100.jpg 56w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:12.13592%;top:5.17799%;width:75.97087%;height:5.98706%;opacity:1\">\n<div id=\"anim-aea194f5-9b95-4ab5-8df9-81ff0ce58516\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-ad52b516-fb70-4e64-8dcb-d9674e8e1506\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -341.14089%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6389776357827476% 0.6389776357827476% 0.6389776357827476% 0.6389776357827476% \/ 5.405405405405405% 5.405405405405405% 5.405405405405405% 5.405405405405405%\" id=\"el-058db835-1391-4760-90d7-2c50e5076332\">\n<h2 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.143769968051118% 0;font-family:&quot;Roboto&quot;,sans-serif;font-size:0.517799em;line-height:1.2;text-align:center;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #3c6708\">Smaller File Sizes<\/span><\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:12.13592%;top:19.41748%;width:76.21359%;height:21.84466%;opacity:1\">\n<div id=\"anim-987fb100-24eb-4a15-a81e-4308931a6ce2\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-e56205bd-4285-4e13-8aae-f5a3f4871c6a\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(115.28663%, 0px, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6369426751592357% 0.6369426751592357% 0.6369426751592357% 0.6369426751592357% \/ 1.4814814814814816% 1.4814814814814816% 1.4814814814814816% 1.4814814814814816%\" id=\"el-d11e37fc-7068-4923-a966-ea5face42112\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.7265127388535032% 0;font-family:&quot;Roboto&quot;,sans-serif;font-size:0.323625em;line-height:1.4;text-align:center;padding:0;color:#000000\"><span>WebP images are considered<br \/>\nnext-gen images. WebP images offer images that are 26%-35% smaller than other image formats like JPEG &amp; PNG.<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:9.95146%;top:55.01618%;width:80.09709%;height:36.8932%;opacity:1\">\n<div id=\"anim-ed9c0c3f-4e94-49b9-a1e9-d6fa32d0e02b\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-43707ba8-f210-42f8-b62f-d1aee4b5ce8d\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(-112.42425%, 0px, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-be445519-b99c-44af-8fb6-270743247eb0\">\n<div style=\"position:absolute;width:100%;height:100.10966%;left:0%;top:-0.05483%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/3.png\" alt=\"3\" srcSet=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/3.png 1080w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/3-1024x708.png 1024w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/3-768x531.png 768w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/3-651x450.png 651w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/3-300x208.png 300w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/3-150x104.png 150w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/3-100x69.png 100w\" sizes=\"(min-width: 1024px) 36vh, 80vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"8c5012af-f551-4ed3-ab93-409f89819b6d\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-66e14ef8-062b-4edc-9617-a6cb9a4a30cb\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-d690a6e0-39d4-4558-8c63-0b5bcfd3f5d6\",\"keyframes\":{\"transform\":[\"translate3d(0px, -341.14089%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-cc21d828-14bb-491f-9d87-d233a3ad7ab8\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-386b8cdd-52ca-477a-8466-a5b7a7e5b1ed\",\"keyframes\":{\"transform\":[\"translate3d(115.28663%, 0px, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-b65af73e-d04e-4c02-b0e7-a55e2929da7f\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-7f5a7a6e-df8f-469a-b7e0-879a661f2d00\",\"keyframes\":{\"transform\":[\"translate3d(-112.42425%, 0px, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#f6f7fb\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-902e67ff-8a8c-4f0a-a1da-c6c34de5a06c\">\n<div style=\"position:absolute;width:100.08094%;height:100%;left:-0.04047%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1.jpg\" alt=\"BG\" srcSet=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1.jpg 1082w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-865x1536.jpg 865w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-768x1364.jpg 768w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-676x1200.jpg 676w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-576x1024.jpg 576w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-253x450.jpg 253w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-169x300.jpg 169w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-150x266.jpg 150w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-56x100.jpg 56w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:12.13592%;top:5.17799%;width:75.97087%;height:5.98706%;opacity:1\">\n<div id=\"anim-66e14ef8-062b-4edc-9617-a6cb9a4a30cb\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-d690a6e0-39d4-4558-8c63-0b5bcfd3f5d6\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -341.14089%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6389776357827476% 0.6389776357827476% 0.6389776357827476% 0.6389776357827476% \/ 5.405405405405405% 5.405405405405405% 5.405405405405405% 5.405405405405405%\" id=\"el-c8916356-ca45-4f84-ac4e-c0f359a4e372\">\n<h2 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.143769968051118% 0;font-family:&quot;Roboto&quot;,sans-serif;font-size:0.517799em;line-height:1.2;text-align:center;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #3c6708\">Faster-loading<\/span><\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:12.13592%;top:19.41748%;width:76.21359%;height:21.84466%;opacity:1\">\n<div id=\"anim-cc21d828-14bb-491f-9d87-d233a3ad7ab8\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-386b8cdd-52ca-477a-8466-a5b7a7e5b1ed\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(115.28663%, 0px, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6369426751592357% 0.6369426751592357% 0.6369426751592357% 0.6369426751592357% \/ 1.4814814814814816% 1.4814814814814816% 1.4814814814814816% 1.4814814814814816%\" id=\"el-72d0cb7a-52b4-4a4b-ac70-2b83b8dd096c\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.7265127388535032% 0;font-family:&quot;Roboto&quot;,sans-serif;font-size:0.323625em;line-height:1.4;text-align:center;padding:0;color:#000000\"><span>Even after image compression, the PNG image sizes are larger than WebP images. Hence, the WebP images load faster than PNG images.<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:9.95146%;top:54.85437%;width:80.09709%;height:37.70227%;opacity:1\">\n<div id=\"anim-b65af73e-d04e-4c02-b0e7-a55e2929da7f\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-7f5a7a6e-df8f-469a-b7e0-879a661f2d00\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(-112.42425%, 0px, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-6b2d97bc-0d39-4cfa-addf-761c32fc7242\">\n<div style=\"position:absolute;width:100%;height:100.32188%;left:0%;top:-0.16094%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/4.png\" alt=\"4\" srcSet=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/4.png 1080w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/4-1024x725.png 1024w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/4-850x600.png 850w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/4-768x544.png 768w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/4-635x450.png 635w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/4-300x213.png 300w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/4-150x106.png 150w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/4-100x71.png 100w\" sizes=\"(min-width: 1024px) 36vh, 80vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"aa32a343-e06d-4439-9df7-c6939e8c17b8\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-89b82d7c-e55c-4222-9f30-853023e05497\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-139bb22e-12ac-420c-9754-2ae1b6152019\",\"keyframes\":{\"transform\":[\"translate3d(0px, -218.96296%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-b1291aa0-da82-4cee-bf72-3bb7dd72fea8\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-a92c462e-d2ff-4f75-87a3-2a16939fec5f\",\"keyframes\":{\"transform\":[\"translate3d(115.28663%, 0px, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-3a8c6b71-9a0c-4127-aeb8-04d06b75faaf\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-d4b499dd-7684-41b3-a28a-6da3ecf81b71\",\"keyframes\":{\"transform\":[\"translate3d(-112.72727%, 0px, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#f6f7fb\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-e6908742-4e4f-4a96-af6d-483e9edcd1b8\">\n<div style=\"position:absolute;width:100.08094%;height:100%;left:-0.04047%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1.jpg\" alt=\"BG\" srcSet=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1.jpg 1082w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-865x1536.jpg 865w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-768x1364.jpg 768w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-676x1200.jpg 676w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-576x1024.jpg 576w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-253x450.jpg 253w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-169x300.jpg 169w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-150x266.jpg 150w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-56x100.jpg 56w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:12.13592%;top:5.17799%;width:75.97087%;height:12.13592%;opacity:1\">\n<div id=\"anim-89b82d7c-e55c-4222-9f30-853023e05497\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-139bb22e-12ac-420c-9754-2ae1b6152019\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -218.96296%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6389776357827476% 0.6389776357827476% 0.6389776357827476% 0.6389776357827476% \/ 2.666666666666667% 2.666666666666667% 2.666666666666667% 2.666666666666667%\" id=\"el-557db2d1-ca15-413d-902f-92bb3eb28fb4\">\n<h2 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.143769968051118% 0;font-family:&quot;Roboto&quot;,sans-serif;font-size:0.517799em;line-height:1.2;text-align:center;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #3c6708\">Compatible With All Browsers<\/span><\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:12.13592%;top:19.41748%;width:76.21359%;height:21.84466%;opacity:1\">\n<div id=\"anim-b1291aa0-da82-4cee-bf72-3bb7dd72fea8\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-a92c462e-d2ff-4f75-87a3-2a16939fec5f\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(115.28663%, 0px, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6369426751592357% 0.6369426751592357% 0.6369426751592357% 0.6369426751592357% \/ 1.4814814814814816% 1.4814814814814816% 1.4814814814814816% 1.4814814814814816%\" id=\"el-911c1134-5841-43d1-8e0e-ff6d433e597d\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.7265127388535032% 0;font-family:&quot;Roboto&quot;,sans-serif;font-size:0.323625em;line-height:1.4;text-align:center;padding:0;color:#000000\"><span>Unlike the first launched WebP image format, the latest WebP image format is compatible with every internet browser for both desktop &amp; mobile devices.<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:10.19417%;top:44.33657%;width:80.09709%;height:55.66343%;opacity:1\">\n<div id=\"anim-3a8c6b71-9a0c-4127-aeb8-04d06b75faaf\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-d4b499dd-7684-41b3-a28a-6da3ecf81b71\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(-112.72727%, 0px, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-77d371f1-2f34-4ccd-9384-59178610d41c\">\n<div style=\"position:absolute;width:100%;height:100.1938%;left:0%;top:-0.0969%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/5.png\" alt=\"5\" srcSet=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/5.png 1080w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/5-980x1024.png 980w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/5-768x802.png 768w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/5-431x450.png 431w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/5-287x300.png 287w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/5-150x157.png 150w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/5-96x100.png 96w\" sizes=\"(min-width: 1024px) 36vh, 80vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"c8ae2513-2109-4019-9c5e-1e2d21ec9088\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-7d453781-0b90-4338-8121-b9b98f28d408\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-a5adfec8-0802-44f5-9a59-9d6b369083e0\",\"keyframes\":{\"transform\":[\"translate3d(0px, -218.96296%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-8ea488cc-511a-47fa-ac24-80b4467fa1e9\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-416b1e78-b67a-429a-a301-dd647f27ce6c\",\"keyframes\":{\"transform\":[\"translate3d(115.28663%, 0px, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-9d6d512f-75c3-4956-a325-5802ce139657\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-7317198e-54a0-43be-88a8-4000ee680680\",\"keyframes\":{\"transform\":[\"translate3d(-115.33547%, 0px, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#f6f7fb\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-49f7399e-a1a6-4d81-925e-ca02d515e38a\">\n<div style=\"position:absolute;width:100.08094%;height:100%;left:-0.04047%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1.jpg\" alt=\"BG\" srcSet=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1.jpg 1082w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-865x1536.jpg 865w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-768x1364.jpg 768w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-676x1200.jpg 676w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-576x1024.jpg 576w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-253x450.jpg 253w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-169x300.jpg 169w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-150x266.jpg 150w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-56x100.jpg 56w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:12.13592%;top:5.17799%;width:75.97087%;height:12.13592%;opacity:1\">\n<div id=\"anim-7d453781-0b90-4338-8121-b9b98f28d408\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-a5adfec8-0802-44f5-9a59-9d6b369083e0\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -218.96296%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6389776357827476% 0.6389776357827476% 0.6389776357827476% 0.6389776357827476% \/ 2.666666666666667% 2.666666666666667% 2.666666666666667% 2.666666666666667%\" id=\"el-ce54e23a-ecc4-4ce9-8328-9572b85118d8\">\n<h2 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.143769968051118% 0;font-family:&quot;Roboto&quot;,sans-serif;font-size:0.517799em;line-height:1.2;text-align:center;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #3c6708\">Compatible With Major CMS Platforms<\/span><\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:12.13592%;top:19.41748%;width:76.21359%;height:26.3754%;opacity:1\">\n<div id=\"anim-8ea488cc-511a-47fa-ac24-80b4467fa1e9\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-416b1e78-b67a-429a-a301-dd647f27ce6c\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(115.28663%, 0px, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6369426751592357% 0.6369426751592357% 0.6369426751592357% 0.6369426751592357% \/ 1.2269938650306749% 1.2269938650306749% 1.2269938650306749% 1.2269938650306749%\" id=\"el-b96d8656-ff4f-4394-b562-33bca4669433\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.7265127388535032% 0;font-family:&quot;Roboto&quot;,sans-serif;font-size:0.323625em;line-height:1.4;text-align:center;padding:0;color:#000000\"><span>WebP images are supported in CMS platforms like Magento, WordPress, Joomla &amp; other PHP frameworks. Although, some platforms might need third-party modules to support WebP images.<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:59.2233%;width:75.97087%;height:36.24595%;opacity:1\">\n<div id=\"anim-9d6d512f-75c3-4956-a325-5802ce139657\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-7317198e-54a0-43be-88a8-4000ee680680\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(-115.33547%, 0px, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-0dcc31c4-1f0f-418c-a060-17fa8e914938\">\n<div style=\"position:absolute;width:100.11347%;height:100%;left:-0.05674%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/6.png\" alt=\"6\" srcSet=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/6.png 512w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/6-300x214.png 300w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/6-150x107.png 150w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/6-100x71.png 100w\" sizes=\"(min-width: 1024px) 34vh, 76vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"65e6d267-8988-455f-bbee-f790589acf52\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-900d2563-6b6d-4394-9ee2-b4306996a3d4\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-9ae3a685-c1f1-4da4-8eda-05cd5c591715\",\"keyframes\":{\"transform\":[\"translate3d(0px, -218.96296%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-a4a77f0e-3f0e-4663-86ab-ce8358f70e3c\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-d2d60d3f-f3d0-4631-8a20-2e37951ced05\",\"keyframes\":{\"transform\":[\"translate3d(115.28663%, 0px, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-e4cb16e3-26da-4bd4-a0b9-6899687fb285\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-565c0e75-4e8e-4300-973e-3147d7906f0a\",\"keyframes\":{\"transform\":[\"translate3d(-110%, 0px, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#f6f7fb\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-6f810656-70f1-459f-b1e9-906d0914265b\">\n<div style=\"position:absolute;width:100.08094%;height:100%;left:-0.04047%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1.jpg\" alt=\"BG\" srcSet=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1.jpg 1082w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-865x1536.jpg 865w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-768x1364.jpg 768w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-676x1200.jpg 676w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-576x1024.jpg 576w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-253x450.jpg 253w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-169x300.jpg 169w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-150x266.jpg 150w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/BG-1-56x100.jpg 56w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:12.13592%;top:5.17799%;width:75.97087%;height:12.13592%;opacity:1\">\n<div id=\"anim-900d2563-6b6d-4394-9ee2-b4306996a3d4\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-9ae3a685-c1f1-4da4-8eda-05cd5c591715\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -218.96296%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6389776357827476% 0.6389776357827476% 0.6389776357827476% 0.6389776357827476% \/ 2.666666666666667% 2.666666666666667% 2.666666666666667% 2.666666666666667%\" id=\"el-a0c53116-2aec-4e79-a6a4-30807fe95b8e\">\n<h2 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.143769968051118% 0;font-family:&quot;Roboto&quot;,sans-serif;font-size:0.517799em;line-height:1.2;text-align:center;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #3c6708\">Better Compression Than GIFs<\/span><\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:12.13592%;top:19.41748%;width:76.21359%;height:21.84466%;opacity:1\">\n<div id=\"anim-a4a77f0e-3f0e-4663-86ab-ce8358f70e3c\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-d2d60d3f-f3d0-4631-8a20-2e37951ced05\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(115.28663%, 0px, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6369426751592357% 0.6369426751592357% 0.6369426751592357% 0.6369426751592357% \/ 1.4814814814814816% 1.4814814814814816% 1.4814814814814816% 1.4814814814814816%\" id=\"el-8e3d1c61-5950-4cf4-86d6-574f7ac3cb3a\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.7265127388535032% 0;font-family:&quot;Roboto&quot;,sans-serif;font-size:0.323625em;line-height:1.4;text-align:center;padding:0;color:#000000\"><span>Unlike GIFs, WebP images need fewer bytes than GIFs. WebP supports 24-bit RGB color with an 8-bit alpha channel, whereas GIF supports 8-bit &amp; 1-bit alpha.<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:8.00971%;top:53.72168%;width:80.09709%;height:39.32039%;opacity:1\">\n<div id=\"anim-e4cb16e3-26da-4bd4-a0b9-6899687fb285\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-565c0e75-4e8e-4300-973e-3147d7906f0a\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(-110%, 0px, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-d280e953-4637-4ac6-82fa-6e1268cb58e3\">\n<div style=\"position:absolute;width:100.03431%;height:100%;left:-0.01715%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/7.png\" alt=\"7\" srcSet=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/7.png 1080w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/7-1024x754.png 1024w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/7-768x565.png 768w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/7-611x450.png 611w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/7-300x221.png 300w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/7-150x110.png 150w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/7-100x74.png 100w\" sizes=\"(min-width: 1024px) 36vh, 80vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"5ea11d00-ce8e-4bdc-acf1-d1c57e9a8045\" auto-advance-after=\"7s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-03faa2a6-b5f6-4f0d-a0d0-639d44685681\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-b718cf3b-d206-4e18-b119-87ffb60d1130\",\"keyframes\":{\"transform\":[\"translate3d(0px, -139.30765%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":200,\"duration\":2000,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#11542c\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-ea8e9654-ee84-4ace-b6f6-5e8198b6c725\">\n<div style=\"position:absolute;width:100%;height:100%;left:0%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/Last-5-scaled.jpg\" alt=\"Last\" srcSet=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/Last-5-scaled.jpg 1440w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/Last-5-1152x2048.jpg 1152w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/Last-5-864x1536.jpg 864w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/Last-5-768x1365.jpg 768w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/Last-5-675x1200.jpg 675w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/Last-5-576x1024.jpg 576w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/Last-5-253x450.jpg 253w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/Last-5-169x300.jpg 169w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/Last-5-150x267.jpg 150w,https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/Last-5-56x100.jpg 56w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:3.39806%;width:76.94175%;height:32.20065%;opacity:1\">\n<div id=\"anim-03faa2a6-b5f6-4f0d-a0d0-639d44685681\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-b718cf3b-d206-4e18-b119-87ffb60d1130\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -139.30765%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6309148264984227% 0.6309148264984227% 0.6309148264984227% 0.6309148264984227% \/ 1.0050251256281406% 1.0050251256281406% 1.0050251256281406% 1.0050251256281406%\" id=\"el-0ace42e7-6d9e-4c2a-9804-25f187d3143e\">\n<h2 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.08004731861198743% 0;font-family:&quot;Roboto&quot;,sans-serif;font-size:0.453074em;line-height:1.19;text-align:center;padding:0;color:#000000\"><span><span style=\"font-weight: 700\">Make your Magento 2 webstore load faster &amp; enhance the customer shopping experience with <\/span><span style=\"font-weight: 700; color: #3c6708\">Magento 2 WebP Images<\/span><span style=\"font-weight: 700\"> Extension.<\/span><\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-page-outlink layout=\"nodisplay\" theme=\"light\"><a href=\"https:\/\/magecomp.com\/magento-2-webp-images.html\" rel=\"\">BUY NOW<\/a><\/amp-story-page-outlink><\/amp-story-page><\/amp-story><\/body><\/html><\/p>\n","protected":false},"excerpt":{"rendered":"WebP is a modern-day image format, offering lossless compressed images, which are 26% times smaller than other image formats which help websites load faster &#038; increase customer shopping experience.","protected":false},"author":4,"featured_media":19102,"template":"","meta":{"web_stories_publisher_logo":15690,"web_stories_poster":[],"web_stories_products":[],"footnotes":""},"web_story_category":[],"web_story_tag":[],"class_list":{"0":"post-19086","1":"web-story","2":"type-web-story","3":"status-publish","4":"has-post-thumbnail","6":"cs-entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.8 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Why Does Your Magento 2 Store Needs WebP Image Extension? - MageComp Blog<\/title>\n<meta name=\"description\" content=\"Why Does Your Magento 2 Store Needs WebP Image Extension? - MageComp Blog\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/magecomp.com\/blog\/web-stories\/benefits-of-webp-images-in-magento-2-store\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Why Does Your Magento 2 Store Needs WebP Image Extension?\" \/>\n<meta property=\"og:description\" content=\"Why Does Your Magento 2 Store Needs WebP Image Extension? - MageComp Blog\" \/>\n<meta property=\"og:url\" content=\"https:\/\/magecomp.com\/blog\/web-stories\/benefits-of-webp-images-in-magento-2-store\/\" \/>\n<meta property=\"og:site_name\" content=\"MageComp Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/theMageComp\" \/>\n<meta property=\"og:image\" content=\"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2024\/11\/magecomp-logo-20241114-055348.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"200\" \/>\n\t<meta property=\"og:image:height\" content=\"50\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@theMageComp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/web-stories\\\/benefits-of-webp-images-in-magento-2-store\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/web-stories\\\/benefits-of-webp-images-in-magento-2-store\\\/\"},\"author\":{\"name\":\"MageComp\",\"@id\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/#\\\/schema\\\/person\\\/8c47d376f17d53a174905f31344c8225\"},\"headline\":\"Why Does Your Magento 2 Store Needs WebP Image Extension?\",\"datePublished\":\"2023-06-15T04:16:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/web-stories\\\/benefits-of-webp-images-in-magento-2-store\\\/\"},\"wordCount\":210,\"publisher\":{\"@id\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/web-stories\\\/benefits-of-webp-images-in-magento-2-store\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/cropped-Poster-Image-4.webp\",\"inLanguage\":\"en-US\",\"copyrightYear\":\"2023\",\"copyrightHolder\":{\"@id\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/web-stories\\\/benefits-of-webp-images-in-magento-2-store\\\/\",\"url\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/web-stories\\\/benefits-of-webp-images-in-magento-2-store\\\/\",\"name\":\"Why Does Your Magento 2 Store Needs WebP Image Extension? - MageComp Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/web-stories\\\/benefits-of-webp-images-in-magento-2-store\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/web-stories\\\/benefits-of-webp-images-in-magento-2-store\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/cropped-Poster-Image-4.webp\",\"datePublished\":\"2023-06-15T04:16:49+00:00\",\"description\":\"Why Does Your Magento 2 Store Needs WebP Image Extension? - MageComp Blog\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/web-stories\\\/benefits-of-webp-images-in-magento-2-store\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/magecomp.com\\\/blog\\\/web-stories\\\/benefits-of-webp-images-in-magento-2-store\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/web-stories\\\/benefits-of-webp-images-in-magento-2-store\\\/#primaryimage\",\"url\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/cropped-Poster-Image-4.webp\",\"contentUrl\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/cropped-Poster-Image-4.webp\",\"width\":640,\"height\":853,\"caption\":\"Poster Image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/web-stories\\\/benefits-of-webp-images-in-magento-2-store\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Stories\",\"item\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/web-stories\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Why Does Your Magento 2 Store Needs WebP Image Extension?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/\",\"name\":\"MageComp Blog\",\"description\":\"Knowledge Base for Magento, Shopify, Laravel\",\"publisher\":{\"@id\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/#organization\"},\"alternateName\":\"eCommerce Tutorials\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/#organization\",\"name\":\"MageComp\",\"url\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/magecomp-logo-20241114-055348.webp\",\"contentUrl\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/magecomp-logo-20241114-055348.webp\",\"width\":200,\"height\":50,\"caption\":\"MageComp\"},\"image\":{\"@id\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/theMageComp\",\"https:\\\/\\\/x.com\\\/theMageComp\",\"https:\\\/\\\/instagram.com\\\/themagecomp\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/magecomp\",\"https:\\\/\\\/facebook.com\\\/themagecomp\",\"https:\\\/\\\/x.com\\\/themagecomp\"],\"email\":\"support@magecomp.com\",\"telephone\":\"7990250277\",\"legalName\":\"MageComp LLP\",\"foundingDate\":\"2014-06-14\",\"taxID\":\"24AAYFM8729J1ZF\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"11\",\"maxValue\":\"50\"},\"publishingPrinciples\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/write-for-us\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/#\\\/schema\\\/person\\\/8c47d376f17d53a174905f31344c8225\",\"name\":\"MageComp\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ec393a9b700ae9eeaade34cb9602510d23249c86bbd65953e179dcaac1565a08?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ec393a9b700ae9eeaade34cb9602510d23249c86bbd65953e179dcaac1565a08?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ec393a9b700ae9eeaade34cb9602510d23249c86bbd65953e179dcaac1565a08?s=96&d=mm&r=g\",\"caption\":\"MageComp\"},\"url\":\"https:\\\/\\\/magecomp.com\\\/blog\\\/author\\\/magicians\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Why Does Your Magento 2 Store Needs WebP Image Extension? - MageComp Blog","description":"Why Does Your Magento 2 Store Needs WebP Image Extension? - MageComp Blog","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:\/\/magecomp.com\/blog\/web-stories\/benefits-of-webp-images-in-magento-2-store\/","og_locale":"en_US","og_type":"article","og_title":"Why Does Your Magento 2 Store Needs WebP Image Extension?","og_description":"Why Does Your Magento 2 Store Needs WebP Image Extension? - MageComp Blog","og_url":"https:\/\/magecomp.com\/blog\/web-stories\/benefits-of-webp-images-in-magento-2-store\/","og_site_name":"MageComp Blog","article_publisher":"https:\/\/www.facebook.com\/theMageComp","og_image":[{"width":200,"height":50,"url":"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2024\/11\/magecomp-logo-20241114-055348.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_site":"@theMageComp","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/magecomp.com\/blog\/web-stories\/benefits-of-webp-images-in-magento-2-store\/#article","isPartOf":{"@id":"https:\/\/magecomp.com\/blog\/web-stories\/benefits-of-webp-images-in-magento-2-store\/"},"author":{"name":"MageComp","@id":"https:\/\/magecomp.com\/blog\/#\/schema\/person\/8c47d376f17d53a174905f31344c8225"},"headline":"Why Does Your Magento 2 Store Needs WebP Image Extension?","datePublished":"2023-06-15T04:16:49+00:00","mainEntityOfPage":{"@id":"https:\/\/magecomp.com\/blog\/web-stories\/benefits-of-webp-images-in-magento-2-store\/"},"wordCount":210,"publisher":{"@id":"https:\/\/magecomp.com\/blog\/#organization"},"image":{"@id":"https:\/\/magecomp.com\/blog\/web-stories\/benefits-of-webp-images-in-magento-2-store\/#primaryimage"},"thumbnailUrl":"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/cropped-Poster-Image-4.webp","inLanguage":"en-US","copyrightYear":"2023","copyrightHolder":{"@id":"https:\/\/magecomp.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/magecomp.com\/blog\/web-stories\/benefits-of-webp-images-in-magento-2-store\/","url":"https:\/\/magecomp.com\/blog\/web-stories\/benefits-of-webp-images-in-magento-2-store\/","name":"Why Does Your Magento 2 Store Needs WebP Image Extension? - MageComp Blog","isPartOf":{"@id":"https:\/\/magecomp.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/magecomp.com\/blog\/web-stories\/benefits-of-webp-images-in-magento-2-store\/#primaryimage"},"image":{"@id":"https:\/\/magecomp.com\/blog\/web-stories\/benefits-of-webp-images-in-magento-2-store\/#primaryimage"},"thumbnailUrl":"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/cropped-Poster-Image-4.webp","datePublished":"2023-06-15T04:16:49+00:00","description":"Why Does Your Magento 2 Store Needs WebP Image Extension? - MageComp Blog","breadcrumb":{"@id":"https:\/\/magecomp.com\/blog\/web-stories\/benefits-of-webp-images-in-magento-2-store\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/magecomp.com\/blog\/web-stories\/benefits-of-webp-images-in-magento-2-store\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magecomp.com\/blog\/web-stories\/benefits-of-webp-images-in-magento-2-store\/#primaryimage","url":"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/cropped-Poster-Image-4.webp","contentUrl":"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/cropped-Poster-Image-4.webp","width":640,"height":853,"caption":"Poster Image"},{"@type":"BreadcrumbList","@id":"https:\/\/magecomp.com\/blog\/web-stories\/benefits-of-webp-images-in-magento-2-store\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/magecomp.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Stories","item":"https:\/\/magecomp.com\/blog\/web-stories\/"},{"@type":"ListItem","position":3,"name":"Why Does Your Magento 2 Store Needs WebP Image Extension?"}]},{"@type":"WebSite","@id":"https:\/\/magecomp.com\/blog\/#website","url":"https:\/\/magecomp.com\/blog\/","name":"MageComp Blog","description":"Knowledge Base for Magento, Shopify, Laravel","publisher":{"@id":"https:\/\/magecomp.com\/blog\/#organization"},"alternateName":"eCommerce Tutorials","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/magecomp.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/magecomp.com\/blog\/#organization","name":"MageComp","url":"https:\/\/magecomp.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/magecomp.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2024\/11\/magecomp-logo-20241114-055348.webp","contentUrl":"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2024\/11\/magecomp-logo-20241114-055348.webp","width":200,"height":50,"caption":"MageComp"},"image":{"@id":"https:\/\/magecomp.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/theMageComp","https:\/\/x.com\/theMageComp","https:\/\/instagram.com\/themagecomp","https:\/\/www.linkedin.com\/company\/magecomp","https:\/\/facebook.com\/themagecomp","https:\/\/x.com\/themagecomp"],"email":"support@magecomp.com","telephone":"7990250277","legalName":"MageComp LLP","foundingDate":"2014-06-14","taxID":"24AAYFM8729J1ZF","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"11","maxValue":"50"},"publishingPrinciples":"https:\/\/magecomp.com\/blog\/write-for-us\/"},{"@type":"Person","@id":"https:\/\/magecomp.com\/blog\/#\/schema\/person\/8c47d376f17d53a174905f31344c8225","name":"MageComp","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/ec393a9b700ae9eeaade34cb9602510d23249c86bbd65953e179dcaac1565a08?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/ec393a9b700ae9eeaade34cb9602510d23249c86bbd65953e179dcaac1565a08?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ec393a9b700ae9eeaade34cb9602510d23249c86bbd65953e179dcaac1565a08?s=96&d=mm&r=g","caption":"MageComp"},"url":"https:\/\/magecomp.com\/blog\/author\/magicians\/"}]}},"story_data":[],"story_poster":{"id":19102,"url":"https:\/\/magecomp.com\/blog\/wp-content\/uploads\/2023\/06\/cropped-Poster-Image-4.webp","width":640,"height":853,"needsProxy":false},"_links":{"self":[{"href":"https:\/\/magecomp.com\/blog\/wp-json\/web-stories\/v1\/web-story\/19086","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magecomp.com\/blog\/wp-json\/web-stories\/v1\/web-story"}],"about":[{"href":"https:\/\/magecomp.com\/blog\/wp-json\/wp\/v2\/types\/web-story"}],"author":[{"embeddable":true,"href":"https:\/\/magecomp.com\/blog\/wp-json\/web-stories\/v1\/users\/4"}],"version-history":[{"count":0,"href":"https:\/\/magecomp.com\/blog\/wp-json\/web-stories\/v1\/web-story\/19086\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/magecomp.com\/blog\/wp-json\/web-stories\/v1\/media\/19102"}],"wp:attachment":[{"href":"https:\/\/magecomp.com\/blog\/wp-json\/web-stories\/v1\/media?parent=19086"}],"wp:term":[{"taxonomy":"web_story_category","embeddable":true,"href":"https:\/\/magecomp.com\/blog\/wp-json\/web-stories\/v1\/web_story_category?post=19086"},{"taxonomy":"web_story_tag","embeddable":true,"href":"https:\/\/magecomp.com\/blog\/wp-json\/web-stories\/v1\/web_story_tag?post=19086"}],"wp:lock":[{"embeddable":true,"href":"https:\/\/magecomp.com\/blog\/wp-json\/web-stories\/v1\/web-story\/19086\/lock"}],"wp:publisherlogo":[{"embeddable":true,"href":"https:\/\/magecomp.com\/blog\/wp-json\/web-stories\/v1\/media\/15690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}