Mass Image Optimization
ฝัง
- เผยแพร่เมื่อ 30 พ.ย. 2024
- Optimizing images is easy with this script! Img-optimizer + ImageMagicK leverages multiple CLI tools to give the best results.
Website Guide: christitus.com... .
►► Digital Downloads ➜ www.cttstore.com
►► Reddit ➜ / christitustech
►► Titus Tech Talk ➜ / titustechtalk
►► Twitch ➜ / christitustech ►► BlueSky ➜ bsky.app/profi...
I'm a simple man. I see Titus new video - I press like button.
Amazing. I want to keep my Website as lightweight and fast as possible to grant EVERY user a great experience. No matter the hardware or internet connection. 🙏
I wish Google wasn't trying to kill jpeg xl - I converted 15 GiB of jpg and png files to jxl losslessly and wound up with 3-4 GiB, without anything but mogrify and fd.
Chris is a mind reader. I was working on getting one of my clients websites optimized for speed and boom, a video pops up with just what I need!
ImageOptim for Mac and FileOptimizer for Windows are GUI versions of these and then some. When I was deving Android Roms on XDA and SDX those are what I used for all my Ti-X Roms. 9.PNGs being compressed like this would make the apps crash but back then we are talking it could remove 500MB or greater of savings over the whole ROM but today I'm betting it would be a lot more of savings and a few hundred points on geekbench at times. I wish everyone ran these for everything.
your videos are so nicely compressed.
Thank you for sharing Chris. As a web developer, I find reducing the image size and converting to webp as the best combo (+create a fallback for older browsers just in case).
how do you create a fallback for older browsers?
source sets?
@@BlobBlobkins
Thank you soo much Chris! Drastic change in my website's loading time!
Due to the static nature of this site, you could put it behind a content delivery network to improve / reduce bandwidth usage to your server directly.
ImageMagick is available for Windows, and can be installed easily via Chocolatey. Thanks for sharing the bash scripts, however :) Always check your package sources and ensure that your Nupkg comes from a trusted source!
There is an expensive tool called jpegmini which compresses different parts of the image with different strength. Compares the delta and when small enough compresses even more.
I hope that heic/heif becomes a widespread standard as jpeg2000 should have been for 2 decades. Eliminates the 8x8 pixel block artefacts.
One tool that I've used for years is simply called FileOptimizer. It will automatically optimize your images, js, css, it can do media files too and way more. Open it up & drag folders into it's gui and it's off to the races.
More than 90 third party tools integrated in one same tool (plugins)
More than 400 file extensions supported, being the most complete tool available of this type
FileOptimizer is fine if your machine is Windows driven.
Mine is Linux and many frontend designers favor Safari.
Instead of optipng try out ect (efficient compression tool). It will optimize PNG files better and faster. It supports jpeg too but I guess jpeg-optimze might still do better. Have to do a test myself.
On linux now, but when I was on Windows I used to use FastStone image viewer. It has a very good GUI-based batch converter built in.
Thank you for that recommendation, FastStone turned out to be awesome!
Under windows i use the free tool „irfanview“. Very powerful batch processing.
I use Cloudinary for my image optimization, resize and also for serving avif image format.
Thanks a lot Chris. I switched to Hugo yesterday and was looking for this.
Thank you so much. Really nice video.
In addition to what you mentioned, the images can be lazy-loaded, which loads the image only when it is about to be shown on the screen. So, if a page has hundreds of images, then load only the visible images.
It worked amazing, super noticeable speed increase, like
Hi Chris...can't you do your uploads in rumble as well....or is it too much work. Love your channel.😀
Thanks Chris. I found the Power Toys a year or 2 ago. Very handy tool.
On my end, I just start an instance of IPX and let that handle image optimization on the fly. Incredibly useful for thumbnails where you want a smaller image, and convenience since you can just drag and drop and it'll work.
However it DOES add processing and slowdown so I've been wondering whether I should just convert the images. My main thing being that sometimes I want multiple versions - like the full version, thumbnail, and presentable version that's inbetween.
I have a handful of Windows batch files on the "Send to" menu to create copies of images on right-click. ImageMagick and PngQuant produce multiple copies of varying sizes and qualities.
You are literally a hero
Can you make a tutorial on how you made and deployed your website?
try cloudflare cdn caching for static contents like images? to optimise bandwidth?
Still looking forward to that Linux version of folder thumbnailing that you did already for Windows.
Hi Chris, I host a membership site (%90 open source BrilliantDirectories) that members can upload and post profile pics & background images, photo gallary, plus blogs, articles, and TY (linked) or uploaded video.
I have an issue with folks having to manually resize their profile and background image, let alone compressing them which by the way BD runs its platform by loading all the images first... these potentially large unoptimized image files slows the entire site down while also creating tedious steps for new users to build their free profile.
I would also like to keep the blog images standardized so that the sidebar thumbnails are created uniformly and the blog link forces images to be uniform on the actual article or blog post (so it appears all written by one authored style).
Would there be some coding I could place in the parent directory of my directory site (not the BD directory hosted parent) that could help make it super simple for new members to upload any image and it will be optimized (and resized automatically where necessary for general image settings).
This code could be packaged in a widget using the BD widget creation tool, or perhaps hosted elsewhere and looped into the sign up/profile submission process using zapier.
If you made such a code, I could perhaps monitize it for others to use in their BD sites.
The biggest hassle of creating any BD site is image resizing and optimization. Having to move files around from my phone, Mac (photoshop) and PC and build my "optimized" images folder manually for each image set is a pain.
USQuailCoop at Gmail should you wish to discuss
DrBob
We need this tool for windows!
On Windows use RIOT.
Sound interesting ...
Radical Image Optimization Tool (RIOT) a free image optimizer to visually adjust compression parameters while keeping minimum filesize..
Could it convert images to vector ...
I will try it via powershell
Thank you and kind regards
@@raidhamidal-qurtas5447 have you tried Squoosh?
Thx a lot, that's amazing software!
Is there a tool to optimize pdf files with pictures in them??
I wonder if avif could produce better results. And if I am not wrong this virtubox img-optimize even have option to do this (I have never used it but I just saw some mention of avif on website).
But I guess that avif is still new so even because of compatibility, avif might be not worth using.
According to CanIUse website, Edge and some older Safari versions are the most important ones still lacking avif support.
With webp the situation was exactly the same 5 years ago. Give it a couple years and avif should be the de facto.
Is there a command for fedora?
Great video! But missing the explanation on how to transform to webp
I just change the extension
damn bro you slimmed down 😮💨
Hi Chris! Is it possible to somehow remove the Microsoft Edge update from the apps?
Hey Chris,
I need your serious help man
I am using your windows debloat utility from last 2 years no issues so far
But from last 1 week
I am stumbled upon a major problem (already clean installed ws10 pro 3 times but still stucked)
I am using windows 10 pro
The moment I clean install (with all windows update and drivers update) alongwith debloating
everything works fine for exactly 2 days
after that
Internet access for windows app is gone like crazy no access to internet
Whereas it is working fine for everything just fine like chrome, spotify etc
also working fine on windows sandbox
I am on ethernet connection on a DEsktop
I dont know whether it is something wrong with scheduler or what that it restricts internet to native apps after like 2 days.
I tried plugging in an external usb wifi dongle still same issue
I am very frustated
tried each n every fix available on internet but can't resolve it
please help
Please
I don't want to use windows without debloating PLease help 😫😫😢😢
AVİF is great.
Not for windows?
Can i use ubuntu to run the script?
Fantastic
Wishing to have this script in windows.
How about a tool to reducing large PDF sizes 🤔 that is scanned images
Thank you ...
You can use WSL
Shame that JPEG XL is getting the cold shoulder from google and firefox.
i use Mass Image Compressor for win
Does it make sense to use this for regular photos backed up on my own server?
The problem is that it greatly reduces the quality of the photos. However, copy some photos over to another directory, and give it a try. I would keep the originals backed up somewhere, though.
I can see this as being useful if you have a digital picture frame that loads pictures over the network. Optimize the photos for that, and save some space.
U sir are amazing, never stop please