Figure out how to resize images correctly

[razzeee]

I'm not sure if we will ever end up doing this, but it feels like we should document it. As lighthouse is basically saying, it would be the single biggest gain to our loading times.

[pkscout]

There are definitely a few spots we could resize images, but lots of our images are used multiple places and size based on the size of the screen – like the blog post featured image. It's used in a small size in the card and then a larger one on the blog detail page (really large on larger screens). The addon images are determined by what we get from the mirrors, and the icons are used at basically full size anyway. That mostly leaves the About Kodi card gallery (and the subset used on the main page) could be scaled down. They appear to only be used in that Card format now.

[razzeee]

From my understanding, sharp can still resize these, if you get it setup to get the images via grapdql

[pkscout]

We're going to need someone who actually understands Gatsby Images to do any of this. I've just spent the last hour trying to understand the documentation, and I think I have less understanding than I did an hour ago. I can get things into GraphQL by moving them into src/images, but after that I have no idea what to do that gives us any kind of scaled image (and I've tried). Also, it appears that Netlify doesn't support Gatsby Images, so unless we are willing to rip that entire thing out and move to something else (or try and use an outside image processor that works with Netlify CMS and Gatsby Image), none of the blog stuff can be done with Gatsby Image.

I'm not saying someone shouldn't do this, but I don't think we should hold up the site rollout for it.

[razzeee]

I wasn't trying to say that we do this before roleout Kyle Johnson ***@***.***> schrieb am Sa., 10. Apr. 2021, 21:01:

…

We're going to need someone who actually understands Gatsby Images to do any of this. I've just spent the last hour trying to understand the documentation, and I think I have *less* understanding than I did an hour ago. I can get things into GraphQL by moving them into src/images, but after that I have no idea what to do that gives us any kind of scaled image (and I've tried). Also, it appears that Netlify doesn't support Gatsby Images, so unless we are willing to rip that entire thing out and move to something else (or try and use an outside image processor that works with Netlify CMS and Gatsby Image), none of the blog stuff can be done with Gatsby Image. I'm not saying someone shouldn't do this, but I don't think we should hold up the site rollout for it. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#165 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABNLEZB6V43XKQ5YVG27HMTTICOBJANCNFSM42WU7J7Q> .