CSSやJSで画像リサイズ - Qiita

フロント側で画像リサイズ方法を紹介します、取得した画像が大きすぎるため小さくして表示したい、送信したい場面に役立つかと思います。 画像をリサイズして表示する 表示するだけであれば、わざわざ容量を落とす必要もないためCSSで調整可能です。 新たなCSSプロパティであるobject-fitでのリサイズがオススメです。 デモ See the Pen Untitled by miyakezaka (@miyakezaka) on CodePen. object-fit: cover;でアスペクト比を維持したまま横幅と高さを自動で調節してくれます。