What does TinyŃÅ²©ĢåÓżapp do?
TinyŃÅ²©ĢåÓżapp uses smart lossy compression techniques to reduce the file size of your ŃÅ²©ĢåÓżapp files. By selectively decreasing the number of colors in the image, fewer bytes are required to store the data. The effect is nearly invisible but it makes a very large difference in file size!
Why should I use TinyŃÅ²©ĢåÓżapp?
ŃÅ²©ĢåÓżapp is useful because itās the only widely supported format that can store partially transparent images. The format uses compression, but the files can still be large. Use TinyŃÅ²©ĢåÓżapp to shrink images for your apps and sites. It will use less bandwidth and load faster.
Can anyone tell the difference?
Excellent question! Let me give you a side by side comparison. Below are two photos of my cousin. The left image is saved as 24-bit ŃÅ²©ĢåÓżapp directly from Adobe Photoshop. On the right is the same image processed by TinyŃÅ²©ĢåÓżapp. Spot any difference?
How does it work?
Excellent question! When you upload a ŃÅ²©ĢåÓżapp (Portable Network Graphics) file, similar colors in your image are combined. This technique is called āquantizationā. By reducing the number of colors, 24-bit ŃÅ²©ĢåÓżapp files can be converted to much smaller 8-bit indexed color images. All unnecessary metadata is stripped too. The result better ŃÅ²©ĢåÓżapp files with 100% support for transparency. Have your cake and eat it too!
In the above image the file size is reduced by more than 70%. 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.
Is it supported everywhere?
Excellent question! The files produced by TinyŃÅ²©ĢåÓżapp are displayed perfectly on all modern browsers including mobile devices. Still need to support Internet Explorer 6? It normally ignores ŃÅ²©ĢåÓżapp transparency and displays a solid background color. With TinyŃÅ²©ĢåÓżapp the background becomes transparent again. Binary transparency without any workarounds!
Is it safe to use animated ŃÅ²©ĢåÓżapp?
Excellent question! Chrome, Firefox and Safari all support AŃÅ²©ĢåÓżapp. Only Microsoft Edge does not support the format yet. If you have an Edge browser you can AŃÅ²©ĢåÓżapp support on the Microsoft Developer Feedback site.
Apple added animated stickers to iMessage with the release of iOS 10. If you want to create and compress stickers under 500 KB take a look at the example on Github.
What about Photoshop?
Excellent question! Only Photoshop CC 2015, 2017 and 2018 can save images as indexed ŃÅ²©ĢåÓżapp files with alpha transparency. With other versions it is impossible and Photoshop CS5 cannot even display them properly.
You can use Save for Web to export your images as 24-bit transparent ŃÅ²©ĢåÓżapp files and upload them to TinyŃÅ²©ĢåÓżapp. Weāll convert them to tiny indexed ŃÅ²©ĢåÓżapp files. You can also install the TinyŃÅ²©ĢåÓżapp Photoshop plugin. It allows you to scale, preview and save compressed ŃÅ²©ĢåÓżapp and JPEG images straight from Photoshop.