#image-upload-container {
background-color: #2d72b9;
border: 2px dashed #ccc;
padding: 20px;
border-radius: 8px;
cursor: pointer;
transition: border-color 0.3s;
}
#image-upload-container:hover {
border-color: #007bff;
}
#image-upload {
display: none;
}
#image-upload-label {
font-size: 16px;
color: #fff;
}
input[type="range"] {
width: 100%;
margin: 10px 0;
}
#sizeLabel {
font-size: 16px;
color: #333;
margin-top: 10px;
}
input[type="button"] {
width: 100%;
background-color: #2d72b9;
color: #fff;
border: none;
border-radius: 4px;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s;
margin-top: 20px;
}
input[type="button"]:hover {
background-color: #218838;
}
input[type="button"]:disabled {
background-color: #ccc;
cursor: not-allowed;
}
#imagePreview img {
max-width: 100%;
margin-top: 20px;
border-radius: 4px;
}
#originalSize, #reducedSize {
font-size: 14px;
color: #666;
margin-top: 10px;
}
#downloadButton {
width: 100%;
display: none;
margin-top: 20px;
}
/* Loader styles */
.loader {
border: 4px solid rgba(0, 0, 0, 0.1);
border-left-color: #007bff;
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 1s linear infinite;
margin: 20px auto;
display: none; /* Initially hidden */
}
@keyframes spin {
to { transform: rotate(360deg); }
}
75 kB
Image Reducer Tool
Click to Upload Image
try other image dimensions
| 2KB | 5KB | 8KB |
| 10KB | 15KB | 16KB |
| 20KB | 25KB | 30KB |
| 35KB | 40KB | 45KB |
| 50KB | 55KB | 60 KB |
| 65 KB | 70 KB | 75 KB |
| 80 KB | 85 KB | 90 KB |
| 95 KB | 100 KB | 110 KB |
| 120 KB | 130 KB | 140 KB |
| 150 KB | 160 KB | 170 KB |
| 180 KB | 190 KB | 200 KB |
| 240 KB | 250 KB | 256 KB |
| 300KB | 350KB | 400KB |
| 450KB | 500KB | 600KB |
| 700KB | 800KB | 900KB |
| 1 MB (1024 KB) | 1.5 MB (1536 KB) | 2 MB (2048 KB) |
| 3 MB (3072 KB) | 4 MB (4096 KB) | 5 MB (5120 KB) |