{"id":7,"date":"2026-09-05T02:12:44","date_gmt":"2026-09-05T02:12:44","guid":{"rendered":"https:\/\/toolzy.tech\/?page_id=7"},"modified":"2026-09-05T14:23:04","modified_gmt":"2026-09-05T14:23:04","slug":"png-to-webp-converter","status":"publish","type":"page","link":"https:\/\/toolzy.tech\/?page_id=7","title":{"rendered":"png to webp converter"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16a3415 e-con e-atomic-element e-flexbox-base e-0da293c \" data-id=\"16a3415\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"16a3415\">\n    \t\t\t<h2 data-interaction-id=\"3a49850\" class=\"e-3a49850-a7f82fb e-heading-base\">Free Online Image Tools Fast Simple &amp; Secure<\/h2>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ea12c28 e-con e-atomic-element e-flexbox-base e-1f1037c \" data-id=\"ea12c28\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ea12c28\">\n    \t\t<div class=\"elementor-element elementor-element-3c712ec elementor-widget elementor-widget-html\" data-id=\"3c712ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<h2 style=\"text-align:center;\">\ud83d\udd04 WebP Image Converter<\/h2>\r\n<div id=\"converter-box\">\r\n  <input type=\"file\" id=\"imageInput\" accept=\"image\/*\" \/>\r\n  <button onclick=\"convertToWebp()\">Convert to WebP<\/button>\r\n  <br><br>\r\n  <div id=\"webpOutput\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n  #converter-box {\r\n    width: 90%;\r\n    max-width: 500px;\r\n    margin: 30px auto;\r\n    padding: 30px;\r\n    border: 2px dashed #aaa;\r\n    text-align: center;\r\n    background: #f9f9f9;\r\n    border-radius: 20px;\r\n    box-shadow: 0 4px 8px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  #imageInput {\r\n    margin: 10px 0;\r\n    padding: 8px;\r\n  }\r\n\r\n  button {\r\n    padding: 10px 20px;\r\n    background: #0073e6;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    margin-top: 10px;\r\n    font-size: 16px;\r\n  }\r\n\r\n  button:hover {\r\n    background: #005bb5;\r\n  }\r\n\r\n  #webpOutput img {\r\n    margin-top: 20px;\r\n    max-width: 100%;\r\n    border: 1px solid #ccc;\r\n    border-radius: 10px;\r\n  }\r\n\r\n  #downloadBtn {\r\n    display: inline-block;\r\n    margin-top: 15px;\r\n    padding: 10px 20px;\r\n    background-color: #28a745;\r\n    color: white;\r\n    text-decoration: none;\r\n    border-radius: 8px;\r\n  }\r\n\r\n  #downloadBtn:hover {\r\n    background-color: #218838;\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  let webpImageData = \"\";\r\n\r\n  function convertToWebp() {\r\n    const input = document.getElementById('imageInput');\r\n    const file = input.files[0];\r\n\r\n    if (!file) {\r\n      alert(\"Please upload an image first.\");\r\n      return;\r\n    }\r\n\r\n    const reader = new FileReader();\r\n    reader.onload = function (e) {\r\n      const img = new Image();\r\n      img.onload = function () {\r\n        const canvas = document.createElement('canvas');\r\n        canvas.width = img.width;\r\n        canvas.height = img.height;\r\n\r\n        const ctx = canvas.getContext('2d');\r\n        ctx.drawImage(img, 0, 0);\r\n\r\n        webpImageData = canvas.toDataURL('image\/webp');\r\n\r\n        document.getElementById(\"webpOutput\").innerHTML = `\r\n          <h3>\u2705 Converted WebP Image:<\/h3>\r\n          <img decoding=\"async\" src=\"${webpImageData}\" alt=\"WebP Image\" \/>\r\n          <br\/>\r\n          <a id=\"downloadBtn\" href=\"${webpImageData}\" download=\"converted.webp\">Download WebP Image<\/a>\r\n        `;\r\n      };\r\n      img.src = e.target.result;\r\n    };\r\n    reader.readAsDataURL(file);\r\n  }\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-dba0edf e-con e-atomic-element e-flexbox-base e-c99d403 \" data-id=\"dba0edf\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"dba0edf\">\n    \t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"0dfacf9\" id=\"67\" src=\"https:\/\/toolzy.tech\/wp-content\/uploads\/2026\/09\/about-our-tools-1.png\" width=\"1200\" height=\"780\" srcset=\"https:\/\/toolzy.tech\/wp-content\/uploads\/2026\/09\/about-our-tools-1.png 1200w, https:\/\/toolzy.tech\/wp-content\/uploads\/2026\/09\/about-our-tools-1-300x195.png 300w, https:\/\/toolzy.tech\/wp-content\/uploads\/2026\/09\/about-our-tools-1-1024x666.png 1024w, https:\/\/toolzy.tech\/wp-content\/uploads\/2026\/09\/about-our-tools-1-768x499.png 768w\" alt=\"\"\/>\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Free Online Image Tools Fast Simple &amp; Secure \ud83d\udd04 WebP Image Converter Convert to WebP<\/p>\n","protected":false},"author":1,"featured_media":38,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"normal-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/toolzy.tech\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toolzy.tech\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/toolzy.tech\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/toolzy.tech\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/toolzy.tech\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":27,"href":"https:\/\/toolzy.tech\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":158,"href":"https:\/\/toolzy.tech\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/158"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/toolzy.tech\/index.php?rest_route=\/wp\/v2\/media\/38"}],"wp:attachment":[{"href":"https:\/\/toolzy.tech\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}