アップロード前のオプション画像最適化

Optimize images before uploading? の議論を続けます:

これは、アップロード処理前にクライアント側で画像の圧縮・リサイズ・最適化をオプトイン形式で行うための RFC です。この機能はテーマコンポーネントを用いて実験されます。有用であると証明された場合、2.8 のコア機能として追加を検討します。

UI

ユーザーは、アップロードモーダル内のシンプルなチェックボックスを介して、クライアント側の最適化を制御できます。

圧縮技術

当初は、ユーザーのスマートフォンからのアップロードで最も一般的な JPEG 画像の最適化を実験します。

当コンポーネントは、ユーザーがアップロードした画像が設定された最大サイズを超える場合にリサイズし、MozJPEG を使用して再エンコードします。

私のテストでは、中程度の Android スマートフォンで 10 秒未満で処理が完了し、典型的な写真を元のサイズの 30% 未満に圧縮できました。

結果

元画像

最適化済み

50% にリサイズ + 最適化済み

「いいね!」 22

これはエンドユーザー向けのオプションにするべきかどうかわかりません。特に、ユーザーが単にコピー&ペーストしている可能性もあるためです。むしろ、これはサイト管理者向けの機能だと考えます。

アップロード前に画像をどの程度最適化すべきか:「なし|少し|多く」…

名前と値、およびデフォルト値は未定です。

結果は非常に優れています!また、組み合わせによっては、特定のケースではこれを 100% 自動処理にすることも検討してはいかがでしょうか。例えば、フォーラム上の画像の「最大」サイズを 2000KB に設定しておけば、ヒューリスティックが作動して自動的に処理を行うような仕組みです。

「いいね!」 16

複数の画像をアップロードする場合は、何らかの処理が行われていることをユーザーに知らせるために、進行状況インジケーターがあると非常に役立ちます。

はい、お願いします。ユーザーに任せてしまうと断続的にしか使われず、操作に不慣れなユーザーはその目的を理解できないでしょう。

「いいね!」 5

お気に入りのツール、75 回分のクイック圧縮に対応 https://squoosh.app/

「いいね!」 1

これを管理者オプションとして追加し、サイトの寸法・サイズ設定を超える画像を自動的に圧縮できるようにすると便利でしょう。画像を多用するサイトでは常時有効にするのは望ましくないため、技術に詳しくないユーザーがリサイズを気にする必要がないようなユースケースに対応する形で実装することをお勧めします。

「いいね!」 3

この機能はほぼ完成間近で、まもなくテストできるようになるはずです:

「いいね!」 8

Testing composer image optimization をご確認ください。

「いいね!」 2