Image Resizer — Resize Images by Pixel Dimensions
Resize images to exact pixel dimensions in your browser. Aspect ratio lock option. Download as PNG.
Drop image to resize
or click to select
About Image Resizer — Resize Images by Pixel Dimensions
Image Resizer resizes JPEG, PNG, WebP, and GIF images to any custom width and height, with options to maintain aspect ratio. Works entirely in your browser — no upload required, instant download.
How to Use
- 1Click "Select Image" or drag and drop your image file onto the tool.
- 2Enter the target width and/or height, choosing whether to maintain aspect ratio.
- 3Click "Resize" and download the resized image.
Features
- Resize images to any dimensions while preserving aspect ratio
- Supports JPEG, PNG, WebP, and GIF formats
- Fully browser-based — no file upload to servers
- Instant preview and one-click download
画像リサイズの基礎と適切なサイズの選び方
画像リサイズは単に小さくするだけでなく、用途に合った最適なサイズにすることが重要です。大きすぎる画像はページ読み込みを遅くし、小さすぎるとRetina（高解像度）ディスプレイで粗く見えます。目的に合わせた適切なサイズを選ぶことがポイントです。
Webサイト・ブログ用の推奨サイズ
ブログのアイキャッチ・サムネイル画像は横幅1200px（高さは4:3比で900px、または16:9比で675px）が汎用的です。ヘッダー画像は横幅1920pxまでが一般的ですが、ファイルサイズを抑えるために実際の表示領域に合わせてください。インライン本文画像は横幅700〜800pxが目安です。Retinaディスプレイ対応を意識するなら表示幅の2倍のサイズを用意しましょう。
SNS・OGP画像の推奨サイズ
OGP画像（FacebookやX/TwitterのSNSシェア時に表示）は1200×630px（横長・2:1比）が標準です。Instagramの投稿は正方形1080×1080px、縦長は1080×1350px（4:5比）、横長は1080×566px（1.91:1比）です。X（旧Twitter）のヘッダーは1500×500px、プロフィール画像は400×400pxが推奨されています。
ダウンロード・印刷用画像のサイズ
メール添付や共有用のダウンロード画像はファイルサイズを優先して横幅1000〜1500px程度が実用的です。印刷物に使用する場合は解像度（dpi）も重要で、300dpiが印刷品質の基準です。A4用紙フルサイズ（210mm×297mm）を300dpiで印刷するには約2480×3508pxが必要になります。
リサイズ時の形式選択とパフォーマンス最適化
サイズを調整するだけでなく、出力形式の選択もWebパフォーマンスに大きく影響します。WebPへの変換を組み合わせることで、さらなるファイルサイズ削減が可能です。
出力形式の選び方（PNG・JPEG・WebP）
JPEGは写真・グラデーション豊富な画像に適しており、透過が不要でファイルサイズを小さくしたいときに選びます。PNGはロゴ・アイコン・スクリーンショットなど透過（アルファチャンネル）が必要な場合や、鮮明なエッジが必要なときに選びます。WebPは両方の長所を持ち、JPEGより約25〜35%小さいサイズで同等の画質を実現します。主要ブラウザで完全対応済みのため、特別な理由がなければWebPを推奨します。
レスポンシブ画像のための複数サイズ生成
Webサイトのレスポンシブデザインでは、デバイスの画面サイズに応じて異なる画像サイズを配信するsrcset属性が有効です。代表的なブレークポイントに合わせて画像を複数サイズ（320px・640px・1200px・1920pxなど）用意すると、モバイルでの無駄なデータ転送を防げます。このツールで各サイズを個別に生成してください。
ファイルサイズの目安とチェック方法
Webサイト掲載画像のファイルサイズ目安：サムネイル（300px以下）は20〜50KB、本文画像（700〜800px）は50〜100KB、ヒーロー画像（1200px以上）は100〜300KBを目標にしましょう。GoogleのPageSpeed Insightsで「適切なサイズの画像」の指摘がある場合、このツールでリサイズ後に画像圧縮ツールで圧縮するとさらに効果的です。
FAQ
- Will resizing reduce image quality?
- Enlarging an image beyond its original size can reduce quality. Reducing size generally maintains quality. Use the JPEG quality setting to balance file size and clarity.
- Does resizing change the file format?
- By default the output format matches the input. You can change the output format using the format selection option.
- What is the maximum file size supported?
- Images under 20MB work best in most browsers. Very large files may be slow due to browser memory limits.
- What is the difference between resampling and resizing?
- Resizing changes the display dimensions or metadata without changing the actual pixel data (used in HTML width/height attributes or CSS). Resampling changes the actual pixel data by adding or removing pixels. When you resize an image smaller, resampling algorithms (bilinear, bicubic, Lanczos) decide how to combine removed pixels. Lanczos resampling produces the sharpest results for downscaling. This tool performs actual resampling when you change the pixel dimensions.
- Will resizing an image affect its SEO?
- Yes. Large images are a major cause of slow page load times, which directly impacts Core Web Vitals (LCP — Largest Contentful Paint) and search rankings. Google recommends serving images at the size they are displayed — a 1200px wide image displayed in a 400px container wastes bandwidth. Resize images to their display dimensions, serve WebP format, and use responsive images (srcset) to serve different sizes for different screen widths. Google PageSpeed Insights flags oversized images as a specific opportunity.
Found a bug or something not working as expected?
Report a bug →