画像のリサイズ
画像の幅と高さを、正確なピクセル値またはパーセンテージで変更します。アスペクト比をロックして伸縮を防ぐか、オフにして自由にコントロールできます。
Instagram用にリサイズしますか?1080x1080プリセットをお試しください。
クリックして画像を選択、またはここにドラッグ&ドロップ
JPG、PNG、WebPに対応。複数選択で一括リサイズ。デバイス内にとどまり、アップロードは一切されません。
生成されると、リサイズされた画像がここに表示されます。
正確なサイズは、入力した幅と高さに合わせて伸縮します(歪みを防ぐにはアスペクト比をロックしてください)。パーセンテージは元のサイズから比例して拡大縮小します。何もアップロードされず、リサイズはcanvas APIを使ってお使いのデバイス上で行われます。
仕組み
リサイズ自体は1つのブラウザプリミティブです。画像がデコードされ、目標サイズで<canvas>が作成され、drawImage()が1回のパスでピクセルをその上にスケーリングします。この際、ブラウザは組み込みの平滑化フィルター(バイリニア方式のリサンプリング)を適用し、単に最も近いピクセルを選ぶのではなく近隣のピクセルを平均化するため、縮小した写真はギザギザではなく滑らかに仕上がります。その後、フォーマットのオプションに応じて、canvas.toBlob()を使って品質0.92のJPEGまたはWebP、あるいは可逆のPNGとして再エクスポートされます。
このツールの動作に反映されている、スケーリングに関するいくつかの実用的な事実があります。縮小はリサイズが真価を発揮する場面です。多くの元ピクセルを各出力ピクセルに平均化することで、写真はシャープなまま保たれます。拡大はディテールを新たに生み出すことはできず、同じフィルターが既存のピクセルを引き伸ばすだけなので、およそ2倍を超えると滑らかで甘い見た目になり始めます。大きなバージョンが必要な場合は、手元にある最大のオリジナル画像から始めてください。そして平滑化フィルターがちょうど不向きなケースが一つあります。それはピクセルアートで、実際には最近傍法によるくっきりしたエッジが必要な場合です。このような写真ツールは写真向けに調整されています。
パーセンテージモードは元のサイズから目標サイズを計算し、正確モードは入力した数値をそのまま使い、比率ロックのトグルは幅と高さを元のアスペクト比に紐づけたままにするため、写真の中の人物が引き伸ばされることはありません。サイズは各辺20,000ピクセルまでに制限されています。これはそれ以上大きいcanvasがブラウザのメモリを枯渇させる可能性があるためです。一括モードは各ファイルに対して順番に同じcanvasパイプラインを実行し、結果をJavaScriptで組み立てられたZIPにまとめます。
デコード、描画、再エンコードというパイプライン全体があなたのタブ内で完結するため、あなたの写真がマシンの外に出ることはありません。これは自分で確認できます。DevToolsを開き、Networkタブに切り替えて、何かをリサイズしてみてください。アップロードリクエストは一切表示されず、ツールはオフラインでも動作し続けます。