Fly image proxy?

Hey Fly folks,

I’ve seen examples of using Fly as an EDGE image proxy with Imaginary. This is the link where I saw it: https://fly.io/launch/github/h2non/imaginary

Any best practices on how to set this up? Is there a Github project where I can easily plug this into my project?

I’m already serving images via an S3+CloudFront setup managed by Terraform, so I’d want to run Fly in front of that.

Thanks!

We also have imgproxy, which I think is really nice: https://fly.io/launch/github/imgproxy/imgproxy

There isn’t an all in one package for this yet, I think it would need to be combined with a caching nginx proxy to be good, and also include some basic rules for rewriting URLs and applying defaults.

That would make a great example project, actually.

Oh wow this is super cool! I’m going to try to use this at Draftbit

Wanted to bump this to see if there is a “best” practice for getting something like his launched being that it has been a while since this was last talked about here.

I also noticed there is no longer a link on the docs site to an example that was somewhat related to this topic (going off memory that this existed at some point).

Would like the dynamic image compression / resizing and a caching layer.

Thanks!

We took out the docs link because a lot of these examples are outdated. We want to revive them, one by one, as official examples with an accompanying flyctl launcher. You would still want something like nginx or varnish for the cache layer. That makes it a bit harder to get going, but not much!

If you’re willing to poke around a bit, I can get a quick repo setup for testing.

1 Like

I would love that, we already deployed the imgproxy image and have that working.

But this would obviously need a cache layer along side some kind of cdn setup as well.

I’d do the following:

  • set up imgproxy - think that’s already done
  • add all regions into the list and switch the scaling strategy to balanced. This should automatically move the instances to wherever they’re required - Scaling and Autoscaling
  • Put a ‘real’ CDN like Bunny.net or Cloudfront in front. Fly has 20 execution regions while Bunny has 70+ and Cloudfront 120+ caching regions, so if you’re looking at caching performance a real CDN can’t be beat.
  • If your URLs are immutable (you don’t change the image at each filename) you can set your Cache Control headers to be 1 year and immutable as well.
  • Remember to turn on query parameter level caching at the CDN options, if you’re using them in imgproxy.
  • The CDN settings will also allow Brotli compression, can turn that on.
  • Bunny.net also have builtin image resizing, so can look at that as well if you don’t need much control.
1 Like

This is amazing, looking into bunny.net as we speak!

Are you using anything like nginx / varnish to locally cache?

Are you using anything like nginx / varnish to locally cache?

I don’t see the point of that, the CDNs all have some kind of thundering herd protection, all called origin shield or something, so even if 1000 people request the same image simultaneously the CDN will only send one request and serve the same image to all 1000. I don’t see any need to have a CDN and a local cache.

But a cache might be necessary on the other side of things — if you get a request for a large number of variations of the same image often — at that point you don’t want to load up the high quality large originals N times, so you might want to put an nginx/varnish over the original image source if that’s a problem you have. I sometimes put a CDN over the original image source as well, like a raw.cdn.something.com for the originals. That way even if I need the many variations of the same image quickly the imgproxy loads it off the closest edge cache. This bill tends to be many orders of magnitude lower than the main outgoing CDN that serves users, so it’s usually negligible.

1 Like

After deploying everything myself I soon realized that you wouldn’t need cache on the server it self.

Thanks for your awesome explanation and the bunny.com recommendation, it was TOO easy to setup haha.

I have everything working perfectly :slight_smile:

1 Like