Skip to content

What do you generally put in favicon and og:image?

patarapolw profile image Pacharapol Withayasakpunt twitter logo github logo ・1 min read

I see that generates an image on the fly, if I don't supply a header image.

I use a favicon generator I found on the web, but how do I create on myself, with fonts randomly picked from Google fonts, for instance?

twitter logo DISCUSS (2)
markdown guide

For the favicon, you need to use an image editing program like GIMP or Photoshop. Create an image 32x32 pixels and create to your heart's content, then export as an icon (.ico) file.

For the OpenGraph image (og:image), I would recommend a size of around 600x420 or larger. You can edit it in GIMP or Photoshop as well and export it as a PNG.


For icons I usually make a 128x128 pic and then let the icon generator consume it for different sizes.

For og:image I put an image used on the site and some text on top

Classic DEV Post from Aug 4 '19

You're not worth hiring unless...

Pacharapol Withayasakpunt profile image
Currently interested in TypeScript, Vue, Kotlin and Python. Looking forward to learning DevOps, though.