[{"data":1,"prerenderedAt":54},["ShallowReactive",2],{"blog-ja-batch-resize-images-jpg-png-webp-guide":3},{"slug":4,"locale":5,"title":6,"description":7,"date":8,"updated":8,"author":9,"tags":10,"keywords":14,"h1":6,"image":20,"imageAlt":21,"imageWidth":22,"imageHeight":23,"readingTime":24,"html":25,"recommendedTools":26,"faqs":39,"cta":49},"batch-resize-images-jpg-png-webp-guide","ja","JPG、PNG、WebP を一括で正しくリサイズする方法","割合指定とピクセル指定の使い分けを理解し、JPG、PNG、WebP を変形させずに一括リサイズします。","2026-07-06","DocCrunch Team",[11,12,13],"一括リサイズ","JPG PNG WebP","画像アップロード",[15,16,17,18,19],"画像一括リサイズ","JPG PNG WebP リサイズ","割合でリサイズ","画像の正確なサイズ","オンライン画像リサイズ","\u002Fblog\u002Fresize-images-before-upload-online\u002Fdoccrunch-image-resize-tool.png","DocCrunch 一括リサイズ画面",1440,1100,1,"\u003Cp>画像を1枚ずつリサイズしていると、枚数が増えた瞬間に面倒になります。\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"\u002Fblog\u002Fresize-images-before-upload-online\u002Fdoccrunch-image-resize-tool.png\" alt=\"DocCrunch 一括リサイズ画面\" width=\"1440\" height=\"1100\" decoding=\"async\">\u003C\u002Fp>\n\u003Ch2>まず割合かサイズかを決める\u003C\u002Fh2>\n\u003Cp>単に小さくしたいなら割合指定が安全です。縦横比を保つので画像が歪みにくくなります。\u003C\u002Fp>\n\u003Cp>商品画像 800×800、アバター 200×200、バナー幅指定のような条件があるなら、正確なピクセルを指定します。\u003C\u002Fp>\n\u003Ch2>よくある目安\u003C\u002Fh2>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>用途\u003C\u002Fth>\n\u003Cth>よくあるサイズ\u003C\u002Fth>\n\u003Cth>メモ\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>商品画像\u003C\u002Ftd>\n\u003Ctd>800×800 \u002F 1000×1000\u003C\u002Ftd>\n\u003Ctd>正方形が多い\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>アバター\u003C\u002Ftd>\n\u003Ctd>200×200 \u002F 400×400\u003C\u002Ftd>\n\u003Ctd>正方形\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Web バナー\u003C\u002Ftd>\n\u003Ctd>1920×600 前後\u003C\u002Ftd>\n\u003Ctd>レイアウト次第\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>SNS 画像\u003C\u002Ftd>\n\u003Ctd>長辺 1080 から 1200\u003C\u002Ftd>\n\u003Ctd>大きすぎると再圧縮されることがあります\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>\u003Ca href=\"\u002Fja\u002Fimage-resize\u002F\">画像サイズ変更\u003C\u002Fa> なら、JPG、PNG、WebP をまとめて入れ、1つのルールで処理できます。形式は通常そのままで、処理はブラウザ内で完了します。\u003C\u002Fp>\n",[27,31,35],{"slug":28,"label":29,"description":30},"image-resize","画像サイズ変更","JPG、PNG、WebP を比率やピクセル指定で一括リサイズ。",{"slug":32,"label":33,"description":34},"image-compress","画像圧縮","リサイズ後に圧縮してアップロード制限を通しやすくします。",{"slug":36,"label":37,"description":38},"image-crop","画像切り抜き","比率を整えてから正確なサイズで書き出せます。",[40,43,46],{"question":41,"answer":42},"割合と正確なサイズの違いは？","割合は比率を保ちます。正確なサイズは固定要件向けです。",{"question":44,"answer":45},"JPG、PNG、WebP を混在できますか？","はい。同じバッチで処理できます。",{"question":47,"answer":48},"形式は変わりますか？","初期設定では元の形式をできるだけ保持します。",{"title":50,"description":51,"button":52,"href":53},"画像を一括リサイズ","複数画像を追加し、1つのルールで書き出します。","開始する","\u002Fimage-resize",1789443208899]