In Kotlin, I can set a bitmap to be 500x500 and use ScaledBitmap to load an image in to it at that size without wasted memory junk as far as I know.
Now I am trying to do this in javascript so I can have my website display it's images to scaled sizes of my choosing without having to load the full size of every image first or manually making and uploading multiple sizes.
Everything I'm seeing says there is no way in JS. My ELI5 here is WHY? What makes Kotlin have this but not JS?
sloplike screenshots for reference
JavaScript can do that, but it would be JavaScript running on the server. Any language capable of working with images and http will be able to do this.
If you're running JavaScript in the browser, any kind of operation on the image would require the image to be downloaded from the server first. You can't resize an image without the image after all. Which I think is where you're getting your wires crossed, a Kotlin app already has the file, a browser does not.
One of the main things you need to care about optimising for a web application is sending as little as possible over the network, so you do anything like image resizing either at dev/build-time or on-the-fly server side. There's little point doing it client-side because the comparatively time consuming part of getting it transferred is already done
thank you!
If you’re interested Vite is a common build tool for preprocessing a bunch of different files so they can be served efficiently—and there’s plugins for it for image processing where everything is handled automatically