DEV Community

Deam
Deam

Posted on • Edited on

4 1

Easy social media preview card generation

Instead of creating your own image for your og:image and twitter:image meta tags, you can use a free service that takes a screenshot of your website and uses that as the image. In this case we are using webshot.deam.io. More about this service here.

Example

<head>
 <title>Webshot</title>
 <meta property="og:image" content="https://webshot.deam.io/usecrypto.xyz?width=1200&height=630">
 <meta property="twitter:image" content="https://webshot.deam.io/usecrypto.xyz?width=1200&height=630">
</head>

Result

Twitter card

Top comments (0)

👋 Kindness is contagious

Explore a trove of insights in this engaging article, celebrated within our welcoming DEV Community. Developers from every background are invited to join and enhance our shared wisdom.

A genuine "thank you" can truly uplift someone’s day. Feel free to express your gratitude in the comments below!

On DEV, our collective exchange of knowledge lightens the road ahead and strengthens our community bonds. Found something valuable here? A small thank you to the author can make a big difference.

Okay