MENU
  • 企業情報– About –
    • Ailesystem「30周年記念」
    • 健康経営の取り組み
    • アクセス
    • 採用情報– Recruit –
  • システム開発– System –
    • 開発製品紹介
      • アプリ更新履歴– Update –
        • UNIPro2
        • Progress21
        • B-POP
    • Kintoneでシステム開発
    • 業務自動化支援「ラクゴト」スプレッドシートで業務をシンプルに自動化
    • 業務管理システム C-HUB
  • Web制作– Web Service –
    • レイスタープランRaystar
    • モナルミナプラン
    • シャレースプラン
    • メンテナンスサービス
    • フローメイト|情報収集システム
    • SNS広告・SNS運用
    • マニュアル
  • ツール– Browser tool –
    • 便利ツール
    • Web制作ツール
    • 音楽体験ツール
  • ゲーム– Game –
  • 制作実績– Works –
    • ホームページ
    • システム
    • ソフトウェア
  • ブログ– Blog –
    • AI
    • WordPress
    • Webデザイナー入門
    • シロクマシリーズ
  • お問合せ– contact –
    • ゲーム関連フィードバック
  • ショップ– Online Shop –
    • ソフトウェア(買い切り)
    • 専用用紙
  • – cart –
株式会社エールシステム|長野県小諸市のWeb制作・システム開発
  • 企業情報– About –
    • Ailesystem「30周年記念」
    • 健康経営の取り組み
    • アクセス
    • 採用情報– Recruit –
  • システム開発– System –
    • 開発製品紹介
      • アプリ更新履歴– Update –
        • UNIPro2
        • Progress21
        • B-POP
    • Kintoneでシステム開発
    • 業務自動化支援「ラクゴト」スプレッドシートで業務をシンプルに自動化
    • 業務管理システム C-HUB
  • Web制作– Web Service –
    • レイスタープランRaystar
    • モナルミナプラン
    • シャレースプラン
    • メンテナンスサービス
    • フローメイト|情報収集システム
    • SNS広告・SNS運用
    • マニュアル
  • ツール– Browser tool –
    • 便利ツール
    • Web制作ツール
    • 音楽体験ツール
  • ゲーム– Game –
  • 制作実績– Works –
    • ホームページ
    • システム
    • ソフトウェア
  • ブログ– Blog –
    • AI
    • WordPress
    • Webデザイナー入門
    • シロクマシリーズ
  • お問合せ– contact –
    • ゲーム関連フィードバック
  • ショップ– Online Shop –
    • ソフトウェア(買い切り)
    • 専用用紙
  • – cart –
株式会社エールシステム|長野県小諸市のWeb制作・システム開発
  • 企業情報– About –
    • Ailesystem「30周年記念」
    • 健康経営の取り組み
    • アクセス
    • 採用情報– Recruit –
  • システム開発– System –
    • 開発製品紹介
      • アプリ更新履歴– Update –
        • UNIPro2
        • Progress21
        • B-POP
    • Kintoneでシステム開発
    • 業務自動化支援「ラクゴト」スプレッドシートで業務をシンプルに自動化
    • 業務管理システム C-HUB
  • Web制作– Web Service –
    • レイスタープランRaystar
    • モナルミナプラン
    • シャレースプラン
    • メンテナンスサービス
    • フローメイト|情報収集システム
    • SNS広告・SNS運用
    • マニュアル
  • ツール– Browser tool –
    • 便利ツール
    • Web制作ツール
    • 音楽体験ツール
  • ゲーム– Game –
  • 制作実績– Works –
    • ホームページ
    • システム
    • ソフトウェア
  • ブログ– Blog –
    • AI
    • WordPress
    • Webデザイナー入門
    • シロクマシリーズ
  • お問合せ– contact –
    • ゲーム関連フィードバック
  • ショップ– Online Shop –
    • ソフトウェア(買い切り)
    • 専用用紙
  • – cart –
  1. ホーム
  2. ブログ
  3. Web知識
  4. 【無料】画像切り抜きツール QuickCrop|ブラウザで比率を決めて切り抜く

【無料】画像切り抜きツール QuickCrop|ブラウザで比率を決めて切り抜く

2026 10/30
2026年10月30日
QuickCrop の画面。切り抜き方法は「手動切り抜き(選択枠ドラッグ&リサイズ)」、アスペクト比は「自由(制限なし)」が選ばれ、読み込んだ写真の上に、角と辺につまみの付いた四角い枠が出ている

ブログのアイキャッチや SNS に出す写真を、正方形や 16:9 にそろえたいとき。写真をそろえるためだけに画像編集のソフトを開くのは、少し手間です。

比率を守ったまま切るには、縦と横の長さを合わせながら、切る範囲を決める必要があります。

この記事では、画像を好きな範囲や決まった比率で切り抜き、PNG で保存できる無料ツール「QuickCrop(画像切り抜き専用ツール)」の使い方をご紹介します。

QuickCrop を使ってみる
目次

「QuickCrop」とは

QuickCrop は、画像を読み込んで、好きな範囲や決まった比率で切り抜き、PNG で保存できる無料のブラウザツールです。

読み込める画像は JPG と PNG です。切り方は「手動切り抜き(選択枠ドラッグ&リサイズ)」「比率指定で自動切り抜き」「数値指定切り抜き」の3つ。比率は「自由(制限なし)」のほかに、1:1・16:9・4:3・3:2・2:3・9:16・5:4 から選べます。

このツールは、読み込んだ画像をサーバーに送らず、ブラウザの中で切り抜きます。会員登録は要りません。

「QuickCrop」の使い方

3つのステップで使えます。ここでは、最初に選ばれている手動切り抜きで説明します。

STEP

画像を読み込む

「ファイルを選択」を押して画像を選ぶか、点線の枠の中に画像をドラッグ&ドロップします。読み込むと、「切り抜き方法」と「アスペクト比」の欄と、画像が出ます。

STEP

枠を動かして、切る範囲を決める

最初は「手動切り抜き(選択枠ドラッグ&リサイズ)」が選ばれていて、画像の上に四角い枠が出ます。枠の中をドラッグすると、枠が動きます。四隅と、各辺のまん中にあるつまみをドラッグすると、枠の大きさが変わります。

STEP

切り抜いて、保存する

「切り抜き」を押すと、下に「プレビュー」が出ます。プレビューを見て、問題なければ「ダウンロード」を押すと、PNG の画像(cropped-image.png)が保存されます。画面では大きい画像を縮めて見せていますが、保存されるのは、元の画像の解像度のまま切り抜いたものです。別の画像に変えるときは、「画像をクリア」を押して読み込み直します。

画像を読み込んだあとの画面。上に「切り抜き方法」の3つの選び方と「アスペクト比」の欄があり、その下の写真のまん中に、つまみが8つ付いた正方形の枠が出ている

上の画面は、1920 × 1080 の写真を読み込んだところです。最初は、画像のまん中に正方形の枠が出ます。枠を動かさずに切り抜くと、540 × 540 の画像が保存されます。

比率を決めて切り抜くとき

正方形や 16:9 など、比率を決めて切り抜きたいときは、「アスペクト比」で比率を選びます。使い方は2通りあります。

手動で、比率を決めた枠を動かす

手動切り抜きのまま比率を選ぶと、枠が選んだ比率の形に変わります。つまみで大きさを変えても、縦と横の比率は保たれます。切りたい場所に、枠を動かして合わせます。

つまみを画像の端より外まで引いても、枠は選んだ比率のまま、画像の端で止まります。比率どおりにできるだけ大きく切りたいときは、次の自動切り抜きが向いています。

比率を選んで、まん中を自動で切る

「比率指定で自動切り抜き」を選ぶと、画像のまん中を、選んだ比率でできるだけ大きく切り抜きます。自動切り抜きでは、切る前に枠は出ません。「切り抜き」を押して、プレビューで確かめます。アスペクト比が「自由(制限なし)」のままだと、画像は切られずにそのまま出ます。

「比率指定で自動切り抜き」を選び、アスペクト比を「1:1 (正方形)」にした画面。下に読み込んだ写真が出ていて、枠は出ていない

たとえば 1920 × 1080 の写真で 1:1 を選んで切り抜くと、まん中の 1080 × 1080 が保存されます。

「切り抜き」と「ダウンロード」のボタンの下に「プレビュー」が出ている。写真のまん中が正方形に切り抜かれている

まとめ

QuickCrop でできることを整理します。

  • JPG と PNG の画像の切り抜きが、ブラウザの中でできる
  • 枠を動かして、好きな範囲を選べる
  • 1:1 や 16:9 など、比率を決めて切り抜きができる
  • 元の画像の解像度のまま、PNG で保存できる
  • 無料で、会員登録も要らない
QuickCrop を使ってみる

比率から縦横のピクセル数を計算したいときは、RatioKit(アスペクト比計算ツール)が使えます。

ほかにも、ブラウザで使える無料のツールをブラウザツールの一覧にまとめています。画像やWebサイトの制作のご相談は、お問い合わせフォームからお願いします。

業務管理システム C-HUB(エールシステムがお届けしています)の紹介はこちら

お問い合わせフォームはこちら

その他のお問い合わせ
 0267-25-5990
 info@ailesys.co.jp
営業時間:9:00〜18:00
定休日:土曜、日曜、祝日

業務管理システム C-HUB

C-HUB の紹介ページを見る
ブログ Web知識 PickUp
  • 【無料】じぶんだけのガチャ|キャラを選んでガチャを作るゲーム
  • 【無料】ゆけ!ぴよ丸|タップでジャンプする横スクロールアクション

関連記事

  • ブラウザゲーム『じぶんだけのガチャ』の作る画面。夜の遊園地の絵の上に、題名の看板と、えんしゅつ・キャラ・いろ・タイトル・ジェムの5つのテントが並んでいる
    【無料】じぶんだけのガチャ|キャラを選んでガチャを作るゲーム
  • 【無料】ゆけ!ぴよ丸|タップでジャンプする横スクロールアクション
  • RatioKit の画面。「RatioKit(アスペクト比計算ツール)」の題の下に、幅と高さの切りかえと、1920 と入った入力欄があり、16:9 は 1920 × 1080、4:3 は 1920 × 1440 と出ている
    【無料】アスペクト比計算ツール RatioKit|幅か高さから縦横のサイズを出す
  • タイピングRPG『ツキモノダンジョン』のタイトルの絵。キーボードを打つ男の子と、まわりのおばけたち
    【無料】ツキモノダンジョン|文字を打って戦うタイピングRPG
  • htpasswd 生成ツールの画面。「.htpasswd 生成ツール」の題の下に、生成用ユーザー名と生成用パスワードの入力欄、「セキュアなパスワードを自動生成」のボタンが並んでいる
    【無料】htpasswd生成ツール|Basic認証の.htpasswdをブラウザで作る
  • 【無料】にげろ!暴走おすし|怒ったお寿司から逃げるブラウザゲーム
  • 【重要】PHP の脆弱性について
    【重要】PHP の脆弱性について(10月22日 時点)
  • 第23回・最終回 Claude Codeの「まちがい」と付き合う。23枚の連載のカードが並ぶ箱の最後の1枚
    Claude Codeの「まちがい」と付き合う ─ 人に仕事を頼むときのやり方が、そのまま使える
株式会社エールシステム

〒384-0083
長野県小諸市大字市665-9
TEL 0267-25-5990 (代)
FAX 0267-26-1324

プライバシーマーク 19000913(06)
  • プライバシーポリシー
  • 特定商取引に関する表記
  • サイトマップ

© 2026 Ailesystem, co.,Ltd.

目次
当サイトは分析の為にCookieを使用しています。サイトを閲覧する場合はCookieの使用に同意したことになります。