2026-04-19 · 1 min read
遅いアップロード前に画像を圧縮する
レイアウト用にリサイズ、転送量用に圧縮。実機で画質を確認します。
imageperformanceweb
Key takeaways
- 本当に必要な最大表示幅に合わせてリサイズします。
- 強い圧縮のあとはRetina環境でシャープさを再確認します。
先に適切なサイズへ
UIの実表示幅に合わせて、過大な写真を先に縮小します。
次に圧縮
圧縮は段階的に行うと、1回で強圧縮するより細部を保ちやすくなります。
印刷物へ展開する場合は、QRコード生成など後工程と組み合わせると運用しやすくなります。
FAQ
PNGとJPEGどちら？
写真はJPEG、透過が必要ならPNG。対応サイトではWebPも検討します。
ファイルツールは画像をアップロードする？
はい—サーバーで処理してよい画像だけをアップロードしてください。