svelte-cloudinary icon indicating copy to clipboard operation
svelte-cloudinary copied to clipboard

look into the recommended og image height

Open ghostdevv opened this issue 1 year ago • 3 comments

ghostdevv avatar Oct 11 '24 02:10 ghostdevv

I ran into this when working on the previous task. I think the dimensions commonly used are 1200X630. But height varies between 627-630.

ovindu-a avatar Oct 17 '24 15:10 ovindu-a

Please look into default values and align with what message various preview services expect (like a social share image)

@ovindu-a

jlooper-cloudinary avatar Sep 24 '25 18:09 jlooper-cloudinary

Seems like this one is not really active anymore - could I take over?

Here's an interesting blog post on the topic, mentioning that 1200×627 is ultimately the correct resolution (although teams crops edges a bit).

Suggested aspect ratio is 1.91:1, and if we take a look: 1200 ÷ 630 = 1.904:1 1200 ÷ 627 = 1.913:1 it's clear, 627 is closer to it.

According to Meta - it seems like providing og:image:width and og:image:height tags will speed up the rendering process of the image.

Although the og:image tag will cover LinkedIn, Facebook ... we should make a change for Twitter - which expect the image to be slightly taller - 1200x675.

@jlooper-cloudinary - I've submitted a PR #183 if you'd like to take a look.

MaticSulc avatar Oct 02 '25 06:10 MaticSulc