Weird display of image while sharing blogs on Twitter

[utkarsh2102]

This looks..bad, I think. I am not sure what renders it likes this because the original image used is really small (see: https://utkarsh2102.com/posts/foss-in-may-20/).

I am not sure what's the fix either. Any ideas?

[utkarsh2102]

Maybe something relevant: https://stackoverflow.com/questions/17825195/twitter-share-button-but-with-image
But I am not sure 😅

[luizdepra]

Yup! You can tweak that kind of thing with twitter card data.
Hugo already supports it, but this theme yet not. But it is possible to add it.

https://gohugo.io/templates/internal/#twitter-cards

[utkarsh2102]

Aha!
Would you be interested to have it here as well?

[luizdepra]

Sure, why not? :)

[luizdepra]

I'm going to add twitter cards and other kind of social media things into the v2 roadmap.

[pduchnovsky]

Twitter cards are working fine for me, I only add this to 'header' of new page/post.md and it works:

---
images:
    - /images/something.jpg
---

Or this, depending how do you prefer it :)

+++
images = ["/images/something.jpg"]
+++

As for 'default' twitter card (shown if not specified in post/page, or on homepage), this works in global config:

[params]
    images = ["/images/something.jpg"]

Validated by https://cards-dev.twitter.com/validator

If your image is small however, it will cause such issues I guess.. since these images should be at least 640×320px

[luizdepra]

I think this is related with the resolution of the image used right? Going to close this issue, but if it still persist let me know.