DEV Community

Cover image for how to add cover images for dev.to feed entries
The OpenShift Ninja
The OpenShift Ninja

Posted on

how to add cover images for dev.to feed entries

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.

Top comments (9)

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

Thanks for the tip. :)

Collapse
 
younesh1989 profile image
Younes Henni

Any great source for 1000 pixels x 420 pixels images ?

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
 
imamuddinwp profile image
Imam Uddin

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

Collapse
 
shawnwildermuth profile image
Shawn Wildermuth

Anyone know what RSS property (e.g. itunes:image) they read from the RSS feeds?

Collapse
 
ben profile image
Ben Halpern

๐Ÿ™Œ

Collapse
 
osninja_io profile image
The OpenShift Ninja

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

Some comments may only be visible to logged-in visitors. Sign in to view all comments.