無料オンライン画像リサイズ・切り抜きツール
画像をここにドロップ、またはクリックして選択
対応フォーマット: JPEG, PNG, WebP, GIF, BMP, TIFF
ウェブサイト、ブログ記事、オンラインストア、SNSキャンペーンなど、どんな用途であっても、画像のサイズを正しく整えることは作業の中でも特に重要なステップです。画像が大きすぎるとページの読み込みが遅くなり、帯域幅も無駄になります。逆に小さすぎる画像を無理に引き伸ばすと、ぼやけて見た目も安っぽくなってしまいます。この無料のオンライン画像リサイズツールを使えば、ピクセル単位で正確なサイズを指定できるので、どんな画像もぴったり収まる形に仕上げられます。
画像サイズを適切に整えることは、検索エンジン最適化(SEO)にも直結します。検索エンジンはページの表示速度をランキングの評価基準に組み込んでおり、サイズが大きすぎる画像はページの読み込みが遅くなる最も一般的な原因の一つです。レイアウトに必要な正確なサイズに画像をリサイズすれば、見た目の画質を損なうことなくファイルサイズを削減でき、読み込み速度の向上や検索順位の改善につながります。
このツールはすべてブラウザ内で完結します。画像がサーバーにアップロードされることは一切ないため、プライバシーの心配もなく、外部APIによるファイルサイズ制限もありません。アップロードやダウンロードの待ち時間も発生しません。処理はHTML5 Canvas APIを使ってお使いの端末上で瞬時に行われるため、大きな画像でもミリ秒単位で結果が得られます。
SNSの各プラットフォームには、それぞれ推奨される画像サイズがあります。サイズを間違えると不自然なトリミングやぼやけた画像、画面スペースの無駄が発生することがあります。主要プラットフォームの現在の推奨サイズは以下の通りです。
画像解像度とは、画像の各辺に含まれるピクセル数のことです。1920x1080の画像にはおよそ200万ピクセルが含まれています。ピクセル数が多いほど表現できるディテールは増えますが、ファイルサイズも大きくなります。ウェブ用途では、画面上の表示エリア以上のピクセル数はほとんど必要ありません。標準的なディスプレイで幅1200ピクセルで表示されるヒーローバナーであれば、ファイル自体も幅1200ピクセルあれば十分で、それ以上のピクセルはすべて無駄なデータになります。
高DPI(Retina)ディスプレイに対応するには、表示サイズの2倍で画像を書き出すのが一般的です。バナーの表示幅が600ピクセルなら、Retina画面でも鮮明に見えるように幅1200ピクセルで書き出します。ただしこれによりファイルサイズは2倍になるため、鮮明さとパフォーマンスのどちらを優先するかは、想定するユーザー層によって判断する必要があります。
JPEGやWebPの画質設定は、画像をどの程度強く圧縮するかを制御します。画質100%ではほとんど圧縮の跡が見えませんが、ファイルサイズは大きくなります。80〜90%であれば、ほとんどの人には圧縮によるノイズが気づかれないレベルでありながら、ファイルサイズは40〜60%削減されます。70%を下回ると、特にグラデーションや細かい文字がある部分でノイズが目立つようになります。
リサイズは画像全体のピクセルサイズを変更する操作です。4000x3000の画像を2000x1500にリサイズした場合、元画像のすべての要素はそのまま保持され、解像度だけが半分になります。アスペクト比は変わらず(この例では4:3のまま)、フレームから何かが削られることもありません。
トリミングは画像の一部を切り取ることで、構図やアスペクト比を変える操作です。4000x3000の横長画像を3000x3000にトリミングする場合、両端から合計1000ピクセルを切り取って正方形の構図を作ることになります。横長の写真を正方形のInstagram投稿や縦長のPinterestピンに変えるなど、アスペクト比そのものを変更したい場合にはトリミングが欠かせません。
多くの作業フローでは、まずトリミングで構図とアスペクト比を整え、その後に必要な正確なピクセルサイズへリサイズするのが最適な手順です。このツールはどちらの操作にも対応しているため、一度の作業で理想的な仕上がりを実現できます。
このツールは、入力フォーマットとしてJPEG、PNG、WebP、GIF、BMP、TIFFといった一般的なウェブ画像フォーマットにすべて対応しています。出力はJPEG、PNG、WebPから選択できます。写真にはJPEG、透明度や輪郭のシャープさが必要なグラフィックにはPNG、そのどちらにも優れた圧縮率を発揮するのがWebPです。
縮小(画像を小さくする)は、余分なピクセルを間引くだけなので基本的に画質はよく保たれます。ブラウザは高品質なバイキュービック補間を使って鮮明な結果を生成します。一方、拡大(画像を大きくする)は元画像に存在しなかった新しいピクセルを生成する必要があるため、画質が低下することがあります。最良の結果を得るには、常に解像度がなるべく高い元画像から始めることをおすすめします。
アスペクト比とは、画像の幅と高さの比率のことです。代表的なアスペクト比には、16:9(ワイドスクリーン動画)、4:3(従来型の写真)、1:1(正方形)、9:16(縦長・ストーリー)などがあります。アスペクト比を維持したまま画像をリサイズすると、比率がそのまま保たれ、画像が引き伸ばされたり潰れたりして見えることはありません。
幅と高さの入力欄の間にあるチェーンリンクのアイコンをクリックすると、アスペクト比をロックできます。ロックした状態でどちらかのサイズを変更すると、元の比率を保つようにもう片方が自動で計算されます。これにより画像が歪むのを防げます。横長の画像を正方形に変えるなど、比率にとらわれない特定のサイズが必要な場合は、先にアスペクト比のロックを解除してください。
ほとんどのウェブサイトでは、ヒーロー画像は幅1200〜1920ピクセルが目安です。ブログ記事の画像は幅800〜1200ピクセルがちょうどよいでしょう。サムネイルは通常幅300〜400ピクセル程度です。ECサイトの商品画像は、長辺で1000〜2000ピクセル程度が一般的です。不要に大きなファイルを読み込ませないよう、画像サイズは常にレイアウト上の実際の表示サイズに合わせましょう。
印刷には画面表示よりもはるかに高い解像度が必要です。標準は300DPI(1インチあたりのドット数)です。A4サイズ(8.27×11.69インチ)で印刷するには、少なくとも2480x3508ピクセルの画像が必要です。4x6インチの写真プリントには1200x1800ピクセル、24x36インチのポスターには7200x10800ピクセルが必要になります。印刷用の作業では、可能な限り解像度の高い元画像を使用してください。
DPI(1インチあたりのドット数)とPPI(1インチあたりのピクセル数)は、印刷したときに1インチにどれだけのピクセルやドットが収まるかを示す数値です。画面はピクセルサイズをもとに画像を表示し、物理的なサイズは関係ないため、ウェブ画像においてDPI/PPIはほとんど意味を持ちません。1200x800の画像は、72DPIで保存されていても300DPIで保存されていても、画面上では同じように表示されます。DPIが意味を持つのは印刷するときだけで、数値が高いほど印刷物の仕上がりがより鮮明になります。
画像のピクセルサイズを大きくすることは可能ですが、元画像に存在しないピクセルデータを補間(推測)して生成するため、仕上がりが甘くぼやけた印象になることがあります。単純な拡大処理は、元のサイズの150%程度までの軽い拡大であれば問題なく使えます。大幅な拡大が必要な場合は、当サイトで提供している画像アップスケーラーのように、AIでディテールをインテリジェントに再構成できるツールの利用を検討してください。
すべての処理がブラウザ内でローカルに行われるため、厳密なファイルサイズの上限はありません。ただし、非常に大きな画像(50〜100メガピクセル以上)は、パフォーマンスの問題やブラウザのメモリ制限に引っかかる場合があります。一般的なコンシューマー向けカメラで撮影された12〜50メガピクセル程度の画像であれば、このツールは問題なく処理できます。極端に大きなファイルで動作が遅いと感じた場合は、まず段階的に小さくリサイズしてみてください。
現在このツールは、それぞれの結果を細かく調整できるよう、一度に1枚の画像を処理する仕様になっています。複数枚をリサイズしたい場合は、順番に処理していく形になりますが、1枚あたりの処理は数秒しかかかりません。画像をアップロードしてサイズを設定し、リサイズしてダウンロード、それを次の画像で繰り返すだけです。すべての画像を同じサイズにしたい場合は、プリセットボタンを使えば一度サイズを設定するだけで済むため、作業がスムーズに進みます。
いいえ。すべての処理は、クライアントサイドのJavaScriptとHTML5 Canvas APIを使って、お使いのウェブブラウザ内だけで完結します。画像がお使いの端末から外に出ることはありません。データがサーバーに送信されることもないため、画像のプライバシーは完全に守られます。またこの仕組みにより、ページを一度読み込んだ後はオフラインでも動作し、サーバーのアップロード制限によるファイルサイズの制約もありません。
補間処理とは、画像をリサイズする際に新しいピクセル値を計算するための数学的な手法です。縮小するときは、アルゴリズムがどのピクセルを残し、隣接するピクセルをどう混合するかを決定します。拡大するときは、周囲のデータをもとに新しいピクセルがどのような値になるべきかを推定します。このツールはブラウザに組み込まれた高品質なバイキュービック補間を使用しており、ノイズを最小限に抑えた滑らかな仕上がりを実現します。
写真や色数の多い画像には、画質85〜90%のJPEGがサイズと画質のバランスに最も優れています。文字、ロゴ、スクリーンショット、透明度を含む画像にはPNGを使いましょう。モダンブラウザに対応していて全体的な圧縮率を重視するならWebPがおすすめで、同等の見た目の画質でもJPEGより25〜35%小さいファイルサイズになります。WebPは透明度にも対応しているため、汎用性の高い選択肢と言えます。
はい。この画像リサイズツールは完全にレスポンシブ対応しており、スマートフォンやタブレットでも利用できます。カメラロールから画像をアップロードし、プリセットを適用したり、カスタムサイズを設定したりして、結果をダウンロードできます。トリミング機能はタッチ操作にも対応しています。非常に大きな画像を処理する場合、古いモバイル端末では動作がやや遅くなることがありますが、通常サイズの写真であれば瞬時にリサイズされます。
PNGまたはWebPとして出力する場合、透明度はそのまま保持されます。元画像に透明な背景がある状態でJPEGとして出力すると、JPEGは透明度に対応していないため、透明だった部分がブラウザに応じて白や黒などの単色で塗りつぶされます。透明な部分を維持したい場合は、必ずPNGまたはWebPとして出力してください。
最も一般的なサイズは以下の通りです。Instagram投稿 1080x1080、Instagramストーリー 1080x1920、Facebook投稿 1200x630、Facebookカバー 820x312、Twitter/X投稿 1200x675、Twitter/Xヘッダー 1500x500、LinkedIn投稿 1200x627、LinkedInバナー 1584x396、YouTubeサムネイル 1280x720、Pinterestピン 1000x1500、TikTok動画カバー 1080x1920。これらはすべて、このツール内でワンクリックのプリセットとして利用できます。
ほとんどのメールサービスでは、添付ファイルの合計サイズが20〜25MBまでに制限されています。メールマガジンに埋め込む画像は、どのメールクライアントでも素早く表示されるよう、1枚あたり200KB未満に抑えましょう。画像はメールテンプレート内の実際の表示幅(通常は幅600〜800ピクセル)にリサイズし、画質80%のJPEGとして出力してください。これによりファイルサイズはおよそ50〜150KBとなり、モバイル回線が遅い環境でも素早く表示されます。
JPEGやWebPのような非可逆フォーマットは、ファイルサイズを小さくするために圧縮の過程で一部の画像データを破棄します。破棄されるデータは見た目にできるだけ気づかれないよう選ばれますが、一部の画質は元に戻せない形で失われます。一方PNGのような可逆フォーマットは、元のピクセルデータをすべて正確に保持するため、ファイルサイズは大きくなりますが画質は完全に維持されます。リサイズという操作自体はフォーマットの圧縮とは別物で、画質の低下はリサイズのアルゴリズムではなく出力フォーマットに起因します。
このツールは、デスクトップ・モバイルを問わず、Chrome、Firefox、Safari、Edge、Operaといったすべてのモダンブラウザで動作します。動作にはHTML5 Canvas APIとFile APIへの対応が必要ですが、これらは2015年以降、主要ブラウザすべてでサポートされています。WebPの出力はChrome、Firefox、Edge、Safari 14以降に対応しています。古いブラウザをお使いの場合でも、JPEGとPNGの出力は問題なく動作します。
ブラウザでページが完全に読み込まれた後は、すべての処理がローカルで行われるため、リサイズの基本機能はインターネット接続なしで利用できます。ただし、ページ本体やフォント、ナビゲーション要素などを最初に読み込むためには、インターネット接続が必要です。オフラインでの画像リサイズが頻繁に必要な場合は、多くのブラウザにある「名前を付けてページを保存」機能を使ってページを保存しておくとよいでしょう。