FIRST CH TOOLS / 34 IMAGE RESIZER
Image Resizer & Cropper
Set image dimensions in pixels or by aspect ratio. Give just the long edge, crop to a ratio from the centre, or process a whole batch at once. Everything happens inside your own browser.
PNG is lossless, so the quality slider does not apply. JPEG cannot hold transparency, so padding is filled with white (or the colour you pick).
| File | Original | Output | Size |
|---|
How to Use
- Choose how to sizeLong edge, width, height or percentage — or give width × height to crop to a ratio.
- Add imagesDrag & drop PNG/JPEG/WebP files, or click to choose them. Processing starts right away.
- SaveSave one at a time, or take them all in a single ZIP. Change any setting and everything is redone automatically.
About This Tool
Photos for a website, a social header, a figure for a document — each use has a size it wants. This tool takes one instruction such as "long edge 1200px" and applies it to a whole batch, and it also crops to a ratio such as 16:9. Cropping is measured from the centre; choose "fit the whole image" instead and padding (transparent or a colour) is added so the result matches the frame exactly.
The work is done by the browser's Canvas, so no image is uploaded anywhere. Downscaling happens in halving steps, which keeps edges from going ragged even when an image shrinks a long way in one go. WebP output alone goes through the same libwebp (WebAssembly) used by the WebP converter, to avoid differences between browsers. Images are never enlarged past their original size unless you ask — enlarging cannot bring detail back.
Settings can also arrive as URL parameters (you still pick the files yourself). For example /en/resize/?mode=long&size=1200&format=image/webp&q=80, or for a ratio crop /en/resize/?mode=box&ratio=16:9&w=1600.
Other Tools
- 01WebP Converter画像→WebP一括変換
- 02White Background RemoverWhite BG Remover
- 03WCAG Contrast CheckerContrast Checker
- 04Character CounterCharacter Counter
- 05llms.txt Generatorllms.txt Generator
- 06JSON-LD GeneratorJSON-LD Generator
- 07Markdown → PDFMD → PDF
- 08OGP Meta Tag WizardOGP Wizard
- 09Favicon GeneratorFavicon Generator
- 10TikTok PublisherTikTok Publisher
- 11Encoding & Line Ending ConverterEncoding Converter
- 12Batch Image → AVIF ConverterAVIF Converter
- 13Test Data GeneratorTest Data Generator
- 14Marp Markdown → SlidesMarp Slides
- 15Text & Code Diff CheckerDiff Checker
- 16Cron Expression ExplainerCron Explainer
- 17Base64 & Data URI EncoderBase64 & Data URI
- 18URL Parameter Editor & UTM BuilderURL Parameters
- 19HTML Entity Escape & UnescapeHTML Escape
- 20JSON ⇄ YAML ConverterJSON ⇄ YAML
- 21PX ⇄ REM / EM ConverterPX ⇄ REM / EM 単位変換
- 22Color Converter & AlphaColorコード変換&アルファ透過
- 23MD5 / SHA-256 Hash Generatorハッシュ生成
- 24JWT Decoder & Expiry CheckerJWTデコーダー&有効期限チェッカー
- 25User-Agent ParserUser-Agent解析&デバイス判定
- 26UUID & ULID GeneratorUUID (v4) & ULID 一括生成
- 27Aspect Ratio Calculatorアスペクト比計算&サイズ算出
- 28Markdown Table & CSV/TSV ConverterMarkdownテーブル整形&CSV/TSV変換
- 29SQL Query FormatterSQLクエリフォーマッター&整形
- 30QR Code GeneratorQR Code Generator
- 31Regex Tester正規表現テスター
- 32Unix Timestamp ConverterUNIXタイムスタンプ⇄日時変換
- 33New Tab Memo — Chrome Extension新規タブメモ帳 Chrome拡張
- 35EXIF Viewer & RemoverEXIF情報の確認&除去
- 36robots.txt Generatorrobots.txt ジェネレーター
- 37Password Generator安全なパスワード生成
- 38Case Converter文字列ケース変換