Hey everyone! I'm building a site for a real estate company and I'm about to upload thousands of images from several hundred properties. I'm looking for advice on managing such a large number of images. I usually use webp files for my other projects, but dealing with this volume is new for me.
I'm considering organizing the images into subfolders within the static folder, with each property having its own folder. However, is that a smart move, or should I be thinking about hosting the images somewhere else due to their high volume?
Also, I need to transfer the images from their current website. The company can't access most original files, and the ones they do have aren't organized. Is my only option to save and convert each image manually, or is there a more efficient way to handle this? My tech stack includes SvelteKit, TypeScript, Tailwind, and Pocketbase for user management, and I use Netlify for hosting. Any tips would be greatly appreciated!
5 Answers
The best practice would be to use a blob storage service like AWS S3 or Firebase Storage. This way, you can keep your repository size down and link your images to a database, which is usually how CMS systems work. It’s not ideal to store them directly in your git repo since it could get huge over time. You mentioned Pocketbase, it might be worth looking into how you can integrate image storage with it!
Yeah, definitely look into blob storage to keep things organized and efficient!
Using a Content Delivery Network (CDN) is a great way to go! It'll optimize the delivery of your images and help with loading speed. Consider services like Cloudinary or Imgix for better management and performance.
I handle around a million photos on my site with bunny.net, and it's been fantastic for performance and reliability.
Absolutely love your tech stack! Have you checked out the Pocketbase files API that can be backed by S3? It could simplify your image management.
I faced a similar situation while setting up a wine catalog site. Using Cloudflare R2 for storage combined with their CDN worked wonders for image delivery. Also, consider hiring someone to scrape the images if that’s too much work, it could save you a lot of time!
That sounds like a solid idea! I’ll check out how to integrate image storage with Pocketbase. Thanks for the heads up!