Blurry images with Twitter cards and Blogger


#1

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 http://www.sizilien-foto.de/2015/09/normannenschloss-aci-castello.html 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” https://500px.com/photo/127668067/fields-from-above-by-giovanni-malfitano

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

Kind regards,
Giovanni


Twitter Cards Images Are Blurry
#2

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'/>


#3

I was looking for this answer, thank you it worked


#4

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


#5