web-dev-qa-db-ja.com

Twitterのタイムラインに合わせてTwitterカードの画像を自動サイズ変更する

私のコードは次のようになります

    <meta property='og:description' content='<?php echo($description) ?>' />
    <meta property='og:title' content='<?php echo($title) ?>' />
    <meta property='og:image' content='<?php echo($imageSrc) ?>' />
    <meta property="og:image:width" content= "280" />
    <meta property="og:image:height" content= "150" />
    <meta name="Twitter:card" content="summary_large_image">
    <meta name="Twitter:title" value="<?php echo($title) ?>" >
    <meta name="Twitter:description" value="<?php echo($description) ?>" >
    <meta name="Twitter:site" value="Wedding Paper Love" />
    <meta name="Twitter:creator" value="<?php echo($author) ?>" />
    <meta name="Twitter:image" value=""<?php echo($imageSrc) ?>" />
    <meta name="Twitter:image:width" value= "280" />
    <meta name="Twitter:image:height" value= "150" />

Twitterカードは検証中ですが、画像はタイムラインでこのように表示されます enter image description here

twitterカードの画像をこのように表示するにはどうすればよいですか

enter image description here

リードはありますか？ありがとう、マリア

twittertwitter-card
1
user2018878

残念ながら、これはできません。 Twitter:image:widthおよびTwitter:image:heightメタタグは、Twitter PhotoCardでのみサポートされていましたが、2015年7月3日に減価されました。提供された画像の。 Twitterのドキュメントに基づいて、メタタグでリンクされる画像は、幅が280ピクセル以上、高さが150ピクセル以上である必要があります。アスペクト比を維持したい場合は、幅が280pxに拡大するポイントまで画像の高さを拡大する必要があります（ソース画像を拡大することにより）。とにかくTwitterでこの動作を変更することはないようです。アスペクト比を維持するために、対応する高さを調整せずに画像を広げるCSSルールに関係があると思います。

これらはサポートされておらず、より大きな画像を使用するため、高さと幅のメタタグを削除する必要があります。

補足として、画像のサイズは1MB未満でなければならないという厳しい制限があります。そのため、より大きなサイズに拡大しても、最終ファイルサイズが1MB未満になるようにする必要があります。

1
Chris Rutherfurd