Instagram用に画像をリサイズ

ブラウザ内でワンクリックで写真をInstagramの1080x1080正方形投稿サイズにリサイズします。デフォルト設定はすでに済んでいるので、写真をドロップするだけです。縦長・横長の投稿にも対応しています。

クリックして画像を選択、またはここにドラッグ&ドロップ

JPG、PNG、WebPに対応。複数選択で一括リサイズ。デバイス内にとどまり、アップロードは一切されません。

アスペクト比をロック
幅を変更すると高さが自動的に更新されて一致します。逆も同様です。

生成されると、リサイズされた画像がここに表示されます。

正確なサイズは、入力した幅と高さに合わせて伸縮します(歪みを防ぐにはアスペクト比をロックしてください)。パーセンテージは元のサイズから比例して拡大縮小します。何もアップロードされず、リサイズはcanvas APIを使ってお使いのデバイス上で行われます。

仕組み

これはInstagramの数値があらかじめ入力されたcanvasリサイズです。あなたの写真はブラウザ内でデコードされ、drawImage()によって1080x1080に設定された<canvas>上に描画され、ブラウザ組み込みの平滑化フィルターでピクセルがリサンプリングされ、canvas.toBlob()で再エクスポートされます(JPEGとWebPは品質0.92、PNGは可逆)。アプリは不要、アップロードも不要で、デフォルト設定はすでに正方形フィード投稿に最適な値になっています。

なぜ具体的に1080なのか。Instagramはフィード画像を最大幅1080ピクセルで保存し、アップロードされたものすべてを再圧縮します。4000ピクセルの写真を送ると、Instagramはあなたがコントロールできない圧縮設定で自らそれを縮小します。一方、ちょうど1080で送れば、あなたはすでにクリーンなリサンプリングでスケーリングを済ませたことになり、Instagramに任せる劣化の余地が少なくなります。重要な3つのサイズは、正方形用の1080x1080、縦長用の1080x1350(許容される最大の高さで、フィードで最も画面を占める)、横長用の1080x608です。高さのフィールドを変更すれば、残りの2つのサイズが得られます。

注意すべき点が一つあります。もし元の画像が正方形でないのに、アスペクト比ロックをオフにしてちょうど1080x1080に強制すると、画像は切り取られるのではなく引き伸ばされ、顔にその歪みが表れます。正しい順序は、まず希望する形にトリミングし(画像トリミングツールならワンクリックで正方形にできます)、その後ロックをオンにしたままここでリサイズすることです。

すべてはあなたのタブ内で行われます。リサイズ中にDevToolsのNetworkパネルを開いてみてください。あなたの写真がこのサイトや他のどこかにアップロードされることは決してありません。これは、静かに画像をサーバー経由で往復させている、ほとんどの「Instagram用リサイズ」ツールには当てはまらない特徴です。