🤑 Indie game store🙌 Free games😂 Fun games😨 Horror games
👷 Game development🎨 Assets📚 Comics
🎉 Sales🎁 Bundles

itch.io frame widget images in high res

A topic by Jack Le Hamster created 20 days ago Views: 44 Replies: 6
Viewing posts 1 to 3

 Hello,

I'm  using the iFrame widget to include my games on other website, but the image isn't high res. For an image to look pixel perfect on the Macbook with Retina Display, the image resolution has to be double its displayed width and height.

For ex, an image displayed at 180x143px needs to be originally 360x286px or more.

See the following on a retina Macbook:
https://jsfiddle.net/qhoc1s48/

Is there a way to get the high res display in the iFrame widget?

Thanks.

Admin

good call, we can add a srcset attribute to the image to have a high density version available

Admin

Alright, it's there now, tell me if you have any issues.

Thank you! Wow it does look better now. So now all widgets will have retina images by default?

Admin

Both sizes are included in the markup and the browser will choose the correct image automatically.

Brilliant! Thank you!

Hi Leafo,

I also just noticed that on the game page (where you can download the game), the screenshot thumbnails are also not displayed at retina resolution. (The image size is the same as the size it's displayed). Like on this page.

Could we also have the screenshot thumbnails displayed as retina on the game page?