Compress Images Online — Free, Fast, Private

let _cimgs=[]; function ev(e){e.preventDefault();} function handleCImgs(fs){_cimgs.push(...Array.from(fs).filter(f=>f.type.startsWith('image/')));renderCI();} function renderCI(){ document.getElementById('fl4').innerHTML=_cimgs.map((f,i)=>``).join(''); document.getElementById('opts4').style.display=_cimgs.length>0?'flex':'none'; document.getElementById('act4').style.display=_cimgs.length>0?'flex':'none'; } function rmCI(i){_cimgs.splice(i,1);renderCI();} function resetCI(){_cimgs=[];renderCI();document.getElementById('res4').classList.remove('show');document.getElementById('prog4').style.display='none';} async function compressImgs(){ if(!_cimgs.length)return; const btn=document.getElementById('ci4btn');btn.disabled=true; document.getElementById('prog4').style.display='block'; const q=parseInt(document.getElementById('cq4').value)/100; const fmt=document.getElementById('cfmt4').value; const results=[];let origT=0,newT=0; for(let i=0;i<_cimgs.length;i++){ document.getElementById('pf4').style.width=Math.round(10+(i/_cimgs.length)*85)+'%'; document.getElementById('pl4').textContent=`Compressing ${i+1}/${_cimgs.length}...`; const f=_cimgs[i];origT+=f.size; const url=URL.createObjectURL(f); const img=await new Promise(r=>{const x=new Image();x.onload=()=>r(x);x.src=url;}); const c=document.createElement('canvas');c.width=img.naturalWidth;c.height=img.naturalHeight; c.getContext('2d').drawImage(img,0,0); const outFmt=fmt==='same'?(f.type||'image/jpeg'):fmt; const blob=await new Promise(r=>c.toBlob(r,outFmt,q)); newT+=blob.size; const ext={['image/jpeg']:'jpg',['image/png']:'png',['image/webp']:'webp'}[outFmt]||'jpg'; results.push({blob,name:f.name.replace(/\.[^.]+$/,'')+'-compressed.'+ext,orig:f.size,nw:blob.size}); URL.revokeObjectURL(url); } document.getElementById('pf4').style.width='100%'; document.getElementById('pl4').textContent='Done!'; document.getElementById('r4orig').textContent=fmtSize(origT); document.getElementById('r4new').textContent=fmtSize(newT); const saved=origT-newT; document.getElementById('r4saved').textContent=saved>0?`-${fmtSize(saved)} (${((saved/origT)*100).toFixed(1)}%)`:'Already optimised'; const list=document.getElementById('ci4list'); list.innerHTML=results.map((r,i)=>``).join(''); window._ciresults=results; document.getElementById('res4').classList.add('show'); btn.disabled=false; setTimeout(()=>{document.getElementById('prog4').style.display='none';},800); } function dlImg(i){const r=window._ciresults[i];const url=URL.createObjectURL(r.blob);const a=document.createElement('a');a.href=url;a.download=r.name;a.click();}