How To Make An Image Size Smaller

Smart WebP, PNG and JPEG compression

More than one billion WebP, PNG and JPEG images optimized and still counting!

What does TinyPNG exercise?

TinyPNG uses smart lossy compression techniques to reduce the file size of your WEBP, JPEG and PNG files. By selectively decreasing the number of colors in the image, fewer bytes are required to store the data. The consequence is well-nigh invisible but information technology makes a very large difference in file size!

Why should I employ TinyPNG?

PNG is useful because it's the but widely supported format that tin store partially transparent images. The format uses compression, but the files can still exist big. Employ TinyPNG to shrink images for your apps and sites. It will employ 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 PNG directly from Adobe Photoshop. On the correct is the same paradigm processed by TinyPNG. Spot any difference?

Original file — Original transparent PNG
File size *57 KB*

Compressed transparent PNG file — Original transparent PNG
File size *57 KB*

How does it work?

Excellent question! When you upload a PNG (Portable Network Graphics) file, similar colors in your paradigm are combined. This technique is called "quantization". By reducing the number of colors, 24-flake PNG files can exist converted to much smaller 8-bit indexed color images. All unnecessary metadata is stripped likewise. The result improve PNG files with 100% support for transparency. Accept your block and consume it too!

In the above prototype the file size is reduced past more than 70%. I take excellent eyesight but can't spot the departure either! Use the optimized epitome to save bandwidth and loading time and your website visitors volition thank you.

Is it supported everywhere?

Excellent question! The files produced by TinyPNG are displayed perfectly on all modern browsers including mobile devices. Still need to support Internet Explorer 6? It unremarkably ignores PNG transparency and displays a solid background color. With TinyPNG the background becomes transparent again. Binary transparency without any workarounds!

Is information technology condom to apply blithe PNG?

Excellent question! Chrome, Firefox and Safari all support APNG. Just Microsoft Edge does not back up the format even so. If you have an Border browser you tin vote up APNG back up on the Microsoft Developer Feedback site.

Apple added blithe stickers to iMessage with the release of iOS ten. If you want to create and compress stickers under 500 KB accept a look at the iMessage Panda sticker example on Github.

What about Photoshop?

Fantabulous question! Merely Photoshop CC 2015 or newer can save images as indexed PNG files with alpha transparency. With other versions information technology is impossible and Photoshop CS5 cannot even brandish them properly.

Yous can use Salvage for Web to export your images as 24-scrap transparent PNG files and upload them to TinyPNG. Nosotros'll convert them to tiny indexed PNG files. You tin also install the TinyPNG Photoshop plugin. It allows y'all to scale, preview and save compressed PNG and JPEG images direct from Photoshop.

Why did you create TinyPNG?