{"id":2098,"date":"2026-04-16T09:54:09","date_gmt":"2026-04-16T09:54:09","guid":{"rendered":"https:\/\/bulkdapa.site\/?page_id=2098"},"modified":"2026-07-21T14:27:02","modified_gmt":"2026-07-21T14:27:02","slug":"bulk-webp-image-converter","status":"publish","type":"page","link":"https:\/\/bulkdapa.site\/id\/bulk-webp-image-converter\/","title":{"rendered":"Konverter Gambar WEBP Massal"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2098\" class=\"elementor elementor-2098\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-968265e e-flex e-con-boxed e-con e-parent\" data-id=\"968265e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c389c1d elementor-widget elementor-widget-shortcode\" data-id=\"c389c1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jost:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jszip\/3.10.1\/jszip.min.js\"><\/script>\r\n\r\n<style>\r\n#webp-cvt-wrap p,#webp-cvt-wrap h1,#webp-cvt-wrap h2,#webp-cvt-wrap h3,#webp-cvt-wrap ul,#webp-cvt-wrap ol,#webp-cvt-wrap li{margin:0!important;padding:0!important}\r\n#webp-cvt-wrap button{box-shadow:none!important;outline:none!important;font-family:'Jost',sans-serif!important}\r\n#webp-cvt-wrap img{max-width:100%!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important}\r\n#webp-cvt-wrap a{text-decoration:none!important}\r\n#webp-cvt-wrap{--bg:#ffffff;--ink:#222222;--ink2:#555555;--ink3:#999999;--border:#e6e6e6;--surface:#f8f8f8;--ok:#1a9e5f;--err:#c0392b;--accent:#6366f1;--r:12px;--r-sm:8px;--r-xs:5px;--sh:0 2px 14px rgba(0,0,0,.06);--sh-md:0 8px 32px rgba(0,0,0,.10);display:block!important;width:100%!important;max-width:860px!important;margin:0 auto!important;padding:0!important;background:var(--bg)!important;color:var(--ink)!important;font-family:'Outfit',sans-serif!important;font-size:14px!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 8px 48px rgba(0,0,0,.10)!important;border:1px solid var(--border)!important;box-sizing:border-box!important}\r\n#webp-cvt-wrap *,#webp-cvt-wrap *::before,#webp-cvt-wrap *::after{box-sizing:border-box!important}\r\n.wc-header{display:block!important;text-align:center!important;padding:44px 32px 36px!important;background:var(--ink)!important}\r\n.wc-header h1{display:block!important;font-family:'Jost',sans-serif!important;font-size:clamp(1.5rem,4vw,2.2rem)!important;font-weight:700!important;letter-spacing:-.4px!important;color:#fff!important;line-height:1.15!important;margin:0 0 10px 0!important;padding:0!important}\r\n.wc-header h1 .badge{display:inline-block!important;background:#fff!important;color:var(--ink)!important;padding:1px 10px 3px!important;border-radius:5px!important;font-weight:800!important}\r\n.wc-header p{display:block!important;font-size:.9rem!important;color:#fff!important;margin:8px 0 0 0!important;padding:0!important;line-height:1.5!important;font-weight:500!important}\r\n.wc-body{display:block!important;padding:30px 30px 40px!important}\r\n.wc-dz{display:block!important;position:relative!important;border:2px dashed var(--border)!important;border-radius:var(--r)!important;padding:52px 24px!important;text-align:center!important;cursor:pointer!important;background:var(--surface)!important;transition:border-color .2s,background .2s!important;user-select:none!important}\r\n.wc-dz:hover,.wc-dz.over{border-color:var(--ink)!important;background:#efefef!important}\r\n.wc-dz input[type=\"file\"]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important}\r\n.wc-dz-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:52px!important;height:52px!important;background:var(--ink)!important;border-radius:50%!important;margin:0 auto 14px!important}\r\n.wc-dz-icon svg{fill:#fff;width:24px;height:24px;display:block}\r\n.wc-dz-title{display:block!important;font-family:'Jost',sans-serif!important;font-size:1.05rem!important;font-weight:600!important;color:var(--ink)!important;margin-bottom:6px!important}\r\n.wc-dz-sub{display:block!important;font-size:.79rem!important;color:var(--ink3)!important;line-height:1.6!important}\r\n.wc-err{display:none!important;margin-top:14px!important;padding:11px 14px!important;background:#fdf0ef!important;border:1px solid #f5c6c2!important;color:var(--err)!important;border-radius:var(--r-sm)!important;font-size:.82rem!important;font-weight:500!important;line-height:1.5!important}\r\n.wc-err.show{display:block!important}\r\n.wc-lbl{display:block!important;font-family:'Jost',sans-serif!important;font-size:.7rem!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;color:var(--ink3)!important;margin-bottom:12px!important}\r\n.wc-pre{display:none!important;margin-top:26px!important}\r\n.wc-pre.show{display:block!important}\r\n.wc-tgrid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important}\r\n.wc-tc{display:block!important;position:relative!important;border:1px solid var(--border)!important;border-radius:var(--r-sm)!important;overflow:hidden!important;background:var(--bg)!important;box-shadow:var(--sh)!important}\r\n.wc-tc:hover{box-shadow:var(--sh-md)!important}\r\n.wc-timg{width:100%!important;height:100px!important;object-fit:cover!important;display:block!important;background:var(--surface)!important;border-radius:0!important;border:none!important;box-shadow:none!important;margin:0!important}\r\n.wc-tinfo{display:block!important;padding:7px 9px!important;border-top:1px solid var(--border)!important}\r\n.wc-tname{display:block!important;font-size:.72rem!important;font-weight:600!important;color:var(--ink)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}\r\n.wc-tsz{display:block!important;font-size:.67rem!important;color:var(--ink3)!important;margin-top:2px!important}\r\n.wc-trm{position:absolute!important;top:5px!important;right:5px!important;width:20px!important;height:20px!important;background:rgba(0,0,0,.55)!important;border:none!important;border-radius:50%!important;color:#fff!important;font-size:10px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important;transition:background .15s!important}\r\n.wc-trm:hover{background:var(--err)!important}\r\n.wc-qrow{display:flex!important;align-items:center!important;gap:16px!important;flex-wrap:wrap!important;margin-top:18px!important;padding:20px 20px!important;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)!important;border:2px solid var(--border)!important;border-radius:var(--r)!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.05)!important}\r\n.wc-qrow label{font-family:'Jost',sans-serif!important;font-size:.9rem!important;font-weight:600!important;color:var(--ink)!important;white-space:nowrap!important;margin:0!important;padding:0!important;cursor:default!important;display:flex!important;align-items:center!important;gap:8px!important}\r\n.wc-qrow label::before{content:''!important;display:inline-block!important;width:8px!important;height:8px!important;background:var(--accent)!important;border-radius:50%!important;box-shadow:0 0 0 3px rgba(99,102,241,.2)!important}\r\n.wc-qrow input[type=\"range\"]{flex:1!important;min-width:150px!important;height:8px!important;-webkit-appearance:none!important;appearance:none!important;background:#e0e0e0!important;border-radius:10px!important;outline:none!important;border:none!important;overflow:hidden!important}\r\n.wc-qrow input[type=\"range\"]::-webkit-slider-runnable-track{height:8px!important;border-radius:10px!important}\r\n.wc-qrow input[type=\"range\"]::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:24px!important;height:24px!important;background:var(--ink)!important;border-radius:50%!important;cursor:pointer!important;border:3px solid #fff!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important;transition:transform .15s!important;margin-top:-8px!important}\r\n.wc-qrow input[type=\"range\"]::-webkit-slider-thumb:hover{transform:scale(1.1)!important}\r\n.wc-qrow input[type=\"range\"]::-moz-range-thumb{width:24px!important;height:24px!important;background:var(--ink)!important;border-radius:50%!important;cursor:pointer!important;border:3px solid #fff!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important}\r\n.wc-qrow input[type=\"range\"]::-moz-range-track{height:8px!important;background:#e0e0e0!important;border-radius:10px!important}\r\n.wc-qval{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-family:'Jost',sans-serif!important;font-size:.95rem!important;font-weight:700!important;background:var(--ink)!important;color:#fff!important;padding:6px 14px!important;border-radius:20px!important;min-width:56px!important;text-align:center!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important;letter-spacing:.5px!important}\r\n.wc-acts{display:flex!important;gap:10px!important;margin-top:16px!important;flex-wrap:wrap!important}\r\n.wc-btn{display:inline-flex!important;align-items:center!important;gap:7px!important;font-family:'Jost',sans-serif!important;font-size:.88rem!important;font-weight:600!important;padding:12px 26px!important;border:none!important;border-radius:var(--r-sm)!important;cursor:pointer!important;transition:all .18s!important;line-height:1!important}\r\n.wc-btn:active{transform:scale(.97)!important}\r\n.wc-btn-p{background:var(--ink)!important;color:#fff!important;box-shadow:0 2px 8px rgba(34,34,34,.2)!important}\r\n.wc-btn-p:hover{background:#3a3a3a!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(34,34,34,.3)!important}\r\n.wc-btn-p:disabled{opacity:.4!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}\r\n.wc-btn-s{background:linear-gradient(135deg,var(--accent) 0%,#4f46e5 100%)!important;color:#fff!important;box-shadow:0 2px 8px rgba(99,102,241,.3)!important}\r\n.wc-btn-s:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%)!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(99,102,241,.4)!important}\r\n.wc-prog{display:none!important;margin-top:16px!important}\r\n.wc-prog.show{display:block!important}\r\n.wc-plbl{display:flex!important;justify-content:space-between!important;font-size:.79rem!important;font-weight:500!important;color:var(--ink2)!important;margin-bottom:6px!important}\r\n.wc-pbg{height:6px!important;background:var(--border)!important;border-radius:99px!important;overflow:hidden!important}\r\n.wc-pfill{height:100%!important;width:0%!important;background:#222222!important;border-radius:99px!important;transition:width .35s ease!important}\r\n.wc-res{display:none!important;margin-top:30px!important}\r\n.wc-res.show{display:block!important}\r\n.wc-divider{display:block!important;height:1px!important;background:var(--border)!important;margin-bottom:22px!important}\r\n.wc-rgrid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:18px!important;margin-top:12px!important}\r\n.wc-rc{display:block!important;border:1px solid var(--border)!important;border-radius:var(--r)!important;overflow:hidden!important;background:var(--bg)!important;box-shadow:var(--sh)!important;transition:box-shadow .2s,transform .2s!important}\r\n.wc-rc:hover{box-shadow:var(--sh-md)!important;transform:translateY(-3px)!important}\r\n.wc-rimg{width:100%!important;height:180px!important;object-fit:cover!important;display:block!important;background:var(--surface)!important;border-radius:0!important;border:none!important;box-shadow:none!important;margin:0!important}\r\n.wc-rinfo{display:block!important;padding:14px 14px!important;border-top:1px solid var(--border)!important}\r\n.wc-rname{display:block!important;font-size:.8rem!important;font-weight:600!important;color:var(--ink)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-bottom:8px!important}\r\n.wc-rstats{display:block!important;margin-top:5px!important;font-size:.75rem!important;color:var(--ink3)!important;line-height:1.8!important}\r\n.wc-rstats .ok{color:var(--ok)!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;gap:4px!important}\r\n.wc-rstats .bad{color:#e67e22!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;gap:4px!important}\r\n.wc-rdl{display:block!important;width:100%!important;margin-top:12px!important;padding:11px 0!important;font-family:'Jost',sans-serif!important;font-size:.8rem!important;font-weight:600!important;background:var(--ink)!important;color:#fff!important;border:none!important;border-radius:var(--r-xs)!important;cursor:pointer!important;text-align:center!important;text-decoration:none!important;line-height:1.4!important;transition:all .15s!important}\r\n.wc-rdl:hover{background:#3a3a3a!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important}\r\n.wc-drow{display:flex!important;gap:12px!important;align-items:center!important;flex-wrap:wrap!important;margin-top:22px!important;padding-top:22px!important;border-top:1px solid var(--border)!important}\r\n.wc-rst{background:linear-gradient(135deg,var(--accent) 0%,#4f46e5 100%)!important;border:none!important;font-family:'Jost',sans-serif!important;font-size:.85rem!important;font-weight:600!important;color:#fff!important;padding:11px 22px!important;border-radius:var(--r-sm)!important;cursor:pointer!important;text-decoration:none!important;line-height:1!important;transition:all .18s!important;display:inline-flex!important;align-items:center!important;gap:6px!important;box-shadow:0 2px 8px rgba(99,102,241,.3)!important}\r\n.wc-rst:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%)!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(99,102,241,.4)!important}\r\n.wc-spin{display:none!important;width:14px!important;height:14px!important;border:2px solid rgba(255,255,255,.3)!important;border-top-color:#fff!important;border-radius:50%!important;animation:wcsp .6s linear infinite!important}\r\n.wc-spin.show{display:inline-block!important}\r\n@keyframes wcsp{to{transform:rotate(360deg)}}\r\n@media (max-width:620px){.wc-body{padding:18px 16px 30px!important}.wc-header{padding:30px 16px 24px!important}.wc-tgrid{grid-template-columns:repeat(2,1fr)!important}.wc-rgrid{grid-template-columns:1fr!important;gap:14px!important}.wc-qrow{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.wc-qrow label{justify-content:center!important}}\r\n<\/style>\r\n\r\n<div id=\"webp-cvt-wrap\">\r\n    <div class=\"wc-header\">\r\n        <h1>Dalam jumlah besar <span class=\"badge\">Gambar WEBP<\/span> Konverter<\/h1>\r\n        <p>Konverter Gambar WEBP Massal Oleh Bulk DA PA<\/p>\r\n    <\/div>\r\n    <div class=\"wc-body\">\r\n        <div class=\"wc-dz\" id=\"wc-dz\">\r\n            <input type=\"file\" id=\"wc-fi\" accept=\".png,.jpg,.jpeg,.avif,.heic,.heif\" multiple>\r\n            <div class=\"wc-dz-icon\">\r\n                <svg viewbox=\"0 0 24 24\"><path d=\"M19.35 10.04A7.49 7.49 0 0 0 12 4C9.11 4 6.6 5.64 5.35 8.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"wc-dz-title\">Seret &amp; lepas gambar di sini<\/div>\r\n            <div class=\"wc-dz-sub\">atau klik untuk menelusuri \u00a0\u00b7\u00a0 PNG, JPG, JPEG, AVIF, HEIC<br>Maksimal 4 gambar \u00a0\u00b7 \u00a0 Maksimal 10 MB per gambar<\/div>\r\n        <\/div>\r\n        <div class=\"wc-err\" id=\"wc-err\"><\/div>\r\n        <div class=\"wc-pre\" id=\"wc-pre\">\r\n            <div class=\"wc-lbl\">Gambar Pilihan<\/div>\r\n            <div class=\"wc-tgrid\" id=\"wc-tgrid\"><\/div>\r\n            <div class=\"wc-qrow\">\r\n                <label for=\"wc-q\">Kualitas Kompresi<\/label>\r\n                <input type=\"range\" id=\"wc-q\" min=\"10\" max=\"100\" value=\"80\">\r\n                <span class=\"wc-qval\" id=\"wc-qval\">80%<\/span>\r\n            <\/div>\r\n            <div class=\"wc-acts\">\r\n                <button class=\"wc-btn wc-btn-p\" id=\"wc-cvt\">\r\n                    <span class=\"wc-spin\" id=\"wc-spin\"><\/span>\r\n                    Convert to WEBP\r\n                <\/button>\r\n            <\/div>\r\n            <div class=\"wc-prog\" id=\"wc-prog\">\r\n                <div class=\"wc-plbl\">\r\n                    <span id=\"wc-ptxt\">Mengonversi\u2026<\/span>\r\n                    <span id=\"wc-ppct\">0%<\/span>\r\n                <\/div>\r\n                <div class=\"wc-pbg\"><div class=\"wc-pfill\" id=\"wc-pfill\"><\/div><\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"wc-res\" id=\"wc-res\">\r\n            <div class=\"wc-divider\"><\/div>\r\n            <div class=\"wc-lbl\">Gambar yang Dikonversi<\/div>\r\n            <div class=\"wc-rgrid\" id=\"wc-rgrid\"><\/div>\r\n            <div class=\"wc-drow\" id=\"wc-drow\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n'use strict';\r\nvar MAX_F=4,MAX_B=10485760,ALLOWED_EXT=\/\\.(png|jpe?g|avif|heic|heif)$\/i;\r\nvar dz=document.getElementById('wc-dz'),fi=document.getElementById('wc-fi'),errBox=document.getElementById('wc-err'),preSec=document.getElementById('wc-pre'),tGrid=document.getElementById('wc-tgrid'),qSlider=document.getElementById('wc-q'),qVal=document.getElementById('wc-qval'),cvtBtn=document.getElementById('wc-cvt'),spin=document.getElementById('wc-spin'),prog=document.getElementById('wc-prog'),pTxt=document.getElementById('wc-ptxt'),pPct=document.getElementById('wc-ppct'),pFill=document.getElementById('wc-pfill'),resSec=document.getElementById('wc-res'),rGrid=document.getElementById('wc-rgrid'),dRow=document.getElementById('wc-drow');\r\nvar files=[],blobs=[];\r\n\r\nfunction updateRangeFill(){\r\n    var val=parseInt(qSlider.value),min=parseInt(qSlider.min)||0,max=parseInt(qSlider.max)||100;\r\n    var pct=((val-min)\/(max-min))*100;\r\n    qSlider.style.background='linear-gradient(to right,#222222 0%,#222222 '+pct+'%,#e0e0e0 '+pct+'%,#e0e0e0 100%)';\r\n    qVal.textContent=val+'%';\r\n}\r\nqSlider.addEventListener('input',updateRangeFill);\r\nupdateRangeFill();\r\n\r\ndz.addEventListener('dragover',function(e){e.preventDefault();dz.classList.add('over');});\r\ndz.addEventListener('dragleave',function(){dz.classList.remove('over');});\r\ndz.addEventListener('drop',function(e){e.preventDefault();dz.classList.remove('over');handle([].slice.call(e.dataTransfer.files));});\r\nfi.addEventListener('change',function(){handle([].slice.call(fi.files));fi.value='';});\r\n\r\nfunction handle(inc){\r\n    hideErr();\r\n    var errs=[];\r\n    inc=inc.filter(function(f){\r\n        if(!ALLOWED_EXT.test(f.name)){errs.push('\"'+esc(f.name)+'\" is not supported. Use PNG, JPG, JPEG, AVIF or HEIC.');return false;}\r\n        if(f.size>MAX_B){errs.push('\"'+esc(f.name)+'\" exceeds 10 MB ('+fmt(f.size)+').');return false;}\r\n        return true;\r\n    });\r\n    if(files.length+inc.length>MAX_F){\r\n        var room=MAX_F-files.length;\r\n        if(room<=0){errs.push('Maximum 4 images already selected.');inc=[];}\r\n        else{errs.push('Only '+room+' more image(s) allowed. Extra files ignored.');inc=inc.slice(0,room);}\r\n    }\r\n    if(errs.length)showErr(errs.join('<br>'));\r\n    if(!inc.length)return;\r\n    files=files.concat(inc.map(function(f){return{file:f,url:URL.createObjectURL(f)};}));\r\n    renderThumbs();\r\n    clearRes();\r\n}\r\n\r\nfunction renderThumbs(){\r\n    tGrid.innerHTML='';\r\n    if(!files.length){preSec.classList.remove('show');return;}\r\n    preSec.classList.add('show');\r\n    files.forEach(function(e,i){\r\n        var c=document.createElement('div');\r\n        c.className='wc-tc';\r\n        c.innerHTML='<img decoding=\"async\" class=\"wc-timg\" src=\"'+e.url+'\" alt=\"\"><div class=\"wc-tinfo\"><div class=\"wc-tname\" title=\"'+esc(e.file.name)+'\">'+esc(e.file.name)+'<\/div><div class=\"wc-tsz\">'+fmt(e.file.size)+'<\/div><\/div><button class=\"wc-trm\" data-i=\"'+i+'\">\\u2715<\/button>';\r\n        tGrid.appendChild(c);\r\n    });\r\n    tGrid.querySelectorAll('.wc-trm').forEach(function(b){\r\n        b.addEventListener('click',function(e){\r\n            var i=+e.currentTarget.dataset.i;\r\n            URL.revokeObjectURL(files[i].url);\r\n            files.splice(i,1);\r\n            renderThumbs();clearRes();\r\n        });\r\n    });\r\n}\r\n\r\ncvtBtn.addEventListener('click',async function(){\r\n    if(!files.length)return;\r\n    cvtBtn.disabled=true;\r\n    spin.classList.add('show');\r\n    prog.classList.add('show');\r\n    clearRes();\r\n    blobs=[];\r\n    var q=parseInt(qSlider.value)\/100,n=files.length;\r\n    for(var i=0;i<n;i++){\r\n        setP(i,n,'Converting '+(i+1)+'\/'+n+': '+files[i].file.name);\r\n        try{\r\n            var b=await conv(files[i].file,q);\r\n            if(b.size<files[i].file.size){\r\n                blobs.push({blob:b,name:base(files[i].file.name)+'.webp',origSize:files[i].file.size,newSize:b.size});\r\n            }else{\r\n                var b2=await conv(files[i].file,Math.max(0.1,q*0.7));\r\n                if(b2.size<files[i].file.size){\r\n                    blobs.push({blob:b2,name:base(files[i].file.name)+'.webp',origSize:files[i].file.size,newSize:b2.size});\r\n                }else{\r\n                    blobs.push({error:true,name:files[i].file.name,msg:'Cannot compress without quality loss. Original is already optimized.'});\r\n                }\r\n            }\r\n        }catch(ex){\r\n            blobs.push({error:true,name:files[i].file.name,msg:ex.message});\r\n        }\r\n        await wait(200);\r\n    }\r\n    setP(n,n,'Done!');\r\n    await wait(320);\r\n    spin.classList.remove('show');\r\n    cvtBtn.disabled=false;\r\n    prog.classList.remove('show');\r\n    renderRes();\r\n});\r\n\r\nfunction conv(file,q){\r\n    return new Promise(function(res,rej){\r\n        var img=new Image(),u=URL.createObjectURL(file);\r\n        img.onload=function(){\r\n            URL.revokeObjectURL(u);\r\n            var c=document.createElement('canvas');\r\n            c.width=img.naturalWidth;c.height=img.naturalHeight;\r\n            c.getContext('2d').drawImage(img,0,0);\r\n            c.toBlob(function(b){b?res(b):rej(new Error('Conversion failed'));},'image\/webp',q);\r\n        };\r\n        img.onerror=function(){URL.revokeObjectURL(u);rej(new Error('Cannot load image'));};\r\n        img.src=u;\r\n    });\r\n}\r\n\r\nfunction renderRes(){\r\n    rGrid.innerHTML='';dRow.innerHTML='';\r\n    if(!blobs.length)return;\r\n    resSec.classList.add('show');\r\n    blobs.forEach(function(item){\r\n        var c=document.createElement('div');\r\n        c.className='wc-rc';\r\n        if(item.error){\r\n            c.innerHTML='<div style=\"height:180px;display:flex;align-items:center;justify-content:center;background:#fdf0ef;color:#c0392b;font-size:.8rem;padding:16px;text-align:center;\">\\u2715 '+esc(item.name)+'<br><small>'+esc(item.msg)+'<\/small><\/div>';\r\n        }else{\r\n            var u=URL.createObjectURL(item.blob);\r\n            var pct=Math.round((1-item.newSize\/item.origSize)*100);\r\n            var sv=pct>0?'<span class=\"ok\">\\u2193 '+pct+'% smaller<\/span>':'<span class=\"bad\">\\u2191 '+Math.abs(pct)+'% larger<\/span>';\r\n            c.innerHTML='<img decoding=\"async\" class=\"wc-rimg\" src=\"'+u+'\" alt=\"'+esc(item.name)+'\"><div class=\"wc-rinfo\"><div class=\"wc-rname\" title=\"'+esc(item.name)+'\">'+esc(item.name)+'<\/div><div class=\"wc-rstats\">Before: '+fmt(item.origSize)+'<br>After: '+fmt(item.newSize)+'<br>'+sv+'<\/div><a class=\"wc-rdl\" href=\"'+u+'\" download=\"'+esc(item.name)+'\">\\u2193 Download<\/a><\/div>';\r\n        }\r\n        rGrid.appendChild(c);\r\n    });\r\n    var ok=blobs.filter(function(b){return!b.error;});\r\n    if(ok.length>1){\r\n        var btn=document.createElement('button');\r\n        btn.className='wc-btn wc-btn-s';\r\n        btn.innerHTML='\\u2193 Download All';\r\n        btn.addEventListener('click',async function(){\r\n            var zip=new JSZip();\r\n            ok.forEach(function(item){zip.file(item.name,item.blob);});\r\n            var content=await zip.generateAsync({type:'blob'});\r\n            var a=document.createElement('a');\r\n            a.href=URL.createObjectURL(content);\r\n            a.download='converted-images.zip';\r\n            document.body.appendChild(a);\r\n            a.click();\r\n            document.body.removeChild(a);\r\n        });\r\n        dRow.appendChild(btn);\r\n    }\r\n    var rb=document.createElement('button');\r\n    rb.className='wc-rst';rb.innerHTML='\\u27f2 Convert New Images';\r\n    rb.addEventListener('click',resetAll);\r\n    dRow.appendChild(rb);\r\n}\r\n\r\nfunction setP(d,t,lbl){var p=Math.round((d\/t)*100);pFill.style.width=p+'%';pPct.textContent=p+'%';pTxt.textContent=lbl;}\r\nfunction clearRes(){resSec.classList.remove('show');rGrid.innerHTML='';dRow.innerHTML='';blobs=[];}\r\nfunction resetAll(){files.forEach(function(e){URL.revokeObjectURL(e.url);});files=[];renderThumbs();clearRes();hideErr();prog.classList.remove('show');}\r\nfunction showErr(m){errBox.innerHTML='\\u26A0 '+m;errBox.classList.add('show');}\r\nfunction hideErr(){errBox.classList.remove('show');errBox.innerHTML='';}\r\nfunction fmt(b){return b<1024?b+' B':b<1048576?(b\/1024).toFixed(1)+' KB':(b\/1048576).toFixed(2)+' MB';}\r\nfunction base(n){return n.replace(\/\\.[^\/.]+$\/,'');}\r\nfunction esc(s){return s.replace(\/[&<>\"']\/g,function(m){return({'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[m]);});}\r\nfunction wait(ms){return new Promise(function(r){setTimeout(r,ms);});}\r\n})();\r\n<\/script>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-216bd61 e-flex e-con-boxed e-con e-parent\" data-id=\"216bd61\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2756b4e elementor-widget elementor-widget-text-editor\" data-id=\"2756b4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Bulk WebP Image Converter: Convert PNG, JPG and More to WebP Instantly<\/h2>\n<p>A bulk WebP image converter lets you convert several images \u2014 PNG, JPG, JPEG, AVIF, and HEIC \u2014 into the WebP format in one pass instead of one at a time. WebP files run 25\u201334% smaller than equivalent JPG or PNG files at the same visual quality, which is why switching matters for page speed, Core Web Vitals, and ultimately SEO. BulkDapa&#8217;s converter does the whole job in your browser: no upload, no account, no limit on how many batches you run.<\/p>\n\n<h2>Why Unoptimized Images Slow Down Your Website<\/h2>\n<p>Page load time is one of the clearest factors affecting both user experience and search rankings, and images are consistently the biggest contributor to slow pages. A handful of uncompressed PNG or JPG files can outweigh every other asset on the page combined.<\/p>\n<p>WebP, Google&#8217;s open-source image format, was built specifically to solve this: same visual quality as JPG or PNG, a fraction of the file size, and native support in every major browser \u2014 Chrome, Firefox, Safari, and Edge.<\/p>\n\n<h2>What Is the WebP Format?<\/h2>\n<p>WebP uses advanced compression to produce images that are 25\u201334% smaller than equivalent JPG or PNG files while keeping visual quality intact. It supports both lossy and lossless compression, alpha-channel transparency like PNG, and even animation like GIF \u2014 making it a practical drop-in replacement for all three older formats.<\/p>\n\n<table>\n<tr><th>Format<\/th><th>Keterbatasan<\/th><th>WebP Advantage<\/th><\/tr>\n<tr><td>PNG \u2192 WebP<\/td><td>Lossless, large file size<\/td><td>Up to 26% smaller, lossless option available<\/td><\/tr>\n<tr><td>JPG\/JPEG \u2192 WebP<\/td><td>Lossy, widely supported<\/td><td>Up to 34% smaller at the same quality<\/td><\/tr>\n<tr><td>AVIF \u2192 WebP<\/td><td>Excellent compression<\/td><td>Kompatibilitas browser yang lebih luas<\/td><\/tr>\n<tr><td>HEIC \u2192 WebP<\/td><td>Apple-native format<\/td><td>Kompatibilitas universal untuk web dan media sosial.<\/td><\/tr>\n<\/table>\n\n<h2>How to Use BulkDapa&#8217;s Free Bulk WebP Image Converter<\/h2>\n<ol>\n<li>Go to the converter above and drag in up to 4 images \u2014 PNG, JPG, JPEG, AVIF, or HEIC, up to 10 MB each.<\/li>\n<li>Adjust the compression quality slider. 80% is the default and the best balance of size and quality for most web images.<\/li>\n<li>Klik <strong>Convert to WebP<\/strong>.<\/li>\n<li>Download your optimized files \u2014 they&#8217;re ready to upload straight to your site.<\/li>\n<\/ol>\n<p>The whole process takes under 60 seconds and runs entirely in your browser, so nothing is ever uploaded to a server.<\/p>\n\n<h2>What Makes This Converter Different: Privacy First<\/h2>\n<p>Many online converters upload your images to a remote server before processing them \u2014 a real concern if you&#8217;re handling proprietary product photos, client work, or unreleased designs. BulkDapa&#8217;s converter processes everything locally in your browser. Your files never leave your device.<\/p>\n<ul>\n<li>100% browser-based \u2014 zero server uploads<\/li>\n<li>No account or registration required<\/li>\n<li>Adjustable compression quality for full control<\/li>\n<li>Supports 5 input formats: PNG, JPG, JPEG, AVIF, HEIC<\/li>\n<\/ul>\n\n<h2>The Direct SEO Impact of Converting Images to WebP<\/h2>\n<p>Image optimization became a measurable ranking factor once Google&#8217;s Core Web Vitals update rolled out in 2021, with page speed directly influencing search visibility. Images are still the largest single contributor to slow Largest Contentful Paint (LCP) scores \u2014 the metric that measures how quickly a page&#8217;s main content becomes visible.<\/p>\n<p>Switching from PNG\/JPG to WebP routinely pushes LCP into Google&#8217;s &#8220;Good&#8221; range (under 2.5 seconds). A standard 800px-wide PNG averaging 200\u2013400 KB typically drops to 60\u2013120 KB in WebP at equivalent quality \u2014 for a page with 10\u201315 images, that&#8217;s often a 40\u201360% reduction in total page weight.<\/p>\n\n<h2>Who Benefits Most From Bulk WebP Conversion<\/h2>\n<ul>\n<li>E-commerce store owners managing large product image libraries<\/li>\n<li>Bloggers and content creators publishing image-heavy posts<\/li>\n<li>Web developers optimizing client sites for Core Web Vitals<\/li>\n<li>SEO professionals running technical audits and speed optimization<\/li>\n<li>Digital marketers preparing image assets for campaigns<\/li>\n<\/ul>\n\n<h2>Common Mistakes to Avoid When Converting to WebP<\/h2>\n<ul>\n<li><strong>Menyetel kompresi terlalu rendah<\/strong> (below 60%) introduces visible artifacts \u2014 keep quality at 75\u201385% for web use.<\/li>\n<li><strong>Not keeping backup originals.<\/strong> Always save your source PNG\/JPG files before converting.<\/li>\n<li><strong>Re-converting already-compressed JPGs repeatedly<\/strong> \u2014 this compounds quality loss each time.<\/li>\n<li><strong>Dropping alt text after conversion.<\/strong> WebP images still need descriptive, keyword-relevant alt attributes for image SEO.<\/li>\n<li><strong>Uploading WebP without checking CMS support.<\/strong> WordPress needs core 5.8+ or a plugin for full WebP support in the media library.<\/li>\n<\/ul>\n\n<p>Once your images are optimized, check your site&#8217;s overall authority with our <a href=\"https:\/\/bulkdapa.site\/id\/\">Pemeriksa DA PA Massal<\/a>, scan for dead links with the <a href=\"https:\/\/bulkdapa.site\/id\/bulk-broken-link-checker\/\">Pemeriksa Tautan Rusak Massal<\/a>, or tighten your crawl setup with the <a href=\"https:\/\/bulkdapa.site\/id\/robots-txt-file-generator\/\">Generator File Robots.txt<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b3d30a e-flex e-con-boxed e-con e-parent\" data-id=\"6b3d30a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ac4677 elementor-widget elementor-widget-heading\" data-id=\"8ac4677\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Sering<br><font color=\"#ffc621\"> Pertanyaan yang Diajukan<\/font><\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-abd69a5 e-flex e-con-boxed e-con e-parent\" data-id=\"abd69a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2b0c15 elementor-widget elementor-widget-ucaddon_uc_icon_accordion\" data-id=\"f2b0c15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_uc_icon_accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Icon Accordion -->\n\t\t<link id='font-awesome-css' href='https:\/\/bulkdapa.site\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/bulkdapa.site\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Icon Accordion *\/\n\n#uc_uc_icon_accordion_elementor_f2b0c15 *{\n\tbox-sizing: border-box;\n}\n\n#uc_uc_icon_accordion_elementor_f2b0c15 .uc_container .uc-heading{\n\tcursor:pointer;\n    display:flex;\n    align-items:center;\n    transition:0.3s;\n}\n\n#uc_uc_icon_accordion_elementor_f2b0c15 .uc_container .uc-heading span.bbb{\n\tdisplay:block;\t  \n}\n\n#uc_uc_icon_accordion_elementor_f2b0c15 .uc_ac_box.uc-item-active span.uc_dactive{\n\tdisplay:none;\n}\n\n#uc_uc_icon_accordion_elementor_f2b0c15 .uc_ac_box:not(.uc-item-active) span.uc_active{\n\tdisplay:none;\n}\n\n#uc_uc_icon_accordion_elementor_f2b0c15 .ue_icon_holder,\n#uc_uc_icon_accordion_elementor_f2b0c15 .ue_icon_spacing{\n  flex-grow:0;\n  flex-shrink:0; \n}\n\n#uc_uc_icon_accordion_elementor_f2b0c15 .uc_content{\n\tdisplay: none;\n}\n\n#uc_uc_icon_accordion_elementor_f2b0c15 .ue_icon{\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  line-height:1em;\n  transition:0.3s;\n}\n\n#uc_uc_icon_accordion_elementor_f2b0c15 .ue_icon svg{\n  height:1em;\n  width:1em;\n}\n\n#uc_uc_icon_accordion_elementor_f2b0c15 .ue_expand_inside{\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  line-height:1em;\n}\n\n#uc_uc_icon_accordion_elementor_f2b0c15 .ue_expand_inside svg{\n  height:1em;\n  width:1em;\n}\n\n#uc_uc_icon_accordion_elementor_f2b0c15 .ue_expand,\n#uc_uc_icon_accordion_elementor_f2b0c15 .ue_expand_spacing{\n  flex-grow:0;\n  flex-shrink:0;\n}\n\n#uc_uc_icon_accordion_elementor_f2b0c15 .ue_title{\n  flex-grow:1;\n}\n\n#uc_uc_icon_accordion_elementor_f2b0c15 .uc_ac_box:last-child{\n  margin-bottom:0px;\n}\n\n#uc_uc_icon_accordion_elementor_f2b0c15 .uc_ac_box{\n  overflow:hidden;\n}\n\n<\/style>\n\n<div class=\"uc_material_accordion\"  id=\"uc_uc_icon_accordion_elementor_f2b0c15\" data-name=\"\" data-closeothers=\"true\"  data-scrolltohead=\"off\">\n  <div class=\"uc_container uc-items-wrapper\">\n    \n\n<div id=\"uc_uc_icon_accordion_elementor_f2b0c15_item1\" class=\"uc_ac_box  elementor-repeater-item-43d845d\">\n  <div class=\"uc-heading uc_trigger\" role=\"button\" aria-controls=\"uc_uc_icon_accordion_elementor_f2b0c15_item1-content\" tabindex=\"0\" aria-expanded=\"false\">\n    \n          <div class=\"ue_icon_holder\">\n        <div class=\"ue_icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"800px\" height=\"800px\" viewbox=\"0 0 16 16\" fill=\"none\" stroke=\"#ffffff\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g><g id=\"SVGRepo_iconCarrier\"><path d=\"M6.64594 0L2.32922 2.15836L3.67086 4.84164L7.00004 3.17705V13H3.00004V16H13V13H10V0H6.64594Z\" fill=\"#ffffff\"><\/path><\/g><\/svg><\/div>\n      <\/div>\n      <div class=\"ue_icon_spacing\"><\/div>\n        \n    <div id=\"uc_uc_icon_accordion_elementor_f2b0c15_item1-title\" class=\"ue_title\">Apakah konverter BulkDapa WEBP sepenuhnya gratis?<\/div>    \n    \n          <div class=\"ue_expand_spacing\"><\/div>\n      <div class=\"ue_expand\">\n        <div class=\"ue_expand_inside\">\n          <span class=\"uc_dactive bbb ue_accordion_icon\" ><i class='fas fa-plus'><\/i><\/span>\n          <span class=\"uc_active bbb ue_accordion_icon\"><i class='fas fa-minus'><\/i><\/span>\n        <\/div>\n      <\/div>\n        \n  <\/div>\n  \n  <div id=\"uc_uc_icon_accordion_elementor_f2b0c15_item1-content\" class=\"uc_content\" role=\"region\" aria-labelledby=\"uc_uc_icon_accordion_elementor_f2b0c15_item1-title\" >\n          <p>Ya. Konverter Gambar WEBP Massal BulkDapa 100% gratis untuk digunakan. Tidak ada biaya tambahan, tidak ada tingkatan premium, dan tidak perlu membuat akun.<\/p>\n     \n    \n     \n    \n  <\/div>\n<\/div>\n\n\n<div id=\"uc_uc_icon_accordion_elementor_f2b0c15_item2\" class=\"uc_ac_box  elementor-repeater-item-f7b64cc\">\n  <div class=\"uc-heading uc_trigger\" role=\"button\" aria-controls=\"uc_uc_icon_accordion_elementor_f2b0c15_item2-content\" tabindex=\"0\" aria-expanded=\"false\">\n    \n          <div class=\"ue_icon_holder\">\n        <div class=\"ue_icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"800px\" height=\"800px\" viewbox=\"0 0 16 16\" fill=\"none\" stroke=\"#ffffff\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g><g id=\"SVGRepo_iconCarrier\"><path d=\"M3 5C3 2.23858 5.23858 0 8 0H8.07519C10.7951 0 13 2.20491 13 4.92481C13 6.36248 12.3718 7.72838 11.2802 8.66401L6.22155 13H13V16H3V11.8101L9.32784 6.38624C9.75447 6.02056 10 5.48671 10 4.92481C10 3.86177 9.13823 3 8.07519 3H8C6.89543 3 6 3.89543 6 5H3Z\" fill=\"#ffffff\"><\/path><\/g><\/svg><\/div>\n      <\/div>\n      <div class=\"ue_icon_spacing\"><\/div>\n        \n    <div id=\"uc_uc_icon_accordion_elementor_f2b0c15_item2-title\" class=\"ue_title\">Apakah gambar saya diunggah ke server saat saya menggunakan alat ini?<\/div>    \n    \n          <div class=\"ue_expand_spacing\"><\/div>\n      <div class=\"ue_expand\">\n        <div class=\"ue_expand_inside\">\n          <span class=\"uc_dactive bbb ue_accordion_icon\" ><i class='fas fa-plus'><\/i><\/span>\n          <span class=\"uc_active bbb ue_accordion_icon\"><i class='fas fa-minus'><\/i><\/span>\n        <\/div>\n      <\/div>\n        \n  <\/div>\n  \n  <div id=\"uc_uc_icon_accordion_elementor_f2b0c15_item2-content\" class=\"uc_content\" role=\"region\" aria-labelledby=\"uc_uc_icon_accordion_elementor_f2b0c15_item2-title\" >\n          <p>Tidak. Konversi terjadi sepenuhnya di browser Anda menggunakan JavaScript sisi klien. Gambar Anda tidak pernah diunggah ke server mana pun, sehingga sepenuhnya bersifat pribadi dan aman.<\/p>\n     \n    \n     \n    \n  <\/div>\n<\/div>\n\n\n<div id=\"uc_uc_icon_accordion_elementor_f2b0c15_item3\" class=\"uc_ac_box  elementor-repeater-item-dfb67a4\">\n  <div class=\"uc-heading uc_trigger\" role=\"button\" aria-controls=\"uc_uc_icon_accordion_elementor_f2b0c15_item3-content\" tabindex=\"0\" aria-expanded=\"false\">\n    \n          <div class=\"ue_icon_holder\">\n        <div class=\"ue_icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"800px\" height=\"800px\" viewbox=\"0 0 16 16\" fill=\"none\" stroke=\"#fff\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g><g id=\"SVGRepo_iconCarrier\"><path d=\"M6.5 4.5C6.5 3.67157 7.17157 3 8 3C8.82843 3 9.5 3.67157 9.5 4.5C9.5 5.32843 8.82843 6 8 6H7V9H8C9.10457 9 10 9.89543 10 11C10 12.1046 9.10457 13 8 13C6.89543 13 6 12.1046 6 11H3C3 13.7614 5.23858 16 8 16C10.7614 16 13 13.7614 13 11C13 9.57824 12.4066 8.29508 11.4539 7.38469C12.107 6.60363 12.5 5.59771 12.5 4.5C12.5 2.01472 10.4853 0 8 0C5.51472 0 3.5 2.01472 3.5 4.5H6.5Z\" fill=\"#fff\"><\/path><\/g><\/svg><\/div>\n      <\/div>\n      <div class=\"ue_icon_spacing\"><\/div>\n        \n    <div id=\"uc_uc_icon_accordion_elementor_f2b0c15_item3-title\" class=\"ue_title\">Format gambar apa saja yang dapat saya konversi ke WEBP?<\/div>    \n    \n          <div class=\"ue_expand_spacing\"><\/div>\n      <div class=\"ue_expand\">\n        <div class=\"ue_expand_inside\">\n          <span class=\"uc_dactive bbb ue_accordion_icon\" ><i class='fas fa-plus'><\/i><\/span>\n          <span class=\"uc_active bbb ue_accordion_icon\"><i class='fas fa-minus'><\/i><\/span>\n        <\/div>\n      <\/div>\n        \n  <\/div>\n  \n  <div id=\"uc_uc_icon_accordion_elementor_f2b0c15_item3-content\" class=\"uc_content\" role=\"region\" aria-labelledby=\"uc_uc_icon_accordion_elementor_f2b0c15_item3-title\" >\n          <p>Anda dapat mengonversi file PNG, JPG, JPEG, AVIF, dan HEIC ke format WEBP. Anda dapat memproses hingga 4 gambar sekaligus, dengan ukuran maksimum 10 MB per gambar.<\/p>\n     \n    \n     \n    \n  <\/div>\n<\/div>\n\n\n<div id=\"uc_uc_icon_accordion_elementor_f2b0c15_item4\" class=\"uc_ac_box  elementor-repeater-item-8ecca8c\">\n  <div class=\"uc-heading uc_trigger\" role=\"button\" aria-controls=\"uc_uc_icon_accordion_elementor_f2b0c15_item4-content\" tabindex=\"0\" aria-expanded=\"false\">\n    \n          <div class=\"ue_icon_holder\">\n        <div class=\"ue_icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"800px\" height=\"800px\" viewbox=\"0 0 16 16\" fill=\"none\" stroke=\"#fff\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g><g id=\"SVGRepo_iconCarrier\"><path d=\"M13 0H10V7H6.03769L7.46324 0.680058L4.53676 0.0199507L3 6.83293V10H10V16H13V0Z\" fill=\"#fff\"><\/path><\/g><\/svg><\/div>\n      <\/div>\n      <div class=\"ue_icon_spacing\"><\/div>\n        \n    <div id=\"uc_uc_icon_accordion_elementor_f2b0c15_item4-title\" class=\"ue_title\">Apakah mengkonversi ke WEBP akan memengaruhi kualitas gambar saya?<\/div>    \n    \n          <div class=\"ue_expand_spacing\"><\/div>\n      <div class=\"ue_expand\">\n        <div class=\"ue_expand_inside\">\n          <span class=\"uc_dactive bbb ue_accordion_icon\" ><i class='fas fa-plus'><\/i><\/span>\n          <span class=\"uc_active bbb ue_accordion_icon\"><i class='fas fa-minus'><\/i><\/span>\n        <\/div>\n      <\/div>\n        \n  <\/div>\n  \n  <div id=\"uc_uc_icon_accordion_elementor_f2b0c15_item4-content\" class=\"uc_content\" role=\"region\" aria-labelledby=\"uc_uc_icon_accordion_elementor_f2b0c15_item4-title\" >\n          <p><span class=\"s20\">Pada pengaturan kualitas default 80%, visualnya<\/span><span class=\"s20\">Perbedaan kualitas hampir tidak terlihat, sementara ukuran file berkurang secara signifikan. Anda dapat menyesuaikan slider kualitas untuk menemukan keseimbangan yang tepat untuk kebutuhan Anda.<\/span><\/p>\n     \n    \n     \n    \n  <\/div>\n<\/div>\n\n\n<div id=\"uc_uc_icon_accordion_elementor_f2b0c15_item5\" class=\"uc_ac_box  elementor-repeater-item-e094fce\">\n  <div class=\"uc-heading uc_trigger\" role=\"button\" aria-controls=\"uc_uc_icon_accordion_elementor_f2b0c15_item5-content\" tabindex=\"0\" aria-expanded=\"false\">\n    \n          <div class=\"ue_icon_holder\">\n        <div class=\"ue_icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"800px\" height=\"800px\" viewbox=\"0 0 16 16\" fill=\"none\" stroke=\"#fff\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g><g id=\"SVGRepo_iconCarrier\"><path d=\"M4.11984 0H13V3H6.88024L6.70068 5.15468C7.11748 5.05361 7.55269 5 8.00004 5C11.0376 5 13.5 7.46243 13.5 10.5C13.5 13.5376 11.0376 16 8.00004 16C5.68948 16 3.71518 14.5757 2.90039 12.5628L5.6812 11.4372C6.05319 12.3561 6.95322 13 8.00004 13C9.38075 13 10.5 11.8807 10.5 10.5C10.5 9.11929 9.38075 8 8.00004 8C7.36498 8 6.78843 8.23483 6.34681 8.62461L5.9215 9H3.36984L4.11984 0Z\" fill=\"#fff\"><\/path><\/g><\/svg><\/div>\n      <\/div>\n      <div class=\"ue_icon_spacing\"><\/div>\n        \n    <div id=\"uc_uc_icon_accordion_elementor_f2b0c15_item5-title\" class=\"ue_title\">Apakah WEBP membantu meningkatkan peringkat SEO di Google?<\/div>    \n    \n          <div class=\"ue_expand_spacing\"><\/div>\n      <div class=\"ue_expand\">\n        <div class=\"ue_expand_inside\">\n          <span class=\"uc_dactive bbb ue_accordion_icon\" ><i class='fas fa-plus'><\/i><\/span>\n          <span class=\"uc_active bbb ue_accordion_icon\"><i class='fas fa-minus'><\/i><\/span>\n        <\/div>\n      <\/div>\n        \n  <\/div>\n  \n  <div id=\"uc_uc_icon_accordion_elementor_f2b0c15_item5-content\" class=\"uc_content\" role=\"region\" aria-labelledby=\"uc_uc_icon_accordion_elementor_f2b0c15_item5-title\" >\n          <p>Ya, secara tidak langsung tetapi signifikan. Gambar WEBP meningkatkan kecepatan pemuatan halaman, yang meningkatkan skor Core Web Vitals (khususnya LCP), yang merupakan faktor peringkat Google yang telah terkonfirmasi.<\/p>\n     \n    \n     \n    \n  <\/div>\n<\/div>\n\n\n<div id=\"uc_uc_icon_accordion_elementor_f2b0c15_item6\" class=\"uc_ac_box  elementor-repeater-item-cebdb44\">\n  <div class=\"uc-heading uc_trigger\" role=\"button\" aria-controls=\"uc_uc_icon_accordion_elementor_f2b0c15_item6-content\" tabindex=\"0\" aria-expanded=\"false\">\n    \n          <div class=\"ue_icon_holder\">\n        <div class=\"ue_icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"800px\" height=\"800px\" viewbox=\"0 0 16 16\" fill=\"none\" stroke=\"#fff\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g><g id=\"SVGRepo_iconCarrier\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.14856 5.00197C11.1174 5.0807 13.5 7.51211 13.5 10.5C13.5 13.5376 11.0376 16 8 16C4.96243 16 2.5 13.5376 2.5 10.5C2.5 9.44185 2.79882 8.45349 3.31667 7.61471L7.43172 0.0343628L10.0683 1.46564L8.14856 5.00197ZM5.90352 9.13756C6.34947 8.45275 7.12186 8 8 8C9.38071 8 10.5 9.11929 10.5 10.5C10.5 11.8807 9.38071 13 8 13C6.61929 13 5.5 11.8807 5.5 10.5C5.5 10.0937 5.60153 9.69386 5.79537 9.33679L5.90352 9.13756Z\" fill=\"#fff\"><\/path><\/g><\/svg><\/div>\n      <\/div>\n      <div class=\"ue_icon_spacing\"><\/div>\n        \n    <div id=\"uc_uc_icon_accordion_elementor_f2b0c15_item6-title\" class=\"ue_title\">Apakah WEBP berfungsi dengan semua browser?<\/div>    \n    \n          <div class=\"ue_expand_spacing\"><\/div>\n      <div class=\"ue_expand\">\n        <div class=\"ue_expand_inside\">\n          <span class=\"uc_dactive bbb ue_accordion_icon\" ><i class='fas fa-plus'><\/i><\/span>\n          <span class=\"uc_active bbb ue_accordion_icon\"><i class='fas fa-minus'><\/i><\/span>\n        <\/div>\n      <\/div>\n        \n  <\/div>\n  \n  <div id=\"uc_uc_icon_accordion_elementor_f2b0c15_item6-content\" class=\"uc_content\" role=\"region\" aria-labelledby=\"uc_uc_icon_accordion_elementor_f2b0c15_item6-title\" >\n          <p>WEBP didukung oleh semua browser modern termasuk Chrome, Firefox, Safari (versi 14+), dan Edge. Bagi pengguna Safari atau IE versi lama, Anda mungkin perlu menerapkan solusi alternatif menggunakan elemen HTML .<\/p>\n     \n    \n     \n    \n  <\/div>\n<\/div>\n\n  <\/div>\n<\/div>\n\n\n<!-- end Icon Accordion -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Bulk WEBP Image Converter: Convert PNG, JPG &amp; More to WEBP Instantly A bulk WEBP image converter is an online [&hellip;]<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","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-2098","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/bulkdapa.site\/id\/wp-json\/wp\/v2\/pages\/2098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bulkdapa.site\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bulkdapa.site\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bulkdapa.site\/id\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bulkdapa.site\/id\/wp-json\/wp\/v2\/comments?post=2098"}],"version-history":[{"count":60,"href":"https:\/\/bulkdapa.site\/id\/wp-json\/wp\/v2\/pages\/2098\/revisions"}],"predecessor-version":[{"id":2680,"href":"https:\/\/bulkdapa.site\/id\/wp-json\/wp\/v2\/pages\/2098\/revisions\/2680"}],"wp:attachment":[{"href":"https:\/\/bulkdapa.site\/id\/wp-json\/wp\/v2\/media?parent=2098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}