I’m experimenting with the width and height attributes in Twitter cards. I’ve got a few test pages with different combinations of width and height. They all use the same 333x500 source image.
Test page 1 (original size)
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@sepiaj_kp">
<meta name="twitter:image" content="https://images-na.ssl-images-amazon.com/images/P/B00IHMEAYK.01.L.jpg">
<meta name="twitter:image:width" content="333">
<meta name="twitter:image:height" content="500">
<meta name="twitter:title" content="Check out this book: "Colorless Tsukuru Tazaki and His Years of Pilgrimage: A novel (Vintage International)" by Haruki Murakami">
<meta name="twitter:description" content="A New York Times #1 Bestseller A New York Times and Washington Post notable book, and one of the Financial Times, St. Louis Post-Dispatch, Slate, Mother Jones, The Da...">
Test page 2 (1x2 size) - same tags as above, except for width and height
<meta name="twitter:image:width" content="250">
<meta name="twitter:image:height" content="500">
Test page 3 (4x3 size)
<meta name="twitter:image:width" content="640">
<meta name="twitter:image:height" content="480">
The resulting Twitter card looks exactly the same for all these pages. The image is not cropped or resized any differently. What am I doing wrong?