website icon indicating copy to clipboard operation
website copied to clipboard

Higher quality render of phone on homepage

Open TimoNotThy opened this issue 1 year ago • 2 comments

Acknowledgements

  • [X] I have searched the existing issues and this is a new ticket, NOT a duplicate or related to another open issue.
  • [X] I have written a short but informative title.
  • [X] I will fill out all of the requested information in this form.

Describe your suggested feature

The render of the phone with the app open is not of high quality. Replacing it with a render that has a higher resolution would look better.

Other details

current picture

TimoNotThy avatar May 12 '24 16:05 TimoNotThy

Higher resolution renders exist, using a low resolution is to keep the front-page loading near-instantaneous even on bad internet.

Soitora avatar May 12 '24 21:05 Soitora

I don't know a lot about web development but is it not possible to first load the low resolution image and then 'slowly' load the high resolution version after the site has loaded.

TimoNotThy avatar May 13 '24 06:05 TimoNotThy

I don't know a lot about web development but is it not possible to first load the low resolution image and then 'slowly' load the high resolution version after the site has loaded.

It is completely possible using events on the image element.

There's also an option, without JavaScript, for the browser to load the image best suited for the screen resolution using srcset https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images

prenaissance avatar May 29 '24 15:05 prenaissance

I just went ahead and used the higher quality renders instead. Fixed by 915da5bd07095f4164a019d24878eb963b889eda

Soitora avatar Jun 01 '24 20:06 Soitora