ページに載せる画像、どうしましょ。

ブログや記事を作成するうえで不可欠な画像。
地味~に容量とるんですよね。
あと、たくさん載せちゃうとページ表示が遅くなっちゃってよろしくない。
というわけで、どうすればちょうどよいかを考えてみようということで。
専門的な話とかそういうのはナシで。マサカリ飛んできちゃう。

知ってる情報を挙げてみる

  • 800-1200pxくらいがいいらしい
  • 200 kb/枚くらいがいいらしい
  • PNG, JPG, WebPあたりが選択肢っぽい

とりあえず運用上どうなってほしい?

求める条件について挙げてみる。

  • 変換に手間をかけたくない
  • なるだけファイルサイズは軽くしたい
  • 品質もある程度担保したい

とりあえず方法をいくつか適当に考えて、
そこのうちからよさげなのを採択したいですね。

アイデア出し

  • 変換とか関係ねぇ!俺はまんま載せるぞ!

    • 手間は少ない。
    • 容量食いまくる
    • 表示が遅くなる。
      • 軽量なページを目指しているため、不適格?
  • TwitterやBlueskyのSNSへの投稿を埋め込み

    • 変換に手間をかけたくないときのNo.1
    • 容量を食わない。
    • サ終したときや、鍵垢にしたときに見られない
      • 凍結による消失リスク
    • 仕様変更とかあったら困りそう
  • JPG, PNGを切り取ったり縮小したり

    • 良くも悪くも一番標準的な対応
    • 互換性等も気にする必要がない
    • 加工の手間がかかる
  • どうやらWebPなるものがあるとか

    • 変換に手間がかかる
    • 写真でもイラストでも容量が小さく抑えられる
      • WebP内でも可逆と不可逆圧縮がある?
    • 一部の古い環境では表示できない

結論はどうしよっかね。

とりあえず、いったんはWebP使ってみようかなと思います。
結局PNG, JPGの縮小対応やるならWebPへの変換も同じ手間かと思ったが故に。
変換ツールを探すことになりそうです。次の記事のネタかな

古い環境で見えない問題に関しては調べたところ、
IEとかじゃない限り大丈夫みたいなレベルだったのでもういいかなと。
多くの人に見てもらうというよりかは日記の延長みたいなところがあるので。

蛇足

(それより、WebPのWeb検索サジェストに"うざい"ってあるのは何なんだ…)