logo
GeekFormat

画像切り抜き

画像をアップロードして切り抜きを開始

無料オンライン画像切り抜きツール。ドラッグ操作、固定比率、ピクセル精密入力の3つの切り抜き方式に対応。三分割法の補助線、リアルタイムマスクプレビュー、PNG/JPG形式出力(JPG品質調整可能)。すべてブラウザ内でローカル処理。プロフィール写真、証明写真、SNS投稿、EC商品写真の切り抜きに最適。

関連おすすめ

ユースケース

  • SNSプロフィール写真作成:1:1正方形比率で切り抜き、顔を三分割線の交点に配置
  • 証明写真の精密切り抜き:1インチ(295×413)、2インチ(413×579)などの標準ピクセル値を入力して正確に切り抜き
  • EC商品画像処理:Amazon/楽天/メルカリの商品メイン画像をプラットフォーム要件の比率で主体領域を切り抜き
  • ワイド動画サムネイル:16:9比率で切り抜き、YouTube/ニコニコ動画のサムネイル用に動画の主体を強調
  • 縦長ショート動画作成:9:16スマホ縦長比率で切り抜き、TikTok/Reels/Shortsの投稿要件に適合
  • PPT/プレゼンテーション画像:16:9または4:3比率で切り抜き、画像の引き伸ばし歪みを防止
  • スクリーンショットの重要部分切り抜き:長いスクリーンショットから必要な会話や重要領域だけを残し、不要部分を削除
  • 画像のウォーターマーク・縁取り除去:画像の端にあるウォーターマーク、ロゴ、不要な枠線領域を切り取り
  • 写真の構図再調整:撮影後に切り抜きで構図を再調整し、主体を黄金分割位置に移動
  • SNS投稿画像:各プラットフォームの表示比率で切り抜き、自動トリミングで重要な内容が切れるのを防止
  • シネマワイドスクリーンショット:21:9超ワイド比率で切り抜き、映画ワイドスクリーンの視覚効果を演出
  • ウェブ画像準備:適切な比率に切り抜いた後、画像圧縮ツールと併用してウェブの読み込み速度を最適化

特徴

  • ドラッグで切り抜き:マウスで切り抜き枠を移動、角をドラッグしてサイズ調整、WYSIWYGの操作感
  • 8種類の比率プリセット:自由切り抜き、1:1正方形、4:3、3:2、16:9ワイド、2:3、9:16縦長、21:9シネマスコープ
  • ピクセル精密制御:X/Y座標と幅・高さをピクセル値で入力して精密に切り抜き、厳格なサイズ要件に対応
  • 三分割法補助線:切り抜き枠内に3x3グリッドを表示、黄金分割点での構図作成をサポートし写真の美しさを向上
  • リアルタイムマスク表示:切り抜き領域外に半透明の黒マスクを表示、残す部分と削除する部分を視覚的に確認
  • 2形式出力:用途に応じてPNG(無劣化)とJPG(劣化あり)から選択可能
  • JPG品質調整:JPG出力時に圧縮品質を10-100%で調整、ファイルサイズと画質のバランスを調整
  • 四隅のハンドル:四隅すべてにドラッグハンドル、あらゆる方向から切り抜き枠をサイズ調整
  • 比率ロック:固定比率選択時はドラッグで拡大縮小してもアスペクト比を維持、歪みなし
  • 元サイズ表示:元画像サイズと現在の切り抜き領域サイズをリアルタイムで表示、比較に便利
  • 完全ローカル処理:すべての切り抜き操作はブラウザ内で完結、画像はサーバーにアップロードされずプライバシー安全
  • 一般的な形式に対応:PNG、JPG、WebP、GIFなどブラウザがサポートするすべての画像形式を開く可能
  • サンプル画像で体験:サンプル画像ボタンでアップロードなしですぐに機能を試用可能
  • レスポンシブデザイン:PC、タブレット、スマホで利用可能、モバイルはタッチ操作に最適化

使い方

  1. アップロード領域をクリックして画像ファイルを選択、または「サンプルを読み込む」ボタンで機能をすぐに体験
  2. 必要に応じて切り抜き比率を選択(自由/1:1/16:9/9:16など)、自由モードでは自由に調整可能
  3. 切り抜き枠をドラッグして位置を移動、四隅のハンドルをドラッグしてサイズ調整、ピクセル値を入力して精密制御も可能
  4. 出力形式(PNG/JPG)を選択、JPGの場合は品質調整、「切り抜いてダウンロード」をクリックして結果を保存

よくある質問

オンラインで画像の特定領域を切り抜くには?

画像をアップロード後、切り抜き枠の白い枠線をマウスでドラッグして位置を移動、四隅の白い四角をドラッグして領域サイズを調整します。切り抜き枠の外側の半透明黒色領域は切り取られる部分、枠内は残る部分です。調整後「切り抜いてダウンロード」ボタンをクリックして完了です。

1:1や16:9などの固定比率で切り抜けますか?

はい。8種類の一般的な比率プリセットを用意:自由切り抜き、1:1正方形(プロフィール写真に最適)、4:3(従来のカメラ・モニター)、3:2(一眼レフ)、16:9(ワイド動画/PPT/YouTube)、2:3(縦長写真)、9:16(スマホ縦長/TikTok/Reels)、21:9(シネマワイド)。該当する比率ボタンをクリックしてから切り抜き枠をドラッグすると、自動的にアスペクト比がロックされます。

画像の切り抜きとサイズ変更(リサイズ)の違いは?

両者はまったく異なる機能です:切り抜き(Crop)は画像の一部領域を切り取って端の部分を破棄し、構図と内容範囲を変更しますが、残した領域のピクセルは拡大縮小しません。サイズ変更(Resize)は画像全体を等倍で拡大縮小または引き伸ばし、すべての内容を残したまま全体のピクセルサイズを変更します。大きな画像を縮小しつつ内容をすべて残したい場合はサイズ変更ツールを使用してください。

プロフィール写真や証明写真の切り抜きに適していますか?

非常に適しています。プロフィール写真は1:1正方形比率を使用し、人物の顔を中央よりやや上に配置、三分割線で目の位置を合わせるとより良い効果が得られます。証明写真は各証明書のピクセルサイズ要件(例:1インチ295×413、2インチ413×579)を確認し、ピクセル入力欄に該当する幅・高さの値を直接入力して精密に切り抜いてください。

切り抜いた画像はサーバーにアップロードされますか?プライバシーは安全ですか?

まったくアップロードされません。画像の読み込み、切り抜きプレビュー、エクスポート・ダウンロードはすべてブラウザのCanvas APIを通じてローカルで実行され、画像データがネットワークを通じてサーバーに送信されることはありません。ページを閉じるとブラウザメモリ内の画像データは消去されるため、身分証明書、契約書のスクリーンショットなどプライバシーに敏感な画像も安全に処理できます。

切り抜き後の出力形式は?JPGは選べますか?

PNGとJPGの2形式に対応しています。デフォルトはPNG無劣化形式で、透明背景が必要な場合、スクリーンショット、テキスト画像、アイコンなどのシーンに適しています。JPG形式を選択すると圧縮品質(10-100%)を調整でき、写真系の画像でファイルサイズを小さくするのに適しています。JPG品質は80-92%の間に設定するのが推奨で、ファイルサイズは明らかに小さくなりますが肉眼ではほとんど画質の差がわかりません。

三分割法の補助線とは?使い方は?

三分割法(Rule of Thirds)は写真で最も古典的な構図法則です:画面を横2本・縦2本の線で平均的に9つのマスに分割し、主体を線の交点(黄金分割点)に配置すると、画面がよりバランスよく美しく見えます。切り抜き枠内の白い半透明線が三分割線です。構図時に人物の目、地平線、建物の輪郭などの重要な要素を線または交点に合わせてください。

9:16と16:9の比率はそれぞれどのような場面で使いますか?

16:9は横長ワイド比率で、コンピュータモニター、テレビ、YouTube/ニコニコ動画の横長動画、PPTプレゼンテーションの標準比率です。9:16は縦長比率で、スマホ縦長撮影、TikTok/ショート/リールの縦長動画、Instagram Stories、スマホフルスクリーンコンテンツの標準比率です。切り抜く前に投稿先プラットフォームが要求する比率を確認してください。

切り抜くと画質は低下しますか?

PNG出力は完全に無劣化で、切り抜き後の残り領域のピクセルは元画像と完全に一致し画質は損なわれません。JPG出力は再圧縮されるためわずかな画質低下がありますが、品質を85%以上に設定すれば肉眼では識別困難です。元画像と比較して、切り抜きは本質的に「切り取り」であり「圧縮」ではないため、JPG品質を低く設定しすぎない限り、切り抜き自体が目に見える画質低下を引き起こすことはありません。

指定したピクセルサイズに精密に切り抜くには?

左側設定パネルの「切り抜き領域ピクセル」入力欄に目標のW(幅)とH(高さ)のピクセル値を直接入力すると、出力サイズを精密に制御できます。XとYの値は切り抜き枠の左上角の開始座標位置を制御します。固定比率を選択済みの場合、幅を入力すると高さが自動的に比率計算され、逆も同様です。

WebPやGIFアニメーションは切り抜けますか?

WebPとGIF形式の画像は開けますが、注意点があります:GIFアニメーションは切り抜き後、最初のフレームのみが静的PNG/JPGとして出力され、アニメーション効果は保持されません。GIFアニメーションの切り抜きが必要な場合は専用のGIF編集ツールを使用してください。WebP形式の画像は正常に切り抜いてPNGまたはJPGとして出力できます。

切り抜き枠をドラッグすると比率が変わってしまうのはなぜ?

それは現在「自由」比率モードを選択しているためです。自由モードでは切り抜き枠のアスペクト比を自由に調整できます。固定比率を維持したい場合(例:1:1正方形が長方形に引き伸ばされないようにする)、該当する比率ボタン(1:1、16:9など)を先にクリックして比率をロックしてからサイズ調整してください。

切り抜いた画像ファイルはどこに保存されますか?

「切り抜いてダウンロード」ボタンをクリックすると、ブラウザが切り抜き後の画像を自動的にPCのデフォルトのダウンロードフォルダにダウンロードします。ファイル名はcropped_元のファイル名.png(または.jpg)となります。このツールはサーバーにファイルを一切保存せず、すべての一時データはブラウザを閉じると消去されます。

スマホで使えますか?タッチ操作はしやすいですか?

はい。ツールはレスポンシブデザインを採用しており、スマホブラウザでも正常に利用できます。左側設定パネルはモバイルでは上部ボタンに折りたたまれ、タップして展開します。切り抜き枠は指でドラッグして移動・ピンチでサイズ調整が可能。より広いプレビュー領域を得るため横画面モードでの操作を推奨します。

切り抜いた画像を続けて編集できますか?

はい。切り抜いた画像をダウンロード後、本ツールに再アップロードして再度切り抜くことも、他の画像ツール:サイズ変更(resize)、圧縮(compress)、形式変換(convert)、回転・反転(rotate-flip)、角丸(round-corner)、フィルター(filters)などを使用して追加処理することもできます。

画像切り抜きの原理と構図テクニック

画像切り抜きはデジタル画像処理で最も基本的かつ頻繁に使用される操作の1つです。本質的には元画像のピクセル行列から矩形領域のピクセルデータを切り出し、領域外のピクセルを破棄します。画像の拡大縮小(Resizing)とは異なり、切り抜きは残した領域のピクセル密度と画質を変化させず、単に画面の境界を再定義するだけです。この特性により、切り抜きは写真の構図を再調整する中心的な手段となっています。撮影時の構図が理想的でない場合でも、後処理での切り抜きにより写真の表現力を大幅に向上させることができます。

なぜ固定比率での切り抜きが必要なのでしょうか?異なる投稿プラットフォームや使用場面では、画像のアスペクト比に厳しい要件があります:LINE/Instagram/Twitterのプロフィール写真は1:1正方形でなければならず、TikTok/Reelsの縦長動画は9:16、YouTubeニコニコの横長動画とPPTは16:9、伝統的な写真プリントは3:2、映画は21:9です。比率が合わないと、プラットフォーム側で自動的に中央切り抜きや引き伸ばしが行われ、重要な内容が切れたり画面が歪んだりします。固定比率での切り抜きを使用すると、事前に対象プラットフォームの表示要件に適合させることができます。

三分割法構図法則は写真とビジュアルデザインで最も古典的な構図原則で、ルネサンス期にはすでに画家に広く使用されていました。原理は画面を水平方向と垂直方向にそれぞれ3等分し、9つのマスを形成します。4本の分割線の4つの交点は「黄金分割点」と呼ばれます。人間の目は自然とこれらの位置に引き寄せられるため、画面の主体(人物の目、地平線、建物の主体など)をこれらの位置または線上に配置すると、単純な中央構図よりも動きと視覚的なバランスが生まれます。本ツールに組み込まれた三分割補助線は、切り抜き時にこの法則を適用するのに役立ちます。

PNGとJPGの出力形式の選択:PNGは無劣化圧縮形式で透明背景をサポートし、アイコン、スクリーンショット、テキスト画像、再編集が必要な素材に適していますが、ファイルサイズは大きくなります。JPGは劣化あり圧縮形式で透明はサポートしませんが、品質パラメータで圧縮率を柔軟に制御でき、80-90%品質では肉眼ではほとんど差がわからずファイルサイズを60-80%削減できるため、写真系の画像に適しています。切り抜き後の画像をウェブ表示に使用する場合は、画質と読み込み速度のバランスを取るためJPG 85%品質を推奨します。スクリーンショット、ロゴ、透明背景が必要な場合はPNGを使用してください。

ブラウザローカル処理の重要性:多くのオンライン切り抜きツールは画像をリモートサーバーにアップロードして処理する必要があり、これは(ネットワーク帯域に依存して)遅いだけでなくプライバシー漏洩のリスクもあります。身分証明書の写真、契約書のスクリーンショット、個人の写真などの機密画像はアップロード後にキャッシュまたは悪用される可能性があります。本ツールはHTML5 Canvas APIを基盤に実装されており、すべてのピクセル操作はブラウザのメモリ内で実行されます。画像データがデバイスから離れることはなく、処理速度はPCのパフォーマンスにのみ依存し、オフラインでも使用できます。

精密ピクセル切り抜きの使用場面:ほとんどの場合ドラッグでの切り抜きで十分便利ですが、一部のプロフェッショナルな場面ではピクセル単位の精密な切り抜きが必要です:証明写真には厳格なピクセルサイズ要件があり(パスポート写真、試験申込写真など)、ECプラットフォームのメイン画像には統一されたサイズ規格があり(メルカリメイン画像800×800など)、UIデザインのアセット書き出しには正確なサイズが必要、ウェブの固定サイズバナーには厳格なピクセル一致が必要です。このような場合はX/Y/W/H入力欄に直接数値を入力するのが最も効率的で正確な方法です。

画質低下について:多くの人が切り抜きにより画質が低下することを心配しますが、実際にはPNG形式での切り抜きは完全に無劣化です。残された領域のすべてのピクセルは元画像と完全に同一で、圧縮やリサンプリングは一切行われません。JPG形式での切り抜き時には一度再圧縮が行われますが、品質パラメータを85%以上に設定すれば、この損失は通常の視聴距離では肉眼で識別できません。それと比較して、大きな画像を縮小してから拡大すると不可逆的な画質のぼやけが発生しますが、単純な切り抜きではそのようなことは起こりません。

术语表

アスペクト比(Aspect Ratio)
画像の幅と高さの比率関係で、通常W:H(幅:高さ)で表記されます。一般的な比率には1:1(正方形)、16:9(ワイド)、9:16(縦長)、4:3(従来モニター)、3:2(一眼レフ)、21:9(シネマワイド)などがあります。
三分割法(Rule of Thirds)
写真構図の基本法則で、画面を横2本・縦2本の線で9等分し、主体を分割線または交点に配置することで、画面をよりバランスよく視覚的に魅力的にします。
ピクセル(Pixel)
画像の最小単位である色のついた小さな点です。画像のピクセルサイズ=幅方向のピクセル数×高さ方向のピクセル数で、例えば1920×1080は幅1920ピクセル、高さ1080ピクセルを意味します。
PNG形式
Portable Network Graphics形式。無劣化圧縮でAlpha透明チャンネルをサポートし、アイコン、スクリーンショット、テキスト画像、ロゴなど鋭いエッジや透明背景が必要なシーンに適しています。
JPG/JPEG形式
Joint Photographic Experts Group形式。劣化あり圧縮で透明はサポートせず、品質パラメータ(0-100%)で画質とファイルサイズのバランスを取り、色彩豊かな写真系の画像に適しています。
Canvas API
HTML5が提供するブラウザ側の描画API。JavaScriptを通じてウェブページ上で動的に画像や図形を描画・ピクセル処理でき、完全ローカルでの画像処理を実現するコア技術です。
無劣化圧縮(Lossless)
圧縮後に元のデータを完全に復元でき、情報損失のない圧縮方式です。PNG、GIFは無劣化圧縮で、ピクセル精度が必要なシーンに適しています。
劣化あり圧縮(Lossy)
人間の目に感知されにくいデータを破棄することでファイルサイズを大幅に削減し、圧縮後に元のデータを完全に復元できない圧縮方式です。JPGは劣化あり圧縮で、品質が低いほど損失が顕著になります。
黄金分割点
三分割線の4つの交点位置で、画面の約1/3と2/3の位置にあり、人間の目が自然に注視する焦点位置です。画面の主体をこれらの位置に配置すると中央構図よりも美しく見えます。
マスクプレビュー(Mask Preview)
切り抜き枠の外側に表示される半透明の黒いマスクで、残す領域(鮮明な原色)と破棄する領域(暗化)を視覚的に区別し、切り抜きプロセス中に最終的な画面の境界効果を確認できるようにします。
DPI/PPI
1インチあたりのドット数/ピクセル数で、印刷解像度の単位です。画面表示はピクセルサイズのみを基準としDPIに関係ありません。切り抜きはDPI設定を変更せず、ピクセル数のみを変更します。
EXIFデータ
画像ファイルに埋め込まれたメタデータで、撮影機器、時間、GPS位置、カメラパラメータなどの情報が含まれます。Canvasがエクスポートする画像はEXIFデータを保持しないため、撮影位置のプライバシー保護に役立ちます。

8種類の切り抜き比率適用場面早見表

各種一般的なアスペクト比の代表的な適用場面は以下の通り:

比率名称方向代表的な適用場面
自由自由切り抜き任意比率制限なし、幅高さを自由に調整、縁取り除去、ウォーターマーク除去など非標準的な場面に適する
1:1正方形正方形LINE/Instagram/Twitterプロフィール、Instagram投稿、フリマメイン画像、商品写真
4:3標準スクリーン横/縦従来モニター、iPadスクリーン、古いテレビ、コンパクトカメラの写真
3:2カメラ標準横/縦一眼レフ/ミラーレスのデフォルト比率、6インチ写真プリント、写真作品
16:9ワイド横長HDTV/モニター、YouTube/ニコニコ動画、PPT、横長サムネイル
2:3縦長写真縦長縦長写真プリント、スマホ縦撮り写真、縦長ポスター
9:16縦長縦長TikTok/Reels/Shorts縦長動画、スマホフルスクリーン、Stories
21:9シネマワイド横長映画のスクリーンショット、ウルトラワイドモニター、シネマ比率、パノラマ感のある写真

一般的な証明写真標準サイズ対照表

証明写真を切り抜く際は該当するピクセル値を直接入力できます(300DPI印刷基準):

証明書タイプミリサイズピクセルサイズ(300DPI)比率
1インチ25×35295×413約5:7
小1インチ22×32260×378約2:3
2インチ35×49413×579約3:4
小2インチ35×45413×531約3:4
パスポート/ビザ33×48390×567約2:3
マイナンバー26×32358×441約4:5

JPG品質パラメータ選択ガイド

JPG出力選択時の品質パラメータと画質/サイズの関係:

JPG品質標準圧縮率画質の状態推奨場面
90-100%10-25%圧縮極めて高く、肉眼で元画像との差を完全に識別不能プロ写真、印刷出版、高品質アーカイブ
80-89%50-70%圧縮高く、通常使用ではほとんど差がわからないウェブ画像、SNS、日常共有(推奨)
60-79%70-85%圧縮中程度、よく見るとわずかな圧縮痕がある場合があるサムネイル、アバター、サイズ重視の場面
30-59%85-95%圧縮低く、明らかに見える圧縮アーティファクトがある非推奨、プレビューまたは極低帯域の場面のみ

Privacy & Security

本画像切り抜きツールのすべての操作はHTML5 Canvas APIを通じてブラウザローカルで実行されます。選択した画像ファイルがリモートサーバーにアップロードされることはなく、保存、キャッシュ、その他の目的に使用されることもありません。すべての画像処理はデバイスのメモリ内で行われ、ページを閉じるか更新すると一時データは自動的に消去されます。身分証明書、契約書のスクリーンショット、個人の写真などプライバシーに敏感なコンテンツも安心して処理できます。

Authoritative References

Troubleshooting

切り抜き後にダウンロードした画像がぼやける場合は?

以下を確認してください:1)JPG形式を選択している場合は品質スライダーを85%以上に上げる;2)切り抜き領域のサイズW×Hが小さすぎないか確認、切り抜き領域自体のピクセルが非常に小さい場合(100×100など)は拡大表示すると当然ぼやけて見えます;3)元画像と比較し、表示倍率が100%であることを確認してください。PNG出力は完全無劣化のため、最高画質が必要な場合はPNG形式を選択してください。

固定比率選択後、切り抜き枠を希望のサイズに調整できません?

固定比率モードではアスペクト比がロックされており、幅を調整すると高さが自動的に比率計算で変化し、逆も同様です。これは正常な動作であり、切り抜き結果が選択した比率に厳密に適合することを保証します。任意の幅高さ比を自由に調整したい場合は「自由」比率モードに切り替えてください。

画像をアップロードしても表示されません?

以下を確認してください:1)標準的な画像形式(JPG/PNG/GIF/WebP)をアップロードしているか、PSD、RAWなどの業務用形式には対応していません;2)画像ファイルが破損しておらず、システムの画像閲覧ソフトで正常に開けることを確認;3)ファイルサイズが大きすぎないか(20MB以内推奨);4)ページを更新して再アップロードすると通常解決します。

ダウンロードボタンをクリックしても反応がありません?

以下を確認してください:1)ブラウザがポップアップダウンロードを許可しているか、一部のプライバシー設定が自動ダウンロードをブロックしている場合があります;2)モダンブラウザ(Chrome、Firefox、Safari、Edge)を使用しているか;3)ブラウザのキャッシュをクリアしてページを更新し再試行してください。