Here is how I optimise all pngs and jpgs in a folder for publishing to the web.
To get the tools install with brew or whatever you use.
brew install imagemagick optipngThen run the following commands to produce optimised images for web sites. This will often reduce the size of the image by 50% or more with no obvious loss of quality for web.
# for jpgs
mogrify -strip -interlace Plane -sampling-factor 4:2:0 -quality 85% *.jpg
# For pngs and bitmaps
optipng *
Hi! I'm Darragh ORiordan.
I live and work in Sydney, Australia building and supporting happy teams that create high quality software for the web.
I also make tools for busy developers! Do you have a new M1 Mac to setup? Have you ever spent a week getting your dev environment just right?
My Universal DevShell tooling will save you 30+ hours of configuring your Windows or Mac dev environment with all the best, modern shell and dev tools.
Get DevShell here: ✨ https://usemiller.dev/dev-shell ✨
It’s important to add a canonical meta tag to your pages to improve SEO or to avoid issues with query params in crawled pages.
You can easily add a canonical meta tag in NextJs by using the next/head component.
I wrote about how to use open telemetry with NestJs and React previously.
I wanted to add open telemetry to my NextJs app that calls a NestJs backend. The paradigm of SSR preferred by NextJs is a bit different than the CSR paradigm of React.
I’ll describe the differences and how I added open telemetry to NextJs that propagates to other backend APIs.
I wrote about how to use nextjs with docker.
I wanted to compare using next standalone like in the article and just using next start.
If you’re using Azure DevOps Git SSH you have to use an RSA key. This is because Azure DevOps doesn…
Hi! I'm Darragh ORiordan.
I live and work in Sydney, Australia building and supporting happy teams that create high quality software for the web.
TwitterGithubLinkedin
Learn how professional dev teams use NextJs and NestJs to build modern web apps.
Say Goodbye to manual dev environment configuration
Protect your data with local dev utilities instead of random websites