WordPressブログのwebp対応に最適なプラグインがあったので乗り換え。
「Converter for Media」というプラグインで、無料でもwebp変換ができて、有料ならAVIFの変換もできる。変換後は自動的に記事の画像ファイルがwebp（ファイルの拡張子はjpgのまま）に変更されるので、ほとんど何もしなくても良い。
タグ: 最適化
[CSS] 動画の貼り付けコードをレスポンシブに最適化させる
YouTubeをはじめ様々な動画サイトの貼り付けコードは、そのまま貼り付けるとサイズ調整されずに、レスポンシブレイアウトが壊れてしまう場合があります。レスポンシブサイトに最適化させるには、cssでコンテナを作りwidthをピクセル指定からパーセント指定にしてやります。
以前紹介したFitVids.JSを使う方法（とコンテナを使う方法）では、実質、YouTubeの貼り付けコードのみに対応していましたが、iframe以外にobjectやembedにも対応させることで、幅広い貼り付けコードをレスポンシブサイトの表示を崩さずに貼り付けることができます。
[Tumblr] テーマのヘッダーをSEOを意識したものに改善する
Tumblrでブログをする時にネックとなるSEO対策。
面倒くさがらず記事にしっかりタグ付けするのと、ヘッダーのMETAタグを見直すことである程度はマシになるでしょう。
というわけで、以下のように変更してみました。
[icon] 各種デバイスに最適なfaviconを指定する
通常faviconというと、16×16 / 32×32のicoファイルを指定するのみですが、最近はスマートフォンなどの表示に合わせて複数のfaviconを指定する動きが見られます。
その際のfaviconは、それぞれに合わせたサイズのpngファイルを作成してヘッダーにタグを埋め込みます。
[CSS/JS] ウィンドウサイズでフォントサイズを最適化するJS
ウィンドウの横幅（width）によって、font-size と line-height を変更して表示するという、レスポンシブレイアウトでは有効なJS。
最大フォントサイズと最小フォントサイズを指定できるので、これをキッチリと見やすいサイズで指定しておけば、小さくて文字が読めないといった問題は起きません。
[ FlowType.JS ]