My screenshot-and-upload macro, SnapSCP, looks like this: I just ran a few tests, and OptiPNG seems to be running fine on my Macs now, but I’m sticking with ImageOptim.) (I used to use OptiPNG for this, but at some point a couple of years ago it started running very slowly, and the delay was disrupting even the slow pace of my writing. Which means that my Keyboard Maestro macro for taking screenshots and uploading them to the blog’s server can reduce their file size during the process. This is all very well and good, but I wouldn’t think as highly of ImageOptim if it weren’t for one very useful feature: it can be run as a command line program. You’ll note that I don’t have my images run through Zopfli or PNGOUT, as these programs run slower than the others, and I don’t think the extra time is worth slight extra reduction in file size. The image file is overwritten with that optimized version and you’re told how much smaller the file became. The given image is run through each of the checked programs appropriate for its file type, and the one that provides the smallest file is selected. You can see and choose the programs in either the Preferences or the Tools menu. Generally, I get 25–40% smaller files after running them through ImageOptim.įundamentally, ImageOptim is a front end for a set of open source image optimization programs. And it can do this for PNGs, which is the format I use for the screenshots I post here. what ImageOptim really excels at is reducing the file size without changing the image quality. I’m sure you already know that a JPEG’s file size can be reduced by lowering its “quality.” ImageOptim can do this kind of optimization, but so can lots of apps. What ImageOptim leaves you with is an image that takes up less space on your disk it doesn’t take up less space on your screen. It doesn’t resize an image in the sense of changing its width or height in pixels. 1 One of Stephen’s picks is ImageOptim (discussion starts at 1:00:50), an app I use all the time but haven’t talked about here.Īs suggested by its name, ImageOptim optimizes images by reducing their file size. As usual, this one has a good mix of apps that are new to me and those I already know about. Compressing images with the website is free for everyone and we like to keep it that way! If you like TinyPNG please contribute by making a donation.Yesterday, I listened to the most recent Mac Power Users episode, “20 Mac Apps Under $20.” Although MPU is probably best known for its deep dive episodes, I always like these more rapid-fire discussions. In 2014 we added intelligent compression for JPEG images and in 2016 we added support for animated PNG. We created TinyPNG in our quest to make our own websites faster and more fun to use with the best compression. Why did you create TinyPNG?Įxcellent question! We frequently use PNG images, but were frustrated with the load times. It allows you to scale, preview and save compressed PNG and JPEG images straight from Photoshop. You can also install the TinyPNG Photoshop plugin. We’ll convert them to tiny indexed PNG files. You can use Save for Web to export your images as 24-bit transparent PNG files and upload them to TinyPNG. With other versions it is impossible and Photoshop CS5 cannot even display them properly. What about Photoshop?Įxcellent question! Only Photoshop CC 2015 or newer can save images as indexed PNG files with alpha transparency. If you want to create and compress stickers under 500 KB take a look at the iMessage Panda sticker example on Github. Only Internet Explorer does not support the format yet.Īpple added animated stickers to iMessage with the release of iOS 10. Binary transparency without any workarounds! Is it safe to use animated PNG?Įxcellent question! Chrome, Firefox, Safari and now Microsoft Edge all support APNG. With TinyPNG the background becomes transparent again. Still need to support Internet Explorer 6? It normally ignores PNG transparency and displays a solid background color. Is it supported everywhere?Įxcellent question! The files produced by TinyPNG are displayed perfectly on all modern browsers including mobile devices. I have excellent eyesight but can’t spot the difference either! Use the optimized image to save bandwidth and loading time and your website visitors will thank you. In the above image the file size is reduced by more than 70%. The result better PNG files with 100% support for transparency. All unnecessary metadata is stripped too. By reducing the number of colors, 24-bit PNG files can be converted to much smaller 8-bit indexed color images. File size 57 KB vs Shrunk transparent PNGĮxcellent question! When you upload a PNG (Portable Network Graphics) file, similar colors in your image are combined.
0 Comments
Leave a Reply. |