create account

Analysis of Cover Image Dimensions on Ecency, Peakd and Hive.blog by pravesh0

View this thread on: hive.blogpeakd.comecency.com
· @pravesh0 ·
$13.68
Analysis of Cover Image Dimensions on Ecency, Peakd and Hive.blog
Hello and welcome back to my blog. 

<div class="text-justify">

This took much longer than expected. It all started with a simple question in the Ecency Discord Server. 

<center>
![](https://files.peakd.com/file/peakd-hive/pravesh0/23tGVQt8MNYQsSPqdtnQBXeUaSixYmspioNFUU6LBfNcFjRccrCFA4QjiMF2uYeM6dzKX.png)
</center>

@acgalarza wanted to know the 'Cover Image' dimensions on the main page or the background banner on your profile. It should have a simple answer, but it is not. 

There is no one perfect dimension for a cover or background image. The three major front-ends (Peakd.com, Ecency.com and Hive.blog) have a slightly different aspect ratio. For example, this is how the @hivegc banner looks on a mobile device with Ecency (left) and Peakd (right).

| ![](https://files.peakd.com/file/peakd-hive/pravesh0/23tkk7q5BCDMUobRXhAQ1i54hmTwyB2qTDnW3GvYohDjztLZNo53PgSWmWn1xGes9JYaz.png) |![](https://files.peakd.com/file/peakd-hive/pravesh0/23tkp96gzyXAswbxbAiEByJHXDRaMpFHSpQjZanDat2YzX5XDyvRGMPjN2MzS9RPUxvuZ.png)|
|-|-|

---

The same banner looks much better on PC. It is still not pixel-perfect, just because the aspect ratio is slightly different for both. 

<center>
![](https://files.peakd.com/file/peakd-hive/pravesh0/48K6NZFZ7gp8HkUBYFxba7FR9MaKuGQ3dVYvxxGKAsMYdPULSUaBot3HPppMEaq9q7.png)
</center>

<center>
![](https://files.peakd.com/file/peakd-hive/pravesh0/23tkpLc52r1PR3vYViiiUdHXbgQE1CoDxEkQhURD2abKkWwMYMsWtZLj2ECmth4252QsA.png)
</center>

---

Upon further investigation, I found that **even on desktop, the banner image is squished and stretched, depending on the resolution of your monitor and front-end.**

 
I carefully checked all the aspect ratios of this banner with the three front-ends on multiple resolutions, and here are the results. 

Cover Image Dimensions by Resolution (Ecency, PeakD, Hive.blog)

---


### 📊 Cover Image Dimensions by Resolution (Ecency, PeakD, Hive.blog)

| **Resolution**       | **Website** | **Dimensions (W × H)** | **Approx. Ratio** |
|----------------------|-------------|-------------------------|-------------------|
|        | Ecency      | 410.4 × 156             | 2.63:1            |
|     **Mobile**       | PeakD       | 430.4 × 246.16          | 1.75:1            |
|                      | Hive.blog   | 430 × 283               | 1.52:1            |
|||||
|               | Ecency      | 1005 × 156              | 6.44:1            |
|   **720p** (HD)      | PeakD       | 1264.8 × 240            | 5.27:1            |
|                      | Hive.blog   | 1264 × 238              | 5.31:1            |
|||||
|             | Ecency      | 1330 × 156              | 8.53:1            |
|  **1080p** (FHD)     | PeakD       | 1904 × 240              | 7.93:1            |
|                      | Hive.blog   | 1904 × 238              | 8.00:1            |
|||||
|        | Ecency      | 1330 × 156              | 8.53:1            |
|     **1440p (2K)**     | PeakD       | 2544.8 × 240            | 10.60:1           |
|                      | Hive.blog   | 2544 × 238              | 10.69:1           |
|||||
|       | Ecency      | 1330 × 156              | 8.53:1            |
|      **2160p (4K)**    | PeakD       | 3828 × 240              | 15.95:1           |
|                      | Hive.blog   | 3824 × 238              | 16.07:1           |


---


These numbers are quite interesting. The closest aspect ratio is from 1080p resolution. All three front-ends have around an 8:1 aspect ratio. So, my recommendation would be to aim for this. Since 1080p is still the most common resolution for monitors and laptops around the world, it would be a safe bet to aim for this aspect ratio. 

- **4k needs to be fixed**: I am well aware that 4K monitors are rare but more and more people are buying them lately, and it would be better if all the front-ends could come to a consensus of sorts to use a standardized dimension for the cover image. Right now, you can see how much cropping is going on in Hive.blog and peakd.com.


![](https://files.peakd.com/file/peakd-hive/pravesh0/245myXxFbdBNm1SamHvt4HfrpcL5iBAuGm3X3FMAbq7qGcibrLx5VdkEPJBFfwuThKZvX.png)

---

- **No Standard Dimension on Mobile either:** You can see from the table that while Peakd and Hive.blog are closer to each other, Ecency is doing its own thing here. I am not choosing one over the other, but ideally, the aspect ratio should be closer to the desktop ones; if that's not possible, at least they should be closer to each other. 




Let's visualize these dimensions now. I had to wake up my [Krita](https://krita.org/en/) after a long time for this. 

Here, 
Blue = Ecency 
Red = Peakd 
Dark Grey = Hive.blog

#### Mobile 

![](https://files.peakd.com/file/peakd-hive/pravesh0/241F79AGvxG5kKt3b7pTi72JBQNop5fSpAaSrYc7mg4ajVchX3XniRXmmiSFiSHXTS5kc.jpg)

---

For mobile, Ecency shows the narrowest image (the blue section in the middle), followed by Peakd and Hive.blog. So, if you think your viewers are just using mobile, it would be a good idea to have a 1.5:1 image with the most important part in the middle so it won't get cropped off in Ecency. 



#### 720p


![](https://files.peakd.com/file/peakd-hive/pravesh0/48tso98iechBCJwKL4jnPdWofHo6goqgUjw9Dsmd6uJfexBPhvPNQwbBzk8Yob7WUY.jpg)

---

Not as bad as the mobile version among the three front-ends, but if you compare that with mobile, this is very narrow. So, making a banner just fit for the mobile will get cropped from the top and bottom. Keep that in mind. 


#### 1080p


![](https://files.peakd.com/file/peakd-hive/pravesh0/EqqxM4q8Gqq4zm6HVHWYksPRw2xaD1uz2NSvuF1jv6zzCYWn4AwiegFjAkL7hpS8J8o.jpg)

---

Almost! As good as it gets. Ecency still has a few pixels cropped off from the top and bottom, but I bet you won't even notice this on the banner if you are looking at 1080p from those front-ends. An 8:1 aspect ratio would be my preferred choice for a banner. 

---

#### 2K


![](https://files.peakd.com/file/peakd-hive/pravesh0/EqqyjzR2A87AEBpGrp6zsejciL8R8ntcJ9sdB69SFoH5hFegiSeTexEjybGbkk8rLuD.jpg)

From this point onwards, Hive.blog and Peakd start getting narrower than Ecency. This is very inconsistent, and that's why I beg for a standardized size. It is still not as bad as the next one.

---

#### 4K

![](https://files.peakd.com/file/peakd-hive/pravesh0/EqqyKXxEXJCdxyezpRQSuuewudViH1wyUwGHrmCzn7GMoGLTjiiwZJmXTwQBLmP9y7T.jpg)

---

This is completely unacceptable and makes it hard for me to answer that simple question I shared at the beginning of the post. I liked the approach of Ececny here, they maintained their aspect ratio for 1080p and above. 




### Conclusion

Cover Image Dimension is not a simple thing. There is no one dimension. It all depends on where you are looking at your profile and which screen size you have. 

It would be nice to see @good-karma and @asgarth reach a fixed dimension on all monitor sizes (if not for both desktop and mobile) that can be used as the cover image. My recommendation would be 8:1 (1920x240) for all the screen sizes, not just for 1080p resolution. I am not sure if hive. Blog is still being maintained. 



I know there might be better things to focus your energy as developers and team leads, but having some standards on Hive would be super cool. Also, the post thumbnails have different aspect ratios on mobile and desktop on Peakd. 




|![](https://files.peakd.com/file/peakd-hive/pravesh0/48GCPN4DnigDCBLNRyEnohNzLpGjS1xoh7XydBSYB9wsWdZ6FmzdN6RUpTkmvU2K76.png)|![](https://files.peakd.com/file/peakd-hive/pravesh0/23tGZdosRzPfRWUcKkzyAdMZU17hXVEnacFCpm9SSC1g5xTXHRnXR9JEJfXRmtTdtR8Hk.png) |
|-|-|
|<center>On Peakd Desktop, 16:9 thumbnails</center> | <center>On Peakd mobile, not 16:9 thumbnails</center>|

---

**So, when in doubt, use 1920x240 pixels** and keep in mind there is no one-size-fits-all. That's why it will be a good idea to use a tile pattern or repeating patterns. Never put anything of importance on the edges, and if you can, try to avoid text. 

</div>

***Thanks for reading...***
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 413 others
👎  
properties (23)
authorpravesh0
permlinkanalysis-of-cover-image-dimensions
categoryhive-125125
json_metadata"{"app":"ecency/4.0.3-vision","tags":["hive-125125","ecency","peakd","cover","dimension","india","neoxian","pimp","pob","vyb","ecency"],"format":"markdown+html","image":["https://files.peakd.com/file/peakd-hive/pravesh0/23tGVQt8MNYQsSPqdtnQBXeUaSixYmspioNFUU6LBfNcFjRccrCFA4QjiMF2uYeM6dzKX.png","https://files.peakd.com/file/peakd-hive/pravesh0/23tkk7q5BCDMUobRXhAQ1i54hmTwyB2qTDnW3GvYohDjztLZNo53PgSWmWn1xGes9JYaz.png","https://files.peakd.com/file/peakd-hive/pravesh0/23tkp96gzyXAswbxbAiEByJHXDRaMpFHSpQjZanDat2YzX5XDyvRGMPjN2MzS9RPUxvuZ.png","https://files.peakd.com/file/peakd-hive/pravesh0/48K6NZFZ7gp8HkUBYFxba7FR9MaKuGQ3dVYvxxGKAsMYdPULSUaBot3HPppMEaq9q7.png","https://files.peakd.com/file/peakd-hive/pravesh0/23tkpLc52r1PR3vYViiiUdHXbgQE1CoDxEkQhURD2abKkWwMYMsWtZLj2ECmth4252QsA.png","https://files.peakd.com/file/peakd-hive/pravesh0/245myXxFbdBNm1SamHvt4HfrpcL5iBAuGm3X3FMAbq7qGcibrLx5VdkEPJBFfwuThKZvX.png","https://files.peakd.com/file/peakd-hive/pravesh0/241F79AGvxG5kKt3b7pTi72JBQNop5fSpAaSrYc7mg4ajVchX3XniRXmmiSFiSHXTS5kc.jpg","https://files.peakd.com/file/peakd-hive/pravesh0/48tso98iechBCJwKL4jnPdWofHo6goqgUjw9Dsmd6uJfexBPhvPNQwbBzk8Yob7WUY.jpg","https://files.peakd.com/file/peakd-hive/pravesh0/EqqxM4q8Gqq4zm6HVHWYksPRw2xaD1uz2NSvuF1jv6zzCYWn4AwiegFjAkL7hpS8J8o.jpg"],"thumbnails":["https://files.peakd.com/file/peakd-hive/pravesh0/23tGVQt8MNYQsSPqdtnQBXeUaSixYmspioNFUU6LBfNcFjRccrCFA4QjiMF2uYeM6dzKX.png"],"description":"Hello and welcome back to my blog. This took much longer than expected. It all started with a simple question in the Ecency Discord Server. @acgalarza wanted to know the 'Cover Image' dimensions on the","image_ratios":["5.9757","1.1634","1.4944","4.9805","6.0952"]}"
created2025-04-12 05:58:48
last_update2025-04-12 05:58:48
depth0
children7
last_payout2025-04-19 05:58:48
cashout_time1969-12-31 23:59:59
total_payout_value6.868 HBD
curator_payout_value6.816 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length7,999
author_reputation560,878,446,149,152
root_title"Analysis of Cover Image Dimensions on Ecency, Peakd and Hive.blog"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id142,051,938
net_rshares42,403,960,403,595
author_curate_reward""
vote details (478)
@alwaysonyi ·
$0.03
This is Technological Knowledge  Proved, Thanks for Sharing.
👍  ,
properties (23)
authoralwaysonyi
permlinkre-pravesh0-2025415t14227559z
categoryhive-125125
json_metadata{"type":"comment","tags":["hive-125125","ecency","peakd","cover","dimension","india","neoxian","pimp","pob","vyb","ecency"],"app":"ecency/3.3.0-mobile","format":"markdown+html"}
created2025-04-15 13:22:09
last_update2025-04-15 13:22:09
depth1
children0
last_payout2025-04-22 13:22:09
cashout_time1969-12-31 23:59:59
total_payout_value0.014 HBD
curator_payout_value0.015 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length60
author_reputation5,302,102,722,137
root_title"Analysis of Cover Image Dimensions on Ecency, Peakd and Hive.blog"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id142,112,570
net_rshares93,401,784,680
author_curate_reward""
vote details (2)
@incublus ·
$0.06
I agree with what you're saying, man. I said recently that the cover photos look very strange on the Ecency front. It would be best for everyone to standardize them. 
👍  ,
properties (23)
authorincublus
permlinkre-pravesh0-2025413t04451116z
categoryhive-125125
json_metadata{"tags":["hive-125125","ecency","peakd","cover","dimension","india","neoxian","pimp","pob","vyb","ecency"],"app":"ecency/4.0.3-vision","format":"markdown+html"}
created2025-04-12 21:44:51
last_update2025-04-12 21:44:51
depth1
children1
last_payout2025-04-19 21:44:51
cashout_time1969-12-31 23:59:59
total_payout_value0.029 HBD
curator_payout_value0.029 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length166
author_reputation931,463,011,522,143
root_title"Analysis of Cover Image Dimensions on Ecency, Peakd and Hive.blog"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id142,064,133
net_rshares178,919,159,590
author_curate_reward""
vote details (2)
@pravesh0 ·
$0.03
![untitled.gif](https://media.tenor.com/M1uPIoqoEpsAAAAC/one-thousand-percent-thousand.gif)
👍  
properties (23)
authorpravesh0
permlinkre-incublus-sumw7o
categoryhive-125125
json_metadata{"tags":["hive-125125"],"app":"peakd/2025.4.4","image":["https://media.tenor.com/M1uPIoqoEpsAAAAC/one-thousand-percent-thousand.gif"],"users":[]}
created2025-04-13 01:59:51
last_update2025-04-13 01:59:51
depth2
children0
last_payout2025-04-20 01:59:51
cashout_time1969-12-31 23:59:59
total_payout_value0.012 HBD
curator_payout_value0.013 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length91
author_reputation560,878,446,149,152
root_title"Analysis of Cover Image Dimensions on Ecency, Peakd and Hive.blog"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id142,066,604
net_rshares77,444,278,926
author_curate_reward""
vote details (1)
@indiaunited ·
Indiaunited Curation 1744461752642
This post has been manually curated by @bhattg from Indiaunited community. Join us on our [Discord Server](https://discord.gg/bGmS2tE). 

Do you know that you can earn a passive income by delegating to @indiaunited. We share more than 100 % of the curation rewards with the delegators in the form of IUC tokens. HP delegators and IUC token holders also get upto 20% additional vote weight. 

Here are some handy links for delegations: [100HP](https://hivesigner.com/sign/delegateVestingShares?delegator=&delegatee=indiaunited&vesting_shares=167880.97860813027%20VESTS), [250HP](https://hivesigner.com/sign/delegateVestingShares?delegator=&delegatee=indiaunited&vesting_shares=419702.4465203257%20VESTS), [500HP](https://hivesigner.com/sign/delegateVestingShares?delegator=&delegatee=indiaunited&vesting_shares=839404.8930406515%20VESTS), [1000HP](https://hivesigner.com/sign/delegateVestingShares?delegator=&delegatee=indiaunited&vesting_shares=1678809.786081303%20VESTS). 

[![image.png](https://files.peakd.com/file/peakd-hive/bala41288/46eaz12N-image.png)](https://discord.gg/bGmS2tE) 

<sub>**100% of the rewards from this comment goes to the curator for their manual curation efforts. Please encourage the curator @bhattg by upvoting this comment and support the community by voting the posts made by @indiaunited.**</sub>. 

This post received an extra 15.02% vote for delegating HP / holding IUC tokens.
properties (22)
authorindiaunited
permlinkindiaunited-1744461752642
categoryhive-125125
json_metadata{"app":"hiveblog/0.1","format":"markdown","tags":["hive-125125","ecency","peakd","cover","dimension","india","neoxian","pimp","pob","vyb","ecency"]}
created2025-04-12 12:42:33
last_update2025-04-12 12:42:33
depth1
children0
last_payout2025-04-19 12:42:33
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length1,410
author_reputation92,762,907,594,841
root_title"Analysis of Cover Image Dimensions on Ecency, Peakd and Hive.blog"
beneficiaries
0.
accountbhattg
weight10,000
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id142,056,255
net_rshares0
@kliksynk ·
$0.03
Very interesting, thanks for sharing that knowledge with us
👍  ,
properties (23)
authorkliksynk
permlinkre-pravesh0-2025415t682416z
categoryhive-125125
json_metadata{"type":"comment","tags":["hive-125125","ecency","peakd","cover","dimension","india","neoxian","pimp","pob","vyb","ecency"],"app":"ecency/3.3.0-mobile","format":"markdown+html"}
created2025-04-15 04:08:03
last_update2025-04-15 04:08:03
depth1
children0
last_payout2025-04-22 04:08:03
cashout_time1969-12-31 23:59:59
total_payout_value0.014 HBD
curator_payout_value0.015 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length59
author_reputation47,326,596,661
root_title"Analysis of Cover Image Dimensions on Ecency, Peakd and Hive.blog"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id142,105,391
net_rshares92,841,613,655
author_curate_reward""
vote details (2)
@melinda010100 ·
$0.04
Thanks for taking the time to research this! 
👍  ,
properties (23)
authormelinda010100
permlinkre-pravesh0-2025412t92231424z
categoryhive-125125
json_metadata{"tags":["hive-125125","ecency","peakd","cover","dimension","india","neoxian","pimp","pob","vyb","ecency"],"app":"ecency/4.0.3-vision","format":"markdown+html"}
created2025-04-12 14:22:30
last_update2025-04-12 14:22:30
depth1
children0
last_payout2025-04-19 14:22:30
cashout_time1969-12-31 23:59:59
total_payout_value0.018 HBD
curator_payout_value0.018 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length45
author_reputation1,021,221,894,684,955
root_title"Analysis of Cover Image Dimensions on Ecency, Peakd and Hive.blog"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id142,057,599
net_rshares113,255,280,563
author_curate_reward""
vote details (2)
@riyat ·
<center>Congratulations
You received an upvote ecency</center>
![](https://images.ecency.com/DQmZQUcgYvik3ceo9GgVGSDWobTSqNCAFXDQ2Z2bzd3LrzN/1000232057.gif)
properties (22)
authorriyat
permlinkre-pravesh0-2025412t14113089z
categoryhive-125125
json_metadata{"tags":["hive-125125","ecency","peakd","cover","dimension","india","neoxian","pimp","pob","vyb","ecency"],"app":"ecency/4.0.3-vision","format":"markdown+html"}
created2025-04-12 07:11:30
last_update2025-04-12 07:11:30
depth1
children0
last_payout2025-04-19 07:11:30
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length156
author_reputation268,475,636,927,738
root_title"Analysis of Cover Image Dimensions on Ecency, Peakd and Hive.blog"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id142,052,545
net_rshares0