Simplicityの特徴 › フォーラム › Simplicityについての質問 › AMP時、ヘッダー画像サイズがおかしくなる事象について
- このトピックには4件の返信、2人の参加者があり、最後に
ふるのーとにより8年、 10ヶ月前に更新されました。
-
投稿者投稿
-
-
2017年12月28日 6:53 PM #57896
ふるのーと
ゲストいつもお世話になっております。ふるのーとと申します。
さきほどAMP時にヘッダー画像サイズがおかしくなっていることに気づきました。

もう少し自分でも確認してみますが、もし何か気づかれた点等ありましたらコメント頂けますと幸いです。
-
2017年12月29日 7:59 AM #57905
かうたっく
ゲストヘッダー画像にwidth・heightが指定されてないとき、AMPエラーが起きるのを避けるため300pxに指定されるように変更されてました。
width・height属性のないIMGタグは、自動的に幅と高さが300pxに設定されて
Simplicity2.4.1公開。AMPページにアイコン追加、外部URLの画像でもAMPエラーが出ないように仕様変更。
今見ると正常に戻っているようです。
<amp-img src="https://fullnoteblog.com/wp-content/uploads/2016/11/Cg81hvxG-1.jpg" width="800" height="204" alt="fullnote/ふるのーと/フルノートのブログ" sizes="(max-width: 800px) 100vw, 800px" class="internal-content-img i-amphtml-element i-amphtml-layout-responsive i-amphtml-layout-size-defined i-amphtml-layout" style="width: 100vw;"><i-amphtml-sizer style="display: block; padding-top: 25.5%;"></i-amphtml-sizer><img decoding="async" alt="fullnote/ふるのーと/フルノートのブログ" class="i-amphtml-fill-content i-amphtml-replaced-content" src="https://fullnoteblog.com/wp-content/uploads/2016/11/Cg81hvxG-1.jpg"></amp-img>私自身AMP対応してないのでわからなかったのですが、外観 ― カスタマイズ よりAMP用の画像を入れてみるとどうか?Simplicity2を最新版にすればどうか?など思いましたけど、やっぱり違ったようですよね?
自己解決方法があれば追記いただけると、同じよう困ってる人が助かると思います^^
-
2017年12月30日 6:23 PM #57913
ふるのーと
ゲストかうたっくさん>いつも丁寧なコメントありがとうございます。
>私自身AMP対応してないのでわからなかったのですが、外観 ― カスタマイズ よりAMP用の画像を入れてみるとどうか?Simplicity2を最新版にすればどうか?など思いましたけど、やっぱり違ったようですよね?
はい、「AMP用の画像を入れてみる」や「Simplicity2を最新版にする」等を試してみたのですが、駄目でした。
PCでは正しく表示されるのにスマホで見ると崩れているので奇妙でした。。。と、色々試していたところ、なおったっぽいです。理由はよくわかりません。。
一度、違うロゴ画像に置き換えて、きちんと表示されたので、その後、元の画像をアップロードしなおしたら、きちんと表示されました。
同じような症状に出会ったかたは一度試してみてください。m(__)m
-
2017年12月30日 7:34 PM #57915
わいひらキーマスターあくまで推測なんですが、画像に何かしらのエラーがあって、サイズが取得できなかったのではないかと思います(バイナリをいじらない限りそういうことが実際あるのかは分からないのですが)。
サイズが取得できなかった場合は、AMPは幅と高さを指定する必要があるので、やむを得ず300pxのスクエア画像になってしまいます。 -
2018年1月4日 3:56 PM #58031
ふるのーと
ゲスト>サイズが取得できなかった場合は、AMPは幅と高さを指定する必要があるので、やむを得ず300pxのスクエア画像になってしまいます。
わいひらさん>
この可能性が高そうですね。いつもありがとうございます!!
-
-
投稿者投稿
- トピック「AMP時、ヘッダー画像サイズがおかしくなる事象について」には新しい返信をつけることはできません。