コクーンのAMP化で推奨サイズより大きい画像を指定する警告が

こんにちは。

Cocoon(コクーン)をAMP化させた時にエラーが発生することは誰しも経験しているかと思います。

私も現在エラーが発生していて修正中です。

今回はエラーではなく警告が出た場合の対処について書いていきます。

現在、私のサイトで発生している警告は次のものです。

推奨サイズより大きい画像を指定してください

対象になっているのはAMP化しているページのほとんどで、原因はアイキャッチ画像のサイズが小さいからです。

私はこれまでアイキャッチ用の画像は400×267pxで作成していました。

では、AMPプロジェクトが掲げる画像の推奨サイズとはいくつなのでしょうか。

ガイドラインのimage項目には画像の幅が1200px以上であると記されています。

なのでアイキャッチ画像を1200px以上のものに差し替えれば解消されます。

ただしアイキャッチ画像以外の記事内の画像については1200px未満であっても警告の対象にならないのか、通知がされません。

エラーと違って警告の場合は、そのままにしておいても特に支障はありません。

とはいえ、今後のことを考えると大したことはないとはいえ修正しておいたほうがよいだろうと考えます。

結果として画像を差し替えて正解だったと感じています。

自動で記事上にアイキャッチ画像を掲載する設定にしてあるのですが、小さい画像だとボンヤリと表示されていて抵抗感があったのです。

1200px以上にしたら記事一覧の画像はボンヤリしますが、記事の中に表示される画像はクリアになりました。

やはり訪問者が記事にアクセスして一番最初に目にする部分ですから、画像がクッキリしていた方が良いに越したことはないでしょう。