littlePNG - PNG Image Optimizer

Discussion in 'Mac Apps and Mac App Store' started by mac-slap-happy, Mar 26, 2015.

  1. mac-slap-happy, Mar 26, 2015
    Last edited: Mar 26, 2015

    mac-slap-happy macrumors member

    Joined:
    Jul 25, 2007
    #1
    Hey everyone. I'd like to announce our new app that is currently on the MAS.

    littlePNG is a PNG optimizer that can drastically reduce the file sizes of your PNG images. Using either lossless or lossy compression, it is possible to reduce file sizes up to 90% in some cases! Just drag your PNG files into littlePNG, and click one button to optimize and compress the entire batch.

    • Optimize your website graphics for faster loading times.
    • Compress your PNG graphics for your iPhone or Mac bundles.
    • Choose lossless or lossy based compression algorithms.
    • No need to learn command line tools!
    • Built using the latest quantization tools.

    littlePNG is perfect for web developers, or iOS/Mac application developers. Reduce the bandwidth requirements of your website, or reduce the overall size of your app bundle.

    Download on the MAS: https://itunes.apple.com/us/app/littlepng/id977861919?ls=1&mt=12
     

    Attached Files:

    • 1.jpg
      1.jpg
      File size:
      66.2 KB
      Views:
      77
    • 2.jpg
      2.jpg
      File size:
      75.5 KB
      Views:
      96
    • 3.jpg
      3.jpg
      File size:
      61.3 KB
      Views:
      82
  2. Toltepeceno Suspended

    Toltepeceno

    Joined:
    Jul 17, 2012
    Location:
    SMT, Edo MX, MX
  3. mac-slap-happy thread starter macrumors member

    Joined:
    Jul 25, 2007
  4. mac-slap-happy thread starter macrumors member

    Joined:
    Jul 25, 2007
    #4
    I've attached two images for comparison. I had to actually convert these to JPG and reduce the pixel size for this forum, but you should be able to see how well the optimization works. This image started out at 1.45 MB. After optimization, the image was down to 319 KB (a 78% reduction in file size). The difference in quality between the two is minuscule even with the dramatic file size reduction.

    I'd be happy to answer any questions and welcome all comments. I would also be happy to optimize your PNG file and repost it here if you'd like to see the results on your own images. Just post your PNG file and request optimization.

    Thanks!
    Brian
     

    Attached Files:

  5. Pakaku, Mar 26, 2015
    Last edited: Mar 26, 2015

    Pakaku macrumors 68000

    Pakaku

    Joined:
    Aug 29, 2009
    #6
    I can see banding in places like the button and shadow under the hat, and the eye becomes a bit brighter, so... it just reduces the number of colours in the PNG?
     
  6. blackboxideas macrumors member

    Joined:
    Oct 17, 2012
    #7
    What would this offer me over ImageOptim other than the option to choose lossy compression? Can you still retain meta data, or offer any automator hooks?
     
  7. mac-slap-happy thread starter macrumors member

    Joined:
    Jul 25, 2007
    #8
    Hi Pakaku. It does reduce the color palette, but in an intelligent way. Colors are chosen in a way to minimize the impact of the optimization process. As you noted, there is a small impact in quality for the more color rich PNG files (shading, gradients, etc). littlePNG uses adaptive dithering to mitigate those effects. For many common uses of PNG files such as buttons, banners, etc. there is often no difference at all.

    Note that the above only applies if you're choose the "Lossy Compression" option. If that option is turned off, the total space savings is reduced, but quality is exactly as the original (i.e. lossless).
     
  8. mac-slap-happy, Mar 27, 2015
    Last edited: Mar 27, 2015

    mac-slap-happy thread starter macrumors member

    Joined:
    Jul 25, 2007
    #9
    Hi blackboxideas. What littlePNG offers is the capability to combine both lossy and lossless compression for incredible space savings in an easy to use batch UI. In a normal workflow with lossy compression turned on, the image is first ran through the quantization routines to reduce the color palette and apply the dithering to minimize the impact to the image. Once this is done, the image is then ran through the lossless process to gain an additional 1% - 20% compression in a lossless manner. All of this is transparent to the end user ... it operates as one single process during the workflow.

    Note that if you turn off the lossy compression option, you'll still get the lossless compression. Space savings aren't as dramatic, but I have seen compression savings of upwards of 35% with it alone. It entirely depends on the image, and not all images will show savings this high with strictly lossless compression. Combine the two methods however, and the savings are dramatic. This is the strong point of littlePNG.

    Meta data should be maintained, as the software isn't doing anything to specifically strip it out. I will most likely expose more options down the road, so at some point soon I will add an "advanced" configuration panel which will allow users to strip metadata if they so choose, along with many other configurable options. For version 1.0.0 however, I chose to keep the workflow simple, and preset the software with the options that generate the highest quality image with the greatest space savings.
     
  9. mac-slap-happy thread starter macrumors member

    Joined:
    Jul 25, 2007
    #10
    I've processed the Mario image again, and uploaded the variations for download. This should allow for a better demonstration of the results. Click the URL's below to view the images.

    Original Image: http://emediadesigns.com/littlePNG/Mario-Original.png
    Original Size: 1.45 MB

    Lossless Optimized Image: http://emediadesigns.com/littlePNG/Mario-Lossless.png
    New Size: 973.14 KB
    Savings Over Original: 34.38%

    Lossy Optimized Image: http://emediadesigns.com/littlePNG/Mario-Lossy.png
    New Size: 319.35 KB
    Savings Over Original: 78.47%

    As you can see, there are gains to be had with most images using only lossless compression. Add in the lossy + the lossless, and the savings are much more dramatic.

    If anyone has any questions, please let me know. Thanks!
     
  10. mac-slap-happy thread starter macrumors member

    Joined:
    Jul 25, 2007
    #11
    Oops! Got my library names mixed up earlier. Lossless compression is powered by the OptiPNG library, not ImageOptim. Sorry for any confusion.
     
  11. mac-slap-happy, Apr 3, 2015
    Last edited: Apr 3, 2015

    mac-slap-happy thread starter macrumors member

    Joined:
    Jul 25, 2007
    #12
    Version 1.1.0 of littlePNG has been released on the MAS. Based on the comments here, I've exposed more options in the advanced settings.

    http://apple.co/195bVVZ

    • Added ability to control dithering for lossy compression.
    • Added ability to adjust quality for lossy compression.
    • Added option to control number of trials for lossless compression.
    • Added ability to preserve file attributes.
    • Added option to choose interlace type.
    • Added additional logging statistics for optimized files.
    • Added improved reporting mechanisms.
    • Fixed bug: destination browse cancel error.

    http://apple.co/195bVVZ
     

    Attached Files:

    • 1.png
      1.png
      File size:
      258.6 KB
      Views:
      71
    • 2.png
      2.png
      File size:
      279.9 KB
      Views:
      72
    • 3.png
      3.png
      File size:
      246.1 KB
      Views:
      70
  12. Anderton macrumors newbie

    Anderton

    Joined:
    Sep 15, 2012
    Location:
    Sweden
    #13
    To be honest, it looks exactly like ImageOptim. Also, the ”difference” you talk about, correct me if i'm wrong, but you could do exactly the same things in ImageOptim.

    I may be wrong, it seems that you using the same libraries and almost the same GUI, but with less settings for the user to tweak the different libraries, or choose what libraries or options used. Also, ImageOptim is integrated with ImageAlpha. So not to be a party crasher, but i really don't see how this one is beating ImageAlpha.

    Also, the libraries used is OpenSource (various licenses), and i don't think they are compatible with the terms & conditions at MAS.

    I may sound like a grumpy old man, but MAS is full of apps that just is repackaged/rebuilt versions of OpenSource apps. Of course there is nothing wrong with this, as long as they follow the license (not very common at MAS. Specially in the Graphics and Video player department.
     
  13. mac-slap-happy thread starter macrumors member

    Joined:
    Jul 25, 2007
    #14
    While the two programs are similar, they are not the same. I ran a sample image (the Mario image above) through littlePNG, ImageOptim, and ImageAlpha. This image started out at 1.5MB.

    littlePNG: 78.47% reduction (319K)
    ImageOptim: 38.6% reduction (932K)
    ImageAlpha: 78% reduction (320K)

    ImageAlpha does perform lossy compression, and achieved a very similar result as littlePNG. However, it does not do batch processing as far as I can tell. littlePNG has batch capability (like ImageOptim), and the ability to perform lossy compression (like ImageAlpha).

    Both ImageAlpha and ImageOptim are wonderful apps, and I would never discourage anyone from using them. If you need batched lossy PNG compression however, littlePNG is more suited to the task.

    OptiPNG is licensed under the zlib license. pngquant is licensed under the BSD license. Both of these licenses meet the terms and conditions of the MAS. I wanted to add additional compression libraries when I started development, but nearly all of them are under the GPL, which cannot be used under Apple's current terms and conditions. For this reason, I assume you'll never see ImageOptim in the MAS. I applaud the developer for that ... many folks would have tried to sneak it through regardless.

    Thank you for your feedback.
     

Share This Page