画像のリサイズ・切り抜きツール

画像のリサイズ・切り抜きツールとは？

deftdeck の画像リサイズツールは、写真やグラフィックをブラウザ上で拡大縮小できる無料・完全クライアントサイドの一括画像リサイズツールです。デザイナー、開発者、マーケター、そしてアバターやサムネイル、SNS用画像、ウェブ素材を用意したいすべての人が、複数の画像を一度にドロップし、同じ設定でまとめてリサイズできます。「ピクセル」を選べば各画像を正確な幅と高さに収め、「パーセント」を選べば各画像を比率のまま拡大縮小します。Instagram・YouTube・アバター・favicon などのプリセットを使うことも、独自の値を入力することもできます。フィットモード（contain・cover・stretch）が各画像を目標の枠にどう収めるかを決め、高品質なキャンバス拡大縮小がディテールを保ちます。出力は元の形式のまま、または PNG・JPEG・WebP を指定して品質を調整できます。各結果には拡大できるプレビューとダウンロードがあり、ボタン1つで一括を ZIP にまとめられます。

画像のリサイズ・切り抜きツールの使い方

1. 1枚または複数の画像をドロップゾーンにドラッグ＆ドロップするか、クリックしてファイル（PNG、JPEG、WebP、またはブラウザで開ける任意の画像）を選びます。あとから追加もできます。
2. リサイズ設定（歯車アイコン）を開き、「ピクセル」で指定するか「パーセント」で指定するかを選びます。
3. ピクセルの場合は、プリセット（Instagram、YouTube、アバター、favicon、HD など）を選ぶか、幅と高さを自由に入力し、フィットモードを選びます——Contain は画像全体を枠内に収め、Cover は枠を満たして切り抜き、Stretch は指定サイズに強制します。
4. パーセントの場合は、50 や 200 などの倍率を入力して各画像を比率のまま縮小・拡大します。
5. 出力形式（元のまま、または PNG・JPEG・WebP を指定）を選び、JPEG と WebP では品質スライダーを調整します。
6. リサイズ後の各画像を一覧で確認し（サムネイルをクリックで拡大）、ファイルを1枚ずつダウンロードするか、「一括ダウンロード（ZIP）」で全体を保存します。

使用例

よくある質問

複数の画像を一度にリサイズできますか？

はい。複数の画像をドロップまたは選択すると、すべて同じ設定でリサイズされます。各結果に個別のプレビューとダウンロードボタンがあり、「一括ダウンロード（ZIP）」で全体を1つのファイルに保存できます。

Contain・Cover・Stretch の違いは何ですか？

Contain はアスペクト比を保ったまま各画像を目標の幅と高さの中に完全に収めます（切り抜きなし）。Cover は枠全体を満たすように拡大し、はみ出た部分を切り抜くので、出力はちょうど目標サイズになります。Stretch は指定した幅と高さに強制するため、画像が歪むことがあります。

プリセットとパーセントモードはどう機能しますか？

プリセットは Instagram 1080×1080、YouTube 1280×720、アバター、favicon、HD などのよく使うサイズを入力します。独自の寸法を入力することもできます。パーセントモードは固定寸法を無視し、入力した倍率（例：50% や 200%）で各画像を拡大縮小します。

出力形式と品質はどれを選べますか？

各画像を元の形式のまま（JPEG と WebP は維持、それ以外はすべて PNG）にするか、PNG・JPEG・WebP を指定できます。非可逆形式の JPEG と WebP では、品質スライダーでファイルサイズと鮮明さのバランスを調整できます。PNG は常にロスレスです。

画像はサーバーにアップロードされますか？

いいえ。各画像は HTML canvas を使ってブラウザ内で100%ローカルにリサイズされ、ZIP もローカルで作成されます。deftdeck やいかなるサーバーにも何一つアップロードされません。