Blurry images with Twitter cards and Blogger


Hello, I’m using Twitter cards on some of my Blogger blogs for some month but the image quality of the twitter card is so bad and I don’t can understand why it is so. At the moment I am using the “summary” card but I tried also the “photo” and “summary_large_image” card, everytime the same results, blurred images over all.

For example here a blogpost with image the image size is 750 x 450 pixel, the card validator shows everything fine but only the image is not in a good quality and extremely blurred.

Here the code, I’m sharing existing url’s a couple of month old

<meta content='summary' name='twitter:card'/>
<meta content='@sizilien_de' name='twitter:site'/>
<meta expr:content='data:blog.url' name='twitter:url'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>

How can I get a good quality preview of my photos like I have with my 500px photopage, the previews there are awesome good. Here an example with the “summary_large_image”

What is wrong with my blogs, can you help me please?

Kind regards,

Twitter Cards Images Are Blurry

Fixed my problem, it was simple, instead of

<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>

you need to use

<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>


I was looking for this answer, thank you it worked


thank you it worked! now my twitter cards are looking amazing!