DEV Community

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

Posted on

25 4

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.

Image of Timescale

Timescale – the developer's data platform for modern apps, built on PostgreSQL

Timescale Cloud is PostgreSQL optimized for speed, scale, and performance. Over 3 million IoT, AI, crypto, and dev tool apps are powered by Timescale. Try it free today! No credit card required.

Try free