お疲れ様です。

AMPで画像の比率がおかしくなるのは画像にwidth・heightが入ってないからだと思います。

通常の画像でしたら以下が参考になるかも知れませんが、Googleフォトもおなじようにimgタグがあるのでしたら、以下をご確認頂けたらと思います。

amp時の画像サイズについて | Cocoonテーマに関する質問 | Cocoon フォーラム

大量にあると大変ですけどね…

かうたっく様、返信ありがとうございます。

私もググって調べたところ、AMPページでwidth、heightが入っていないせいだと思い、

https://sevenheaven.jp/ikumen/m20180801

上記の記事の画像にwidth、heightを入れてみました。

しかし、AMPページを見ると

max-width: 75px　と勝手に変換されているのです。

ただ、以前は表示できていたのと、

テストサイトで他のテンプレートを使用したときは、問題無く表示されるので、質問させていただきました。

テストサイト https://sevenheaven.jp/bihada/test2/?amp=1

補足ですが、表示されなくなった流れの過程として、

• cocoon-1.3.5.1使用、問題なし。
• 画像圧縮プラグイン　EWWW Image Optimize　をインストールし使用。
• cocoon高速化を行う。
• その後、標記の件が発生。
• 各種キャッシュ削除を行うが、改善せず。
• 他テーマで検証するも、そちらでも発生。
• 他テーマ削除、再インストール後、そのテーマでは改善。
• cocoonテーマ削除し、cocoon-1.3.5.1を再インストールするも改善せず。
• さらに最新のテーマをインストールするも改善できませんでした。

となっております。

自分でAMPページのwidth、height設定するのにはどうしたらいいのかわからないず、何か対応策などありましたらご検討いただけますと大変助かりますので、何卒よろしくお願い致します。

ほんとですね。AMPになるとAMPのHTMLにスタイル属性が入ってしまうようですね。

style="width: 75px;"

src=" ttps://lh3.googleusercontent.com/8jjYUr5zuqV8pODNXVV18khOnNTr4LhzwBlMZ7yrXL0leH05n75huZyFtrynoAzgK41yLcqgaV26zf4w4dJiDVjjoMiOSX5j9OFZIgjRyYgBtDSyY9Ujy8XAEiT01QsO9Vot0GF_SQ=w699-h393"

外部のlh3.googleusercontent.comが出力してるっぽいと思いますけど、そのgoogleusercontent画像を自サイトに導入しては、ちょっとまずい感じですか？

そのような画像が膨大：大量にある感じでしょうか？

あと

以前は、きちんと表示されていたのですが、

以前はCocoonの以前ですか。それとも別テーマでプラグインを使用してのことでしょうか？

質問の意図はわいひらさんが分かれば良いって事です。

かうたっく様、返信ありがとうございます。

cocoon-1.3.5.1使用で、問題なく使えておりました。

先ほど記入しましたが、再度使えなくなった経緯を記載しておきます。

• cocoon-1.3.5.1使用、問題なし。
• 画像圧縮プラグイン　EWWW Image Optimize　をインストールし使用。
• cocoon高速化を行う。
• その後、標記の件が発生。
• 各種キャッシュ削除を行うが、改善せず。
• 他テーマで検証するも、そちらでも発生。
• 他テーマ削除、再インストール後、そのテーマでは改善。
• cocoonテーマ削除し、cocoon-1.3.5.1を再インストールするも改善せず。
• さらに最新のテーマをインストールするも改善できませんでした。

また、画像を自サーバーに置くというのは、もともと、サイトを軽くするため、Googleフォトに画像を置いてましたこともあり、悩ましいところでもあります。

とりあえず、もう少し自分でも色々やってみます。

すみません。

凄く丁寧に見てるかたと言った印象でしたが、色々考えてみているうちに、そこを忘れて書き込んでしまいました。ゴメンナサイです。

どうやら、アプリーチの画像対応用に追加したコードが良くなかったのかもしれません。
アプリーチでは、Googleフォトの画像も利用しているので以下の正規表現を利用していました。

googleusercontent\.com|

これが、通常のGoogleフォト画像にもヒットして、画像が縮小化されてしまったようです。
https://github.com/yhira/cocoon/commit/42b045cb6ae87a04a6b3234be81ae6764f24fa01

「アプリーチで使用されているアイコンURLがGoogleフォトを利用している人」よりも、「普通にGoogle フォトを利用している人」の方が圧倒的に多いと思うので、前者は除外するように変更しました。
修正版はこちら。
https://github.com/yhira/cocoon/archive/master.zip

かうたっく様、いつも返信ありがとうございます。

こちらこそ、長々と要点をまとめず書いてしまい、見にくかったと思います。

今後も何かありましたら、ご教授お願いします。

わいひら様、返信ありがとうございます。

修正されたテーマを再インストールしたところ、width、heightを設定している画像は、そのサイズで表示されるようになりました。

ありがとうございます。

ただし、以前は、特にwidth、heightを設定していなくても問題ありませんでしたが、今回の修正テーマでも、設定していない画像は、

width="300" height="300" sizes="(max-width: 300px)

このように変換されておりました。

とはいえ、width、heightを設定したほうが、今後のサイト構築にもいい影響が出ると思いますので、修正していきたいと思います。

お忙しい中、対応ありがとうございました。

ただし、以前は、特にwidth、heightを設定していなくても問題ありませんでしたが、今回の修正テーマでも、設定していない画像は、

width="300" height="300" sizes="(max-width: 300px)

このように変換されておりました。

それは以前からの仕様です。
外部の画像のサイズは取得できないので（できるけどすべて外部から取得していたら遅くなるので）。
AMPページで外部の画像を使用する場合は、基本として画像のwidth、heightを指定していただく方針は以前から変わっていません。

わいひら様、いつもお世話になっております。

他サイトの違うテーマと混同して、以前から使用できていたとの認識は、私の勘違いかもしれませんでした。申し訳ありませんでした。

色々お手数をおかけしてすみませんでした。今後もよろしくお願いします。

ありがとうございました。

他サイトの違うテーマとは、これと同じテーマでしょうか？
https://sevenheaven.jp/bihada/test2/?amp=1
このテーマだと、width, heightが設定されていない外部画像でも、画像の幅と高さを取得してAMPページではwidth, heightが自動挿入されるのでしょうか。
もしそうなら、無料テーマならソースコードを見てみようかなと思います。
一応テーマ名も教えていただければと思います。似たようなのがいくつかあるので。

わいひら様、いつもお世話になっております。

https://sevenheaven.jp/bihada/test2/?amp=1

上記サイトのテーマは、LION MEDIA　ですが、このテーマではありません。

Luxeritas　でしたが、バージョンはわかりません。

ただ、今考えればampテストをすると、「robots.txt によってブロックされています」と表示されることもあったりと、とても不安定でしたので、何か不具合が出ていて、それで表示されていたのかなぁと思ったりします。

あ、そうなんですね。
Luxeritasですね。ありがとうございます。