- Why Size and Aspect Ratio of the Cover Image Matter
Cover Image | Technical Aspect
A wrong size and aspect ratio would affect Tweet previews
GIF and screenshots by the author, sources: https://soulfuljosh.medium.com/ and https://twitter.com/debeshchoudhury/status/1388455833931960323
The cover image is an important part of your blog. It should match the theme of the blog. The size and aspect ratio are other factors that should be considered seriously while choosing cover pics.
A wrong size and aspect ratio of the cover image may affect the displayed image in Twitter share. The preview may show cropped cover images!
We can explain the associated problems using some functional examples. Possible solutions are also suggested.
While choosing cover pics from different sources, we are mainly concerned about the theme. We never bother about the aspect ratio of the cover image.
Consider an article by Josh Balerite Acol, entitled [Will You Infuse, My Writing Muse? A poetic form called ‘Shadorma’]. She chose a nice cover pic, which is a portrait sized image and is shown in the screenshot below:
Screenshot by the author, source: https://medium.com/illumination/will-you-infuse-my-writing-muse-dfc9d3678298
When I shared the same article via Twitter, the cover pic is cropped in the Twitter preview. A Twitter preview is shown in the screenshot below:
Screenshot by the author, source: https://twitter.com/debeshchoudhury/status/1388455833931960323
Does it look nice? What should be done to avoid this problem?
It is simple. Choose an image of a rectangular aspect ratio or landscape-sized image that is the width is larger than the height. It can be 800x600 or any similar rectangular aspect ratio. You may choose higher resolution images. Very high-resolution images may give rise to other problems! (it will be discussed in a different section).
Let us view a recent article by Dr. Preeti Singh entitled, “Sometimes a Good Laugh Teaches You Valuable Life Lessons” and show a screenshot below:
Screenshot by the author, source:https://medium.com/doctor-funny/sometimes-a-good-laugh-teaches-you-valuable-life-lessons-2d871f44ba29
The view on Twitter shows in full aspect of the cover image as shown below:
Screenshot by the author, source https://twitter.com/debeshchoudhury/status/1389455878818910208
There is no cropping of the cover image on Twitter. If the image is rectangular and the width is greater than the height, the cropping won’t eliminate any significant portion of the cover image.
We are often obsessed with using a huge, i.e., very high-resolution image as a cover to our blog. A higher resolution is good, but it takes a lot of sizes. It would take a longer time to load the full-resolution image in slow internet connections.
In the case of Dr. Preeti Singh’s article, the cover image is of higher resolution. It may take some time to load the image preview on Medium as well as Twitter. But, the size is optimum, and it successfully loads the preview on Twitter.
In one of my articles, I had used a rather higher-sized cover image, which doesn’t show the preview of the cover image on Twitter! It is shown below:
Screenshot by the author, source: https://twitter.com/debeshchoudhury/status/1388591393610764288
The screenshot of the original article on Medium is shown below:
Screenshot by the author, source: https://medium.com/technology-hits/facebook-and-twitter-lost-over-50-billion-dollars-in-market-cap-b93d7c157531
Although we are tempted to use very high-resolution images, it is always recommended to use an optimally sized image as the cover to display quickly and correctly on Medium and Twitter, and other spaces on social media.
We are often tempted to use a portrait-sized image as a cover image for our blogs. A portrait-sized cover image doesn’t display fully in a rectangular-shaped landscape preview window of Twitter, LinkedIn, etc. The higher-sized cover images may take a larger time to load for slow internet connections. Very high-resolution images may not show a preview on Twitter.
To surmount these problems, we need to use optimally sized and landscape images as cover graphics for our blogs.
Articles used for the experiments
Will You Infuse, My Writing Muse?
A poetic form called ‘shadorma’
Sometimes a Good Laugh Teaches You Valuable Life Lessons
Cheers! Debesh Choudhury
— — — — x — — — — x — — — — x — — — — x — — — — x — — —
Text Copyright © 2021 Debesh Choudhury — All Rights Reserved
I am a solution architect for Digital Identity, Data Privacy, Password & Cybersecurity, Distributed Ledgers, IoT, a Researcher & Academician of Electronics, Computer Eng. & IT. I am Co-Founder of “The Unfluencers ” LinkedIn Group and Senior Member of IEEE & SPIE.
Join my private email list for helpful, yet often unusual, insights.
- Date of publication:
- Tue, 05/04/2021 - 03:03
Click on the link - it will be copied to clipboard