Image Resize

Resize images in the browser before upload. Set max width, height, quality, and output format.

What you should see: large photos are downscaled to fit 1920×1080 at quality 0.85 before upload — a 20 MB phone photo typically leaves as a few hundred KB. Watch the transferred size against the original.

Drag & drop files here, or paste from clipboard

<core-upload asp-upload-url="/api/upload/upload"
 asp-multiple="true"
 asp-extensions=".jpg,.jpeg,.png,.webp"
 asp-max-size="20MB"
 asp-resize-max-width="1920"
 asp-resize-max-height="1080"
 asp-resize-quality="0.85"
 asp-auto-upload="true"
 asp-progress="true"
 asp-thumbnails="true"
 asp-button-text="Select Images to Resize">
</core-upload>

Shrinking before the upload

asp-resize-max-width and its height counterpart bound the image in the browser, so a phone photo never reaches your server at full size — and never counts against a request-size limit. Aspect ratio is preserved: the maximums are a bounding box, not a target.

Where the saving comes from

Mostly resolution rather than quality. A 4000 px photo shown in a 600 px box is carrying pixels nobody will see, and bounding the dimensions saves far more than lowering the JPEG quality would — while being much less visible.

Resizing is lossy and irreversible. Where the original matters — archival, print, anything legal — upload it as it is and derive smaller versions on the server.