AMP時、ヘッダー画像サイズがおかしくなる事象について

Simplicityの特徴 フォーラム Simplicityについての質問 AMP時、ヘッダー画像サイズがおかしくなる事象について

このトピックには4件の返信が含まれ、2人の参加者がいます。1 年、 4 ヶ月前 ふるのーと さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #57896

    ふるのーと

    いつもお世話になっております。ふるのーとと申します。

    さきほどAMP時にヘッダー画像サイズがおかしくなっていることに気づきました。

    もう少し自分でも確認してみますが、もし何か気づかれた点等ありましたらコメント頂けますと幸いです。

    [通常ページ]
    https://fullnoteblog.com/egypt-schedule/

    [AMPページ]
    https://fullnoteblog.com/egypt-schedule/?amp=1

  • #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を最新版にすればどうか?など思いましたけど、やっぱり違ったようですよね?

    自己解決方法があれば追記いただけると、同じよう困ってる人が助かると思います^^

  • #57913

    ふるのーと

    かうたっくさん>いつも丁寧なコメントありがとうございます。

    >私自身AMP対応してないのでわからなかったのですが、外観 ― カスタマイズ よりAMP用の画像を入れてみるとどうか?Simplicity2を最新版にすればどうか?など思いましたけど、やっぱり違ったようですよね?

    はい、「AMP用の画像を入れてみる」や「Simplicity2を最新版にする」等を試してみたのですが、駄目でした。
    PCでは正しく表示されるのにスマホで見ると崩れているので奇妙でした。。。

    と、色々試していたところ、なおったっぽいです。理由はよくわかりません。。

    一度、違うロゴ画像に置き換えて、きちんと表示されたので、その後、元の画像をアップロードしなおしたら、きちんと表示されました。

    同じような症状に出会ったかたは一度試してみてください。m(__)m

  • #57915
    わいひら
    わいひら
    キーマスター

    あくまで推測なんですが、画像に何かしらのエラーがあって、サイズが取得できなかったのではないかと思います(バイナリをいじらない限りそういうことが実際あるのかは分からないのですが)。
    サイズが取得できなかった場合は、AMPは幅と高さを指定する必要があるので、やむを得ず300pxのスクエア画像になってしまいます。

  • #58031

    ふるのーと

    >サイズが取得できなかった場合は、AMPは幅と高さを指定する必要があるので、やむを得ず300pxのスクエア画像になってしまいます。

    わいひらさん>
    この可能性が高そうですね。いつもありがとうございます!!

トピック「AMP時、ヘッダー画像サイズがおかしくなる事象について」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)