DT
DevToolKit
Clearly labeled tools
Tools
Workspaces
Resources
Browse tools
DT
DevToolKit
Practical PDF, image, developer, and everyday tools

Clearly labeled processing for everyday tasks.

Core processing runs in the browser for most tools. Server-backed and external-provider workflows are labeled separately. Basic tools are available without signup; individual limits vary by tool.

46 unique tools4 workspacesNo signup for basic tools
Browse toolsTrust Center
Tools
All toolsPDF workspaceImage studioDeveloper workbenchGeneral tools
Product
BlogSupportContact
Company
AboutTrust CenterPrivacy PolicyTerms of Use

© 2026 DevToolKit. Practical PDF, image, developer, and everyday tools with clearly labeled processing.

In-browserServer-backedExternal preview
amanhirut32@gmail.com
HomeToolsImageImage Resizer

Image Resizer

  • In-browser
  • No signup
  • Exact dimensions

Resize a JPG, PNG, or WebP image by exact dimensions, percentage, or common web and social presets.

Core processing runs in your browser and does not upload this file for the task.

Preparing the editor...

The guide and instructions on this page are available while the tool loads.

Continue your workflow

  • Image CompressorReduce an image’s file size. Resizer scales pixel dimensions; it does not compress for a smaller encoded size.
  • Image ConverterRe-encode JPG, PNG, WebP, or AVIF. Resizer can export JPEG, PNG, or WebP of the resized image; it is not a dedicated format converter.
  • Image CropperFrame a rectangular region. Resizer scales the entire frame; it does not crop.

What this tool does

Image Resizer draws the decoded image to a new pixel size and re-encodes it. AVIF is not in the allow list.

When to choose it instead of a similar DevToolKit tool

  • Use this for percentage scale, do-not-enlarge, or social pixel presets.
  • Use Crop when you need a framed region, not a full-frame scale.
  • Use Compressor when quality and format matter more than named presets.

Typical jobs this page is built for

  • Scale a photo to 50% without enlarging a small source.
  • Fit inside 1080×1080 or 1280×720 without stretching when keep aspect ratio is on in preset mode.
  • Export {base}-resized.webp while keeping do-not-enlarge on.

Supported inputs, limits, and output behavior

Input
One JPG, PNG, or WebP, 20 MB.
Modes
Pixels; percent (presets 25/50/75, default 50); presets 1080×1080, 1080×1920, 1280×720, 1920×600, 512×512.
Output
{base}-resized.jpg|.png|.webp depending on format.

How the transformation actually works

resizeImageInBrowser uses calculateTargetDimensions, then canvas drawImage. JPEG fills backgroundColor (default #ffffff). Original format follows the source MIME when it is jpeg/png/webp.

Step-by-step workflow

  1. Upload one image.
  2. Pick Pixels, Percent, or Preset.
  3. Enter the size for that mode.
  4. Leave Maintain aspect ratio and Do not enlarge if smaller on unless you mean to turn them off.
  5. Pick an output format.
  6. Click Resize image.
  7. Read the reported width×height on the download.

What can change in the output

This always re-encodes. Turning off do-not-enlarge allows upscaling, which interpolates new pixels. Turning off keep aspect ratio in pixels mode with one missing side uses the original for the empty side.

Known limitations and failure cases

  • Quality is not user-adjustable (0.92 for JPEG/WebP).
  • Presets are exact pixel boxes, not platform upload guarantees.
  • AVIF and HEIC are not accepted.

Privacy / where data goes

Resize and export run in the browser. The image is not posted to a resize API. Identified analytics may include byte counts, mode, and output dimensions, not the pixel contents.

Practical output-review checklist

  • Read the reported output width×height.
  • Check JPEG flattening of transparency.
  • Confirm you did not accidentally stretch with both pixel fields.
  • If you turned off do-not-enlarge, inspect upscaled edges for interpolation.

Frequently asked questions

If keep aspect ratio is on and I type both width and height, which wins?

In pixels mode with both values set, calculateTargetDimensions uses those two numbers even when keepAspectRatio is true. The lock mainly fills in the missing side when only one dimension is typed. Preset mode with keepAspectRatio fits inside the preset box without stretching.

What does do not enlarge do?

doNotEnlarge (default on) scales the target down so neither side exceeds the source. Turning it off allows upscaling, which interpolates new pixels. Both keep aspect ratio and do not enlarge default on.

Is output quality adjustable?

No. JPEG and WebP encode at fixed quality 0.92. PNG omits a quality argument. Original format follows the source MIME when it is jpeg/png/webp. AVIF and HEIC are not accepted.

What are the named presets?

1080×1080, 1080×1920, 1280×720, 1920×600, and 512×512. They are exact pixel boxes, not platform upload guarantees. Percent mode has 25/50/75 shortcuts and defaults to 50.

Related guides

Longer reads that pair well with this tool.

Image guide

How to Prepare Images for Websites and Documents

A practical image-preparation workflow: choose the required format, set dimensions, review processing labels, and inspect the exported file before sharing.

Image guide

How to Remove an Image Background Online

Use DevToolKit's server-backed, AI-assisted Background Remover with supported files, subject presets, browser-side export controls, and clear review steps.

Image guide

How to Convert Images for Websites

Convert one supported image at a time, review transparency and dimensions, then test the exported file in the destination that needs it.

Related tools

Common next steps after using this tool.

Image Compressor

Compress a JPG, PNG, WebP, or AVIF image with format, quality, and optional resize controls.

Image Converter

Decode a supported image and re-encode it to JPG, PNG, WebP, or AVIF with quality, transparency, and optional resize controls.

Image Crop

Select a rectangular region from one JPG, PNG, or WebP with aspect presets, pixel coordinates, and format-aware export.

PNG to WebP Converter

Decode a PNG and re-encode it as WebP with adjustable quality, optional proportional downscaling, and visual comparison.

Explore more in Image

Browse related tools or open the full workspace.

Image workspaceAll tools