This commit is contained in:
Suvodip
2024-07-11 12:45:10 +05:30
parent d368213568
commit 040c4b87c1
33 changed files with 1042 additions and 867 deletions

View File

@@ -1,6 +1,6 @@
<section class="diZContainer diZmxAuto ">
<h1 class="diZBorderBottom">Image Compression Tool</h1>
<div class="toolsSection diZMaxW500 diZmxAuto diZmy20">
<div class="toolsSection diZMaxW600 diZmxAuto diZmy20">
<div>
<input type="file" id="imageInput" accept="image/*">
</div>
@@ -16,8 +16,8 @@
<span id="imageSize" class="image-size"></span>
</div>
<div class="diZFlexBetween">
<button class="comp-button" onclick="compressImage()">Compress Image</button>
<a class="diZDisplayNone diZButtonDefault" id="downloadLink" href="#" download="compressed_image.jpg">Download Compressed Image</a>
<button class="comp-button" onclick="compressImage()"><span>Compress Image</span></button>
<a class="diZDisplayNone diZButtonDefault" id="downloadLink" href="#" download="compressed_image.jpg"><span>Download Compressed Image</span></a>
</div>
</div>
</section>
@@ -57,7 +57,7 @@ function compressImage() {
preview.src = url;
downloadLink.href = url;
downloadLink.style.display = 'block';
downloadLink.style.display = 'flex';
const imageSizeSpan = document.getElementById('imageSize');
const compressedSize = (blob.size / 1024).toFixed(2); // Convert bytes to kilobytes and round to 2 decimal places