Hosting option for app serving lots of images
I have an application that serves a lot of ~40-80 kb images, the project is deployed using vercel but I already used up the free tier's perks for image optimization. I haven't tried deploying using a VPS because I've heard of the amount of overhead that comes with it as well. Would love any input on this as I am kind of a noob when it comes to handling these things. Thanks!
9 Replies
are these images you control? like is it user uploaded? if not you can just optimize the images locally first and then disable image optimization on next https://nextjs.org/docs/app/api-reference/components/image#unoptimized
Components: Image | Next.js
Optimize Images in your Next.js Application using the built-in
next/image Component.make sure you do optimize the images yourself tho. like using cwebp. if not the bandwith usage can be scary
Vercel dropped the price of image optimizations yesterday, it's opt-in right now so you can enable it through the dashboard
might save you a lot of money
to be more specific, 10k free per month and then $0.05 per 1k optimizations
these are images I control yes, using superbase storage
oh god alright
that honestly doesn't sound too bad wow, thanks
@peculiarnewbie would you reccomend compressing the images to webp and serving it locally, rather than using a storage service?
wouldn't that pose some problems to scale
I guess there are its pros/cons
ehh no. i don't like serving anything myself. and yeah the reason is that i don't wanna deal with scaling stuff. my recommendation was compressing locally then uploading to your storage service
I personally use r2, i like it because it doesn't charge for bandwith. but for your case i actually recommend theo's uploadthing more than supabase storage. because uploadthing doesn't charge for access or bandwith, just storage
that makes a ton of sense thanks so basically:
compress image files to .webp -> upload to storage service that doesn't charge for bandwidth(uploadthing)
i guess now I just need a method for migrating my image urls from different storage solution but staying linked to the same table ids in my orig db
you could also use image optimizations from bunnycdn
$10/month for unlimited optimizations + cdn cost which is very cheap
@Aoki I can't seem to find the price drop information on image optimization
is this something I can opt into?
apparently here: https://t.co/9Rr2zbeK7Q (link copied from twitter)
I can't see it myself though, maybe because I'm not on the pro plan
announcement is here if you want to read into it https://vercel.com/changelog/faster-transformations-and-reduced-pricing-for-image-optimization