DEV Community

loading...
Cover image for how to add cover images for dev.to feed entries

how to add cover images for dev.to feed entries

osninja_io profile image The OpenShift Ninja ・1 min read

Just a heads up: if you want to add nice cover images to the articles you post on dev.to, add a cover_image: entry to that nice little block at the top. For example, the block for this post looks like this:

--------
title: how to add cover images for dev.to feed entries
published: true
description: make sure you read the instructions
tags: blogging, images, personal, whatevers 
cover_image: https://thepracticaldev.s3.amazonaws.com/i/u1x7n8mbvor1nq6tcbk0.jpg
--------
Enter fullscreen mode Exit fullscreen mode

And then you get a nice picture of a huge black hole at the top of your post, and also when folks are browsing through the feeds of dev.to posts.

Discussion (22)

Collapse
enguerran profile image
enguerran 🐐💨 • Edited

Notice you have to respect the ratio of 1000x420 to display a very beautiful cover image (with 1000 pixels x 420 pixels for better resolution).

Collapse
osninja_io profile image
The OpenShift Ninja Author

Thanks for the tip. :)

Collapse
migben profile image
Miguel Ben

I was going crazy trying to add a cover image but all effort were for naught and then realized that cover_image had a // .............

It was being commented out and didnt notice.

Collapse
younesh1989 profile image
Younes Henni

Any great source for 1000 pixels x 420 pixels images ?

Collapse
imamuddinwp profile image
Imam Uddin

Hey @TheOpenShiftNinja,
Thanx for your excellent post, I've just added cover image to my post. Thanx again.

Collapse
ben profile image
Collapse
osninja_io profile image
The OpenShift Ninja Author

Can't believe it took me this long to figure out. :)

Collapse
christasm profile image
Christasm

This is writing different stories on learning dev. to feed entries. The add cover images details you may find from the following australian writings blogs. They all trying to gather perfect reviews and essays for these services.

Forem Open with the Forem app