JPG to WebP Converter<\/title>\n<style>\nbody{font-family:Arial,sans-serif;background:#f4f4f4;margin:0;padding:30px}\n.box{max-width:900px;margin:auto;background:#fff;padding:24px;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.1)}\n.drop{border:2px dashed #0a84ff;padding:40px;text-align:center;border-radius:10px;cursor:pointer}\n#preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:20px}\n.card{background:#fafafa;padding:12px;border-radius:8px}\nimg{width:100%;height:180px;object-fit:contain}\nbutton,a.btn{background:#0a84ff;color:#fff;border:none;padding:10px 16px;border-radius:6px;text-decoration:none;display:inline-block;margin-top:10px}\n<\/style><\/head><body>\n<div class=\"box\">\n<h1>JPG to WebP Converter<\/h1>\n<div class=\"drop\" id=\"drop\">Click or Drop JPG\/JPEG Here<input id=\"file\" type=\"file\" accept=\".jpg,.jpeg,image\/jpeg\" multiple hidden><\/div>\n<p>Quality: <span id=\"qv\">90<\/span>%<\/p>\n<input id=\"q\" type=\"range\" min=\"10\" max=\"100\" value=\"90\">\n<button id=\"convert\">Convert<\/button>\n<div id=\"preview\"><\/div><\/div>\n<script>\nconst f=document.getElementById('file'),d=document.getElementById('drop'),p=document.getElementById('preview');\nlet files=[];\nd.onclick=()=>f.click();\nf.onchange=e=>{files=[...e.target.files];show();}\nd.ondragover=e=>{e.preventDefault();}\nd.ondrop=e=>{e.preventDefault();files=[...e.dataTransfer.files].filter(x=>\/jpeg\/.test(x.type));show();}\nq.oninput=()=>qv.textContent=q.value;\nfunction show(){p.innerHTML='';files.forEach(file=>{let r=new FileReader();r.onload=e=>{p.innerHTML+=`<div class=\"card\"><img decoding=\"async\" src=\"${e.target.result}\"><div>${file.name}<\/div><\/div>`};r.readAsDataURL(file);});}\nconvert.onclick=()=>{p.innerHTML='';files.forEach(file=>{let r=new FileReader();r.onload=e=>{let i=new Image();i.onload=()=>{let c=document.createElement('canvas');c.width=i.width;c.height=i.height;c.getContext('2d').drawImage(i,0,0);c.toBlob(b=>{let u=URL.createObjectURL(b);let div=document.createElement('div');div.className='card';div.innerHTML=`<img decoding=\"async\" src=\"${u}\"><div>${file.name.replace(\/\\.(jpg|jpeg)$\/i,'.webp')}<\/div><a class=\"btn\" download=\"${file.name.replace(\/\\.(jpg|jpeg)$\/i,'.webp')}\" href=\"${u}\">Download<\/a>`;p.appendChild(div);},'image\/webp',q.value\/100)};i.src=e.target.result};r.readAsDataURL(file);});}\n<\/script><\/body><\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>JPG to WebP Converter JPG to WebP Converter Click or Drop JPG\/JPEG Here Quality: 90% Convert<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-756","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/ubaidtraders.store\/index.php?rest_route=\/wp\/v2\/posts\/756","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubaidtraders.store\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ubaidtraders.store\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ubaidtraders.store\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubaidtraders.store\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=756"}],"version-history":[{"count":2,"href":"https:\/\/ubaidtraders.store\/index.php?rest_route=\/wp\/v2\/posts\/756\/revisions"}],"predecessor-version":[{"id":765,"href":"https:\/\/ubaidtraders.store\/index.php?rest_route=\/wp\/v2\/posts\/756\/revisions\/765"}],"wp:attachment":[{"href":"https:\/\/ubaidtraders.store\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=756"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubaidtraders.store\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=756"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubaidtraders.store\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":756,"date":"2026-06-30T03:50:19","date_gmt":"2026-06-30T03:50:19","guid":{"rendered":"https:\/\/ubaidtraders.store\/?p=756"},"modified":"2026-06-30T04:05:50","modified_gmt":"2026-06-30T04:05:50","slug":"jpg-to-webp-convertor","status":"publish","type":"post","link":"https:\/\/ubaidtraders.store\/?p=756","title":{"rendered":"JPG To WebP Convertor"},"content":{"rendered":"\n\n\nJPG to WebP Converter<\/title>\n<style>\nbody{font-family:Arial,sans-serif;background:#f4f4f4;margin:0;padding:30px}\n.box{max-width:900px;margin:auto;background:#fff;padding:24px;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.1)}\n.drop{border:2px dashed #0a84ff;padding:40px;text-align:center;border-radius:10px;cursor:pointer}\n#preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:20px}\n.card{background:#fafafa;padding:12px;border-radius:8px}\nimg{width:100%;height:180px;object-fit:contain}\nbutton,a.btn{background:#0a84ff;color:#fff;border:none;padding:10px 16px;border-radius:6px;text-decoration:none;display:inline-block;margin-top:10px}\n<\/style><\/head><body>\n<div class=\"box\">\n<h1>JPG to WebP Converter<\/h1>\n<div class=\"drop\" id=\"drop\">Click or Drop JPG\/JPEG Here<input id=\"file\" type=\"file\" accept=\".jpg,.jpeg,image\/jpeg\" multiple hidden><\/div>\n<p>Quality: <span id=\"qv\">90<\/span>%<\/p>\n<input id=\"q\" type=\"range\" min=\"10\" max=\"100\" value=\"90\">\n<button id=\"convert\">Convert<\/button>\n<div id=\"preview\"><\/div><\/div>\n<script>\nconst f=document.getElementById('file'),d=document.getElementById('drop'),p=document.getElementById('preview');\nlet files=[];\nd.onclick=()=>f.click();\nf.onchange=e=>{files=[...e.target.files];show();}\nd.ondragover=e=>{e.preventDefault();}\nd.ondrop=e=>{e.preventDefault();files=[...e.dataTransfer.files].filter(x=>\/jpeg\/.test(x.type));show();}\nq.oninput=()=>qv.textContent=q.value;\nfunction show(){p.innerHTML='';files.forEach(file=>{let r=new FileReader();r.onload=e=>{p.innerHTML+=`<div class=\"card\"><img decoding=\"async\" src=\"${e.target.result}\"><div>${file.name}<\/div><\/div>`};r.readAsDataURL(file);});}\nconvert.onclick=()=>{p.innerHTML='';files.forEach(file=>{let r=new FileReader();r.onload=e=>{let i=new Image();i.onload=()=>{let c=document.createElement('canvas');c.width=i.width;c.height=i.height;c.getContext('2d').drawImage(i,0,0);c.toBlob(b=>{let u=URL.createObjectURL(b);let div=document.createElement('div');div.className='card';div.innerHTML=`<img decoding=\"async\" src=\"${u}\"><div>${file.name.replace(\/\\.(jpg|jpeg)$\/i,'.webp')}<\/div><a class=\"btn\" download=\"${file.name.replace(\/\\.(jpg|jpeg)$\/i,'.webp')}\" href=\"${u}\">Download<\/a>`;p.appendChild(div);},'image\/webp',q.value\/100)};i.src=e.target.result};r.readAsDataURL(file);});}\n<\/script><\/body><\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>JPG to WebP Converter JPG to WebP Converter Click or Drop JPG\/JPEG Here Quality: 90% Convert<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-756","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/ubaidtraders.store\/index.php?rest_route=\/wp\/v2\/posts\/756","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubaidtraders.store\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ubaidtraders.store\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ubaidtraders.store\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubaidtraders.store\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=756"}],"version-history":[{"count":2,"href":"https:\/\/ubaidtraders.store\/index.php?rest_route=\/wp\/v2\/posts\/756\/revisions"}],"predecessor-version":[{"id":765,"href":"https:\/\/ubaidtraders.store\/index.php?rest_route=\/wp\/v2\/posts\/756\/revisions\/765"}],"wp:attachment":[{"href":"https:\/\/ubaidtraders.store\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=756"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ubaidtraders.store\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=756"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ubaidtraders.store\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}