ツール ガイド
Media 無料 サインアップ不要

Photo Resizer & Compressor

Resize and compress images in the browser using Canvas API — by percentage, exact dimensions, or max dimension — with batch processing and ZIP download.

ツールを読み込み中…

このツールについて

Resize and compress photos entirely in your browser without uploading them to any server. Drag and drop one or multiple image files onto the upload area to add them to the batch queue. Three resize modes give you full control: Percentage mode scales images by a percentage of their original size (10–200%); Exact Dimensions mode sets a specific width and height; Max Dimension mode fits the longest side within a pixel limit while automatically maintaining proportions. The aspect ratio lock toggle keeps width and height proportional in Exact Dimensions mode — type either dimension and the other updates automatically. Choose the output format: JPEG and WebP support a quality slider (1–100) for fine-grained control over compression; PNG uses lossless compression. Each image in the queue shows a before/after comparison: the original filename, original dimensions and file size, and the estimated new dimensions and file size after processing. Click Process to apply the resize and compression to all images. Download individual processed images with a single click, or use the Download All as ZIP button to bundle all results into a single ZIP archive using JSZip. A progress bar tracks batch processing status.

使い方

  1. 1 Drag and drop images onto the upload area, or click 'Choose Files' to select one or more images.
  2. 2 Select a resize mode: Percentage, Exact Dimensions, or Max Dimension.
  3. 3 Choose the output format (JPEG, PNG, or WebP) and set the quality slider for JPEG/WebP.
  4. 4 Toggle 'Lock Aspect Ratio' to maintain proportions when entering exact dimensions.
  5. 5 Click 'Process All' to resize and compress every image in the queue.
  6. 6 Click the download icon on individual images or 'Download All as ZIP' to save the results.

よくある質問

{# Alpine.js — self-hosted. (The previous jsdelivr CDN tag had a stale SRI integrity hash, so the browser refused to run it and window.Alpine was never defined — silently breaking every FAQ accordion and Alpine tool.) #}