iOSのSafariブラウザにアップロードされたファイルを正しくリサイズする方法の検証スマホが日進月歩の時代になりました。写真1枚で簡単に10Mbを超えるでしょう。サーバへ送信する前に、クライアント側でアップロードされたイメージをリサイズできれば、サーバに対する負荷を軽減できるし、アップロードスピードの向上するためユーザビリティ質にもつながります。なので、クライアントでのイメージリサイズは現代ウェブアプリケーションの必須機能ともいえるでしょう。 WebAPIを利用すれば、リサイズ自身は難しくありません。htmlのcanvas domからtoBlobでイメージのサイズと画質（quality）を調整するのが一般的です。 const canvasDom = document.createElement('canvas'); // quality → 0.9 const quality = 0.9; // height, width → 50% canvasDom.width =
