DEV Community

Cover image for Adding a cover image to your dev.to articles
Kehinde Abe
Kehinde Abe

Posted on

14

Adding a cover image to your dev.to articles

Photo by Austin Distel on Unsplash

I ran into some cover image issues when I started writing on dev.to not until I came across an article about how to add cover picture/image to your article so that prompt me to write this article to help whoever that might need it.

Note: adding a nice cover image to articles is very essential and you can do that on dev.to by adding a cover_image: entry to that block at the top. For example, the block for this post should look like this:

---
title: Adding a cover image for your dev.to articles
published: true
description: "Photo by Austin Distel on Unsplash"
tags: blogging,,coverImages,,article
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/a8c7m9up8jcpa2zuycnk.jpg

---
Enter fullscreen mode Exit fullscreen mode

Get a nice picture/images maintaining the ratio of 1000x420 pixels for better resolution.

Thank you for reading.

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (2)

Collapse
 
saveshodhan profile image
Shodhan Save • Edited

I add this snippet in a new post and nothing happens.. what am i missing?

Collapse
 
jonasbn profile image
Jonas Brømsø

Did you remember to remove the comments which are there by default?

Please provide your complete snippet if possible

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay