*re: Images and CF Pages* I'm having a devil of a time trying to understand this. Any thoughts are
re: Images and CF Pages
I'm having a devil of a time trying to understand this. Any thoughts are very much appreciated.
*The situation: *
I currently plan to deploy a three-page site built with Remix to Cloudflare Pages. One of the pages has about 20 images on it. None are fixed size. They scale with the viewport. The layout changes responsively based on media queries (e.g., one column, two column, three column).
The client doesn't have deep pockets, naturally. I plan to handle transcodes and srcset and sizes attributes for these images on my own.
I'm struggling to understand delivery/storage costs, though.
Ideas:
I'm having a devil of a time trying to understand this. Any thoughts are very much appreciated.
*The situation: *
I currently plan to deploy a three-page site built with Remix to Cloudflare Pages. One of the pages has about 20 images on it. None are fixed size. They scale with the viewport. The layout changes responsively based on media queries (e.g., one column, two column, three column).
The client doesn't have deep pockets, naturally. I plan to handle transcodes and srcset and sizes attributes for these images on my own.
I'm struggling to understand delivery/storage costs, though.
Ideas:
- CF Cache. My original plan was to host the images in the project repo. At some point, some docs lead me to believe that, when a request comes in for an image on a CF-managed site, the image would get copied into cache and would then be served from there until expiration (which I'd love to set to a year?).
- This is my favorite option. If true, how do I calculate pricing?
- R2 w/ or w/o Cache. I see an alternate plan might be a R2 bucket with no need for image transformation. What would the costs be in this scenario? I guess: (a) storage and (b) bandwidth for delivery? I'm super-unclear about how to think about (b). I see discussion about no egress fees, but I'm not sure whether egress and image-delivery bandwidth are the same?
- Can this be paired with Cache, too? How is pricing calculated, if so?
- Images. Finally, I've read about Images, but am not clear if I could use this service for, basically, delivery only. In the situation I've described, is there some way to use this service effectively? And how do I assess its cost?


