What is the best size for an article top image?

I would define an article top image as an image that we would put between the <h1> of an article, and the rest of the content of that article.

<h1>
<img>
<p>

I assume that there is a everything first, not mobile first and not desktop first pixel size for such images, in both width and height.

Is there a standard among website designers (graphic designers specializing in website design) about what is the best size for an article-top-image?

I mean, what is the best size to resize and/or crop this image, in a image manipulation tool such as GIMP, before I upload it to my website.

In short, no there is no standardized size for images on the web. It all depends on your layout and should adjust based on the viewport (aka responsive). Sometimes a big image is needed, sometimes it is smaller. Again, there is no definitive size. Whatever fits your content the best.

Of course do keep in mind that bigger images make your pages heavier so make your best judgement call.

1 Like

Please keep width of 1200 pixels with a height that complements the aspect ratio such as 675 pixels.

Welcome to the forums, @usha2.

Can you explain why you are recommending those dimensions? Do you have any advice on scaling for responsiveness?

2 Likes

@technobear there isn’t a specific one size fits all standard for article top images but a recommended size is 1200 pixels wide by 675 pixels tall.

Recommended by whom???

3 Likes

The width for the image of around 1200px is very great choice. It works better on many screen sizes. Always keep the images files size small because it can slow down your website loading time.

I find these suggestions amusing. “make a 1200x675 pixel image! but keep your file sizes small!”

If your article header image is 1200x675, I dont see your article. I see an image and leave

The ideal size for an article’s top image can vary depending on the platform or website you’re using. However, a common recommendation for a standard article header or featured image is around 1200 pixels wide by 600 pixels tall (1200x600 pixels). This aspect ratio provides a good balance for most websites and ensures that the image looks appealing when displayed at the top of an article.

Keep in mind that some platforms may have specific guidelines or recommendations for image sizes, so it’s a good idea to check the guidelines of the website or content management system you’re using.

Additionally, you might want to consider optimizing your image file

If anybody has anything new, original and helpful to add, then please feel free to contribute. :slightly_smiling_face:

If you simply want to agree that 1,200px is the magic size, then please like one or more of the posts above. Further posts repeating the same thing will be removed.

2 Likes