Resized the food image logic (waiting until Monday to deploy)
I’ve always just resized all images to 600px-width files, but this is inefficient when the image appears in a card, where the image is only 200px.
I adjusted the logic so that when I upload new images, it saves the original, then creates a 600px, a 400px, and a 200px version.
Re-sized all my legacy images to the new sizes.
Realized I’ve been misusing srcset for like 2 years because I thought you could leave out the "sizes" attribute and just let the browser figure it out.
In my tests, doing that causes the browser to just download the largest image