enhance(server): 画像圧縮周り（主にサムネイルの仕様）の変更

[tamaina]

#9283 (アニメーション画像以外)
Resolve #10149
Resolve #10283
Resolve #6626
Fix #10274

What

ファイルアップロード

• thumbnail
  • sharp.jsが扱えるファイルであれば全てサムネイルを生成するように
  • アニメーション画像はAnimated Webpに、静止画はAvifに変換するように
  • 高さを280から422に
• webpublic
  • Mastodonはv4であってもAvifが扱えないようなので、webpにする
  • jpegのwebpublicはwebpにするように
  • ロスレスはpngのまま（ロスレスwebpが微妙なため）

メディアプロキシ

• staticはAvifに、高さを422に
• previewはAvifに
• svgはwebpに変換していたのをavifにする

画像処理系

• webpのquality, effortを落とす（サーバー軽量化）
• avif処理系を追加
• リファクタリング
• sharp.jsはtiffを扱えるため、isMimeImageでtiffを弾かない

API

サムネイル専用の画像が生成されていなければ、thumbnailUrlはnullにするように
（現状、thumbnailがなければwebpublic, オリジナルが突っ込まれることになっている）

クライアントでフォールバックするように

Why

通信量削減

Additional info (optional)

Checklist

• Read the contribution guide
• Test working in a local environment
• (If needed) Update CHANGELOG.md
• (If possible) Add tests

[codecov]

Codecov Report

Merging #10287 (e9197d5) into develop (cc7fd2f) will increase coverage by 5.73%.
The diff coverage is 0.00%.

@@             Coverage Diff             @@
##           develop   #10287      +/-   ##
===========================================
+ Coverage    73.41%   79.15%   +5.73%     
===========================================
  Files          809       94     -715     
  Lines        77526    11372   -66154     
  Branches      5413      119    -5294     
===========================================
- Hits         56915     9001   -47914     
+ Misses       20611     2371   -18240     

Impacted Files	Coverage Δ
packages/frontend/src/components/MkMediaImage.vue	92.70% <0.00%> (ø)
packages/frontend/src/scripts/media-proxy.ts	18.75% <0.00%> (-1.25%)	⬇️

... and 715 files with indirect coverage changes

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

[saschanaz]

アニメーション画像はAnimated Webpに

AV1にしちゃダメですか？

[tamaina]

AV1

• 重くない？(いやAnimated Webpも重そうだけど
• 画像から動画にするというのはクライアントの書き換えが面倒そう

[tamaina]

p1.a9z.devに適用したけどアップロードのavifの生成がうまくいってない

[saschanaz]

AV1

* 重くない？(いやAnimated Webpも重そうだけど

* 画像から動画にするというのはクライアントの書き換えが面倒そう

SafariがAV1もVP9もVP8 WebMさえもサポートしてないのでanimated webpでいいかもです

こんなせかい

[Mogyuchi]

（参考情報）
iOS/iPadOS 16.4 で AV1 コーデックのサポートが追加されるようです。

[saschanaz]

（参考情報）
iOS/iPadOS 16.4 で AV1 コーデックのサポートが追加されるようです。

あれはWebRTC用で<video>でのサポートはないようです(macOSでは確実に再生できません)

[Mogyuchi]

（参考情報）
iOS/iPadOS 16.4 で AV1 コーデックのサポートが追加されるようです。

あれはWebRTC用で<video>でのサポートはないようです(macOSでは確実に再生できません)

マジすか
情報ありがとうございます🙇

[saschanaz]

thumbnailがない場合thumbnailUrlがurlになるようにするのはどうです？

[tamaina]

サムネイルがアニメーションするようになったのでthumbnailUrlをフォールバックしないようにする必要はなくなったのか

[syuilo]

👍🏻