Image Processor for Web Browser

In-browser JavaScript image processor.

Drop image file here or browse...

Or paste image from clipboard: OK No image

Options

Max width

Max height

Border: {{ options.border }}

Padding: {{ options.padding }}

Quality: {{ options.quality }}

Border color

Bg color

Output

Input image

name:: {{ input.file && input.file.name || 'N/A' }}
type:: {{ input.file && input.file.type || 'N/A' }}
image size:: {{ input.width || 'N/A' }} x {{ input.height || 'N/A' }}
file size:: {{ input.file && input.file.size | prettySize }}

Output image Download

name:: {{ output.file && output.file.name || 'N/A' }}
type:: {{ output.file && output.file.type || 'N/A' }}
image size:: {{ output.width && output.width }} x {{ output.height && output.height }}
file size:: {{ output.file && output.file.size | prettySize }}