oxipng VS sharp

Depending on your workflow it might make sense to export PNGs directly from Affinity and then reduce their size with a utility like Oxipng, which uses all your cores to find the best algorithm for each particular image.

Assuming your frames are PNG files, you could use a lossless optimizer like optipng to try if their size can be reduced. I prefer oxipng, which is faster and multithreaded, and seems to have more active development.

Not sure what extensions of images you use, but if they’re PNG you could use oxipng: https://github.com/shssoichiro/oxipng

For PNGs specifically oxipng is awesome. It even has Zopfli compression, which is compatible regular compression, but is ~30% smaller (but requires lots of CPU time to compute).

They do. ripgrep and fd extensively use parallelism, which is specifically enabled by Rust's safety guarantees. oxipng is also in the same boat.

PNG: oxipng SVG: svgcleaner

Or go Commando: https://github.com/shssoichiro/oxipng

Some popular Node.js libraries for manipulating images are node-canvas and sharp.

Using sharp we can easily apply many common transformations to any image, including watermarking! Vercel's Edge network helps ensure we cache the result and a slight tweak to MicroFrontendRegistry via the MicroFrontendRegistry.url() method will give us a URL to request the image transformation so that it can be leveraged in img tags as well.

For writing text on images (like PNG or JPEG) I would use jimp or sharp. jimp is easier if all you want to do is add text on image with custom font.

Other than what u/loradan said, there is Sharp that I've used before in a cloud function. It might be heavyweight for your purposes, since it does a lot more than just image resizing, but it can still do exactly what you'd want.

Regarding a cropping tool, this could be done using a plugin and a custom component. However, I would support putting a feature like that into the core. We already use sharp internally and crop with a default cropping of center. If you'd like to, I'd say head over to our GitHub Discussions and submit a feature request, and we can hash out some details there.

If you have some Node and command line experience, check out Sharp. It’s an amazingly powerful image optimization tool used as the backbone of many image optimization services/apps.

Lambda Layer is a true gem in the Lambda function realm. It provides a convenient way to package your libraries and other dependencies that can be used with the Lambda functions. Our open-source project, Webiny which has 50k+ downloads and 5.5k stars on GitHub uses Lambda layers. It helps us reduce our Lambda function size by 12 MB and enable us to share the image processing library sharp across all the Webiny deployments.

Firstly, let us install lqip-modern, and sharp. Sharp is an awesome package that helps with image transformations and is used by lqip-modern -

The Alliance for Open Media's AVIF encoding and decoding library is also in a Github repo. Sharp, a Node module, has AVIF support. To make AVIF images, you can use avif.io, Squoosh, and the Squoosh command line tool aimed at supporting Node.js apps. GIMP and Paint.net support AVIF and there are Photoshop plugins. Mac has no plans to support AVIF, but you can easily install a codec plugin on Windows 10 for native support.