Posts

gif.js

document.addEventListener("DOMContentLoaded", function () { // Add the tool container dynamically const toolContainer = document.createElement("div"); toolContainer.id = "gif-compressor-tool"; toolContainer.innerHTML = `

GIF Compression Tool

Upload your GIF (up to 50 MB) and compress it for free.

`; document.body.appendChild(toolContainer); document.getElementById("compressButton").addEventListener("click", async function () { const input = document.getElementById("gifInput").files[0]; if (!input) { alert("Please upload a GIF file."); return; } if (input.size > 50 * 1024 * 1024) { alert("File size exceeds 50MB limit. Please upload a smaller GIF."); return; } const outputDiv = document.getElementById("output"); outputDiv.innerHTML = "

Processing... Please wait.

"; const reader = new FileReader(); reader.onload = function (event) { const originalGif = event.target.result; const gif = new GIF({ workers: 2, quality: 10 // Adjust compression level (1 is best quality, higher numbers increase compression) }); const img = new Image(); img.src = originalGif; img.onload = function () { gif.addFrame(img, { delay: 100 }); gif.on("finished", function (blob) { const compressedUrl = URL.createObjectURL(blob); outputDiv.innerHTML = `

Compression Complete! Download your optimized GIF:

Download Compressed GIF `; }); gif.render(); }; }; reader.readAsDataURL(input); }); }); // Add gif.js library dynamically (function () { const script = document.createElement("script"); script.src = "https://cdnjs.cloudflare.com/ajax/libs/gif.js/0.2.0/gif.min.js"; script.onload = function () { console.log("GIF.js library loaded."); }; document.body.appendChild(script); })();

Search This Blog

Compressor

Posts