画像リサイズ

画像を選んだら、新しい幅と高さをピクセル単位で入力します。「縦横比を保つ」にチェックを入れていれば、片方を変更するともう片方は自動で計算されるので、写真が縦に潰れたり横に伸びたりすることがありません。プリセットボタン（幅1920／1280／800／640／320px）はSNS投稿・ブログ用・申請フォーム用などでよく使われる定番サイズです。75%／50%／25%のパーセント指定もワンクリックで反映します。

内部処理はブラウザ標準の HTML Canvas API（drawImage→toBlob）を使い、画像補間の品質は imageSmoothingQuality = "high" を指定しています。MDN によると imageSmoothingQuality は low / medium / high の3段階で、既定値は low。多くのブラウザで high を指定するとバイリニア／バイキュービック相当の高品質補間に切り替わります。さらに高品質を求める場合は pica（Lanczos／mks2013フィルタ） のような専用ライブラリの選択肢もありますが、SNSや申請用途の縮小であれば Canvas 標準で十分実用的です。

保存形式は元のまま／JPG／PNG／WebP から選べます。JPGとWebPは「非可逆圧縮」で、画質スライダー（50〜100）で容量と画質のバランスを決められます。MDN仕様上 toBlob の quality 引数は 0〜1 の範囲で、未指定時はブラウザ既定値（多くは0.92前後）が使われます。当ツールは初期値90（=0.90相当）。一般的な写真用途では 80〜90 がファイル容量と画質の良いバランスです。PNG は可逆圧縮で画質劣化はありませんが、写真ではJPG/WebPに比べてサイズが大きくなります。透明背景PNGをJPGに変換すると、JPGは透明を持てないため透明部分は白で塗り潰されます（当ツールはJPG変換時に自動で白を塗ってから描画）。

注意点として、Canvas には端末ごとの寸法上限があります。iOS Safari は1辺あたり4,096px前後でメモリ制限に当たることが知られており、デスクトップ Chrome でも約32,767pxが理論上限です。当ツールは幅・高さとも1〜10,000pxに制限していますが、iPhoneで巨大な原稿を扱う場合は事前にPCで処理するか、より小さい寸法に分割してください。印刷向けには「300dpi × 印刷サイズ（インチ）」がピクセル数の目安です（例: A4縦印刷=2480×3508px、L判写真=1051×1500px）。toBlobで保存されるPNG/JPGの解像度メタデータはMDN仕様上「96dpi」固定なので、印刷会社の入稿規定で「300dpi」と明記されている場合はピクセル寸法で要件を満たした上で、入稿時にDPI情報を上書きする必要がある点にご注意ください。