はじめに:画像サイズの変更はあらゆる場面で必要
「証明写真のサイズを規定ピクセルに変更したい」「SNSのプロフィール画像を正方形にリサイズしたい」「Webサイトに掲載する画像を適切なサイズに縮小したい」——画像のサイズ変更(リサイズ)は、ビジネスでもプライベートでも頻繁に発生する作業です。
本記事では、画像サイズを変更する方法を、無料オンラインツール・PC標準機能・スマホアプリ別に解説し、用途別の最適サイズやSEOとの関係まで体系的に紹介します。
第1章:画像サイズ変更の基本
画像サイズとは
画像サイズには「ピクセル数(解像度)」と「ファイルサイズ(容量)」の2つの意味があります。
- ピクセル数:画像の縦横のドット数(例:1920×1080ピクセル)。表示の大きさを決める
- ファイルサイズ:画像のデータ量(例:2.5MB)。保存・送信時の容量に影響
「画像サイズ変更」は主にピクセル数の変更(リサイズ)を指し、「画像圧縮」はファイルサイズの削減を指します。
リサイズが必要な場面
- Webサイト掲載:表示サイズに合わせてリサイズし、ページ表示速度を改善
- SNS投稿:各プラットフォームの推奨サイズに合わせる
- 証明写真:規定のピクセル数・mm数に正確にリサイズ
- メール添付:大きすぎる画像を縮小してファイルサイズを削減
- 印刷:印刷サイズに合わせた解像度(300dpi推奨)にリサイズ
第2章:無料オンラインツールで画像をリサイズ
おすすめツール
iLoveIMG
ピクセル指定・パーセント指定の両方に対応。アスペクト比維持のオプションあり。一括リサイズにも対応。
ResizePixel
ピクセル単位で正確にリサイズ可能。PNG、JPG、GIF、WebP、TIFF、BMP対応。シンプルなUIで直感的に操作可能。
Adobe Express
SNS用のプリセットサイズ(Instagram正方形、Twitterヘッダー等)が用意されており、選択するだけで最適サイズにリサイズ。
Squoosh(Google製)
リサイズと圧縮を同時に実行可能。WebP/AVIF変換にも対応。圧縮前後の比較プレビュー付き。
基本的な手順
- ツールのWebサイトにアクセス
- 画像をアップロード
- サイズを指定(ピクセル数またはパーセント)
- アスペクト比の維持を選択(推奨)
- リサイズ実行→ダウンロード
第3章:PC標準機能でリサイズ
Windows(ペイント)
- 画像を右クリック→「ペイントで編集」
- 「サイズ変更」ボタンをクリック
- ピクセルまたはパーセントを選択してサイズ入力
- 「縦横比を維持する」にチェック→OK
- 名前を付けて保存
Mac(プレビュー)
- 画像をダブルクリックしてプレビューで開く
- 「ツール」→「サイズを調整」
- 幅・高さをピクセルで入力
- 「OK」→保存
第4章:スマホで画像をリサイズ
iPhone
標準の写真アプリにはリサイズ機能がないため、「画像サイズ」アプリ(無料)や「ショートカット」アプリのリサイズワークフローを使用します。
Android
「写真リサイズ」アプリ(無料)で簡単にリサイズ可能。一括処理にも対応。
第5章:用途別の最適画像サイズ
SNS投稿
- Instagram投稿:1080×1080px(正方形)、1080×1350px(縦長推奨)
- Instagramストーリー:1080×1920px
- X(旧Twitter)投稿:1200×675px
- Facebookカバー:820×312px
- YouTubeサムネイル:1280×720px
- LinkedIn投稿:1200×628px
Webサイト
- ヒーロー画像:1920×1080px(フルHD幅)
- ブログ記事のアイキャッチ:1200×630px(OGP対応サイズ)
- 商品画像:800〜1200px(長辺)
- サムネイル:300〜400px
renueでは、Webサイト開発においてNext.jsのImage Optimizationを活用し、srcset属性で複数サイズの画像を自動生成・デバイス最適配信する設計を標準実装しています。
第6章:リサイズの注意点
拡大はNG
小さい画像を拡大すると画質が劣化します(ピクセルが引き伸ばされてぼやける)。リサイズは基本的に「縮小」のみ行い、拡大が必要な場合はAIアップスケーラー(Topaz Gigapixel等)を使用します。
アスペクト比の維持
「縦横比を維持」オプションを有効にしないと、画像が縦長や横長に歪みます。必ず有効にしてください。
元画像の保管
リサイズ後の画像は元のサイズに戻せないため、オリジナル画像は別途保管しておくことを推奨します。
よくある質問(FAQ)
Q1: リサイズと圧縮の違いは?
リサイズはピクセル数(画面上の大きさ)を変更する操作、圧縮はファイルサイズ(データ量)を削減する操作です。リサイズすると結果的にファイルサイズも小さくなりますが、同じピクセル数のまま圧縮だけすることも可能です。
Q2: 解像度(dpi)とピクセルの違いは?
ピクセルは画像のドット数、dpi(dots per inch)は1インチあたりのドット数です。Web表示では72〜96dpiが標準、印刷では300dpiが推奨です。同じピクセル数でもdpiが高いほど物理的な印刷サイズは小さくなります。
Q3: 一括でリサイズできますか?
iLoveIMG、「縮小専用。」(Windows)、ImageMagick(CLI)等で複数画像の一括リサイズが可能です。
Q4: リサイズ後の画質は劣化しますか?
縮小の場合、ピクセル情報が減るため理論上は劣化しますが、適切なリサイズ(高品質リサンプリング)であれば目視でわからないレベルです。拡大は明確に劣化します。
Q5: 証明写真のサイズ指定はどうすればいいですか?
mm指定の場合はdpiを考慮してピクセル数に変換します。例:35mm×45mmを300dpiで→413×531ピクセル。ResizePixelやAdobe Express等でピクセル数を直接入力してリサイズしてください。
Q6: Webサイトの画像は何ピクセルが最適?
表示幅の2倍(Retina対応)が推奨です。例:表示幅600pxの画像→1200pxで保存。ただしsrcset属性で複数サイズを用意し、デバイスに応じて最適なサイズを配信するのがベストプラクティスです。
Webサイト最適化・画像配信の設計をご支援します
renueでは、Next.jsによるレスポンシブ画像の自動最適化、CDN経由の画像配信設計、Core Web Vitalsの改善を支援しています。Webパフォーマンスの最適化を、伴走型でサポートいたします。
無料相談はこちら →