Select. Export. Go live.
Select layers you want, click export and you are ready to publish. What? Our Photoshop plugin automatically uploads assets to the server and with defined HTML/CSS templates you can paste the picture directly into your code. It’s that fast…
- Photoshop45 sec
- PNG Hat10 sec
What’s under the hat?
It looks like a little plugin but there is a lot under the hood. Brilliant compression, Base64 encoding, output preview and server upload makes PNG Hat truly a state of the art.
Smaller loads faster.
Image optimization can drastically decrease loading time of your site. We carefully picked the 3 best compression optimizers and combined them to give you the best result possible.
- Photoshop: -10% size reduction
- PNG Hat: -70% size reduction
3 Compression processors:- PNG Crush - PNG quant - opti PNG -
Your site that bit faster
Instead of multiple server requests for image files, you can make just one request. Replace all the small images with base64 strings generated from PNG Hat and make your site a bit faster.How does base64 work?
Copy & paste to implement
Make your transition from Photoshop a bit less annoying. File preview, quick image properties and autogenerated code snippets ready to be pasted into your code.
- HTML template
- CSS template
- Obj C template
One design. All resolutions.
Designing for multiple resolutions also means multiple designs. With PNG Hat you only need to design once. Just choose to scale up or scale down your vector shapes and your retina graphics are ready.
Go live right away beta
PNG Hat uploads exported images to the server so that the image is instantly available online. We're testing this feature on our servers and we plan on adding custom server options.
Three Hats in a Pack
You Will Save $25
This bundle costs only $70. Buy the Hat Family today, instantly save $25 and get a lunch on us!
As a premium customer you will get quicker responses from our experts. Pinky promise!