DEV Community


What are good ways to optimize images from Markdown?

Pacharapol Withayasakpunt
Currently interested in TypeScript, Vue, Kotlin and Python. Looking forward to learning DevOps, though.
・1 min read

Especially when you generating images from

  • Hotlinking (which probably you shouldn't do)
  • Pasting from clipboard

This is an example of such pasting function,

So, what do you recommend I do?

  • Proxy with Cloudinary?
  • Make my own proxy server?
  • Save image locally, then parse to multiple sizes (probably with sharp)?
    • Are there some guidelines on how to do this?
  • Or, just use a headless CMS?

Discussion (4)

zzoukk profile image

patarapolw profile image
Pacharapol Withayasakpunt Author

At a first glance, how different is it from Cloudinary?

Also Cloudinary seems to provide Components for popular frameworks as well, such as cloudinary-vue.

zzoukk profile image

ImageKit has unlimited requests an transformations (but weird limited storage). See Pair it with S3 or B2 maybe?

Else you have I found recently on which is mostly a free CDN maintained by Frans Ellen (he's a user). I forgot to asked him about privacy concerns though...

zzoukk profile image

As for components integration, I think you can handle it yourself.