<!DOCTYPE html>
<head>
<title>Compress Image</title>
</head>
<body>
<div>
<input id="image-input" type="file" accept=".jpg,.png,.jpeg,.jfif">
<script src="main.js"></script>
<div>
<img id="input-preview" alt="This is the preview of the image you are going to upload."/>
</div>
<div>
<img id="output-preview" alt="This is the compressed result of the image you will upload."/>
</div>
</div>
</body>