直接の回答
静止画写真を Instagram 投稿サイズへ安全にリサイズ:標準の正方形 1080×1080、縦長 1080×1350 (4:5)、ストーリーズ 1080×1920 (9:16)。ブラウザ内完結。 枠いっぱいにトリミングして見せるか、白・カスタム色・透明の余白をつけて写真全体を収めるかを選びます。
このツールの使い方
静止画写真 (JPG, PNG, WebP) を読み込む
最大 20 枚までのファイルを選択可能。初期状態で標準の正方形 1080×1080 (1:1) プリセットが適用されます。
正方形・縦長・ストーリーズのプリセットを選択
フィード用の縦長写真には 1080×1350(4:5)、ストーリーズ用の静止画には 1080×1920(9:16)を選べます。本ツールのプリセットであり、最終的な表示は Instagram によって変わります。
「切り抜き」または「余白追加」を指定
枠いっぱいにトリミングして見せるか、白・カスタム色・透明の余白をつけて写真全体を収めるかを選びます。
リサイズした静止画をダウンロード
仕上がり寸法を確認し、Instagram 投稿にそのまま使える画像を端末に保存します。
Instagram 寸法:正方形 1:1、縦長 4:5、ストーリーズ 9:16 製品プリセット
定着した製品プリセット:1080×1080 正方形 (1:1)、1080×1350 縦長 (4:5)、1080×1920 ストーリーズ (9:16)。 静止画写真専門の処理:JPG、PNG、WebP の静止画に特化し、動画生成は行いません。 歪みのない美しい仕上がり:引き伸ばしを防止し、適切なカバー切り抜きまたは余白配置を実施。
具体例
4:3 のデジカメ写真 (2000×1500) を 1080×1080 正方形投稿に変換
入力: 2000×1500 JPEG 写真 (4:3 比率、2.8 MB)
出力: 1080×1080 JPEG (1:1 正方形)
被写体を中心に据えながら左右を均等にトリミングし、定番の正方形フォーマットに仕上げます。
縦写真を 1080×1350(4:5)のフィード投稿用に整える
入力: 1800×2400 PNG 人物写真 (3:4 比率)
出力: 1080×1350 PNG (4:5 縦長比率)
フィード用の縦長写真には 1080×1350(4:5)、ストーリーズ用の静止画には 1080×1920(9:16)を選べます。本ツールのプリセットであり、最終的な表示は Instagram によって変わります。
横長 16:9 風景写真を 1080×1920 (9:16) ストーリーズ枠に収める
入力: 1920×1080 JPEG 横長写真 (16:9 比率)
出力: 1080×1920 JPEG(上下に余白を設けて中央配置)
写真の一部を切り落とすことなく、上下に余白を配置してパノラマの全景をストーリーズで共有できます。
制限事項
- 本ツールは静止画専用(JPG、PNG、WebP)です。動画の変換やリール動画の作成には対応していません。
- 提示している寸法は使いやすさを重視した製品プリセットであり、アプリの必須義務規則ではありません。
- 拡大を許可しない場合、余白付きで全体を収めるモードでは小さい画像を元のサイズのまま配置します。切り抜きで全面を埋めるモードでは、元画像や切り抜き領域が小さいと処理を止めます。拡大は明示的に許可してください。失われた細部は復元できません。
よくある質問
Instagram 投稿でおすすめの画像サイズは何ですか?
広く活用されている製品プリセットは、正方形投稿の 1080×1080 (1:1)、縦長投稿の 1080×1350 (4:5)、ストーリーズの 1080×1920 (9:16) です。
このツールで動画やリールを作成できますか?
いいえ。本ツールは静止画写真(JPG、PNG、WebP)専用です。動画処理には対応しておりません。
1080×1080 や 1080×1350 は絶対に従わなければならない標準ですか?
いいえ。これらは見栄えと解像度の観点から定着した便利な製品プリセットであり、義務的な規則ではありません。
写真が外部サーバーにアップロードされることはありますか?
ありません。リサイズやトリミングの全工程は、お使いのブラウザ上の HTML5 Canvas で完結します。
信頼できる参考文献・標準規格
- W3C Portable Network Graphics (PNG) Specification (Third Edition) ↗ — PNG file format, including lossless encoding and alpha transparency; resizing can change pixel detail.
- MDN: CanvasRenderingContext2D.drawImage() ↗ — Source crop rectangles and destination dimensions.
- MDN: HTMLCanvasElement.toBlob() ↗ — Browser image export; JPEG and WebP quality can introduce compression loss.