fastimage
squoosh
Our great sponsors
| fastimage | squoosh | |
|---|---|---|
| 0 | 166 | |
| 143 | 16,737 | |
| - | 1.6% | |
| 7.3 | 6.4 | |
| about 2 months ago | 10 days ago | |
| TypeScript | TypeScript | |
| ISC License | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
fastimage
We haven't tracked posts mentioning fastimage yet.
Tracking mentions began in Dec 2020.
squoosh
-
Preferred WEBP image quality/compression amount
Thanks for the thorough answer, Marble_Wraith. Between tweaking the compression amount and making srcset versions for every image, creating web-friendly images these days is... tedious. :) I'll check out the https://squoosh.app/ utility mentioned in the video.
Tools like Squoosh exist to let you play around and find the perfect balance between size and quality.
-
Should I convert all my .jpg images to .webp?
If you want to experiment with with different formats for your images try this webapp: Squoosh it runs entirely in your browser and you can try different formats. Although in the web version only one at a time but with the cli version you can do the same thing. Maybe try it out and see which format looks the best for you
-
Slow non www to www
One thing to add, with your image compression, I would recommend trying to find a balance between image quality and speed. Some of your images are getting a bit fuzzy. I stopped using a compression tool and instead got in the habit of compressing each image one by one using Google's new Squoosh app. https://squoosh.app/
-
Roast my SEO: Wilson Watches
For your image issues, as someone already mentioned you can make your images smaller. I use Figma.com to bulk resize then download them as JPEG. Then you can run your images through https://squoosh.app/ or https://compressjpeg.com/ before uploading them.
-
What’s the best lossless image format? Comparing PNG, WebP, AVIF, and JPEG XL
I'm using https://squoosh.app/ to compare results.
-
OptiPNG vs. PNGcrush vs. Gimp to Reduce PNG Size
Just for fun you can compare WebP vs PNG performance (in OxiPNG or your browser's implementation) on https://squoosh.app/. For your normal images this will quickly net your a 20-30% size decrease over optimized PNG even in lossless mode.
JPEG XL is even better, but browsers and other image libraries tend not to support it.
The 'indexed' PNG looks quite bad. Using an 8-bit palette doesn't mean using terrible dithering, you can get this image down to 70-80kB with a 80-120 colors palette, and because of the solid surfaces it doesn't need any dithering at all.
Try https://squoosh.app, it runs the compressors in-browser with WASM and you can fine tune the parameters live.
- How to add text to a graphic?
What are some alternatives?
sharp - High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP, AVIF and TIFF images. Uses the libvips library.
oxipng - Multithreaded PNG optimizer written in Rust
ImageOptim - GUI image optimizer for Mac
next-optimized-images - 🌅 next-optimized-images automatically optimizes images used in next.js projects (jpeg, png, svg, webp and gif).
devilbox - A modern Docker LAMP stack and MEAN stack for local development
go-unsplash - Go Client for the Unsplash API
SWR - React Hooks for Data Fetching
Mono - Mono open source ECMA CLI, C# and .NET implementation.
Nuxt.js - The Intuitive Vue(2) Framework
eleventy 🕚⚡️ - A simpler static site generator. An alternative to Jekyll. Transforms a directory of templates (of varying types) into HTML.
Next.js - The React Framework
pica - Resize image in browser with high quality and high speed