Mac App Store

Mac App Store is the simplest way to find and download apps for your Mac.

To download CSS Image Encoder from the Mac App Store, you need a Mac with OS X 10.6.6 or later. Learn More.

CSS Image Encoder

By WriteIt! Studios Ltd

Open the Mac App Store to buy and download apps.


CSS Image Encoder is a handy little utility that allows you to encode your website's images into base64 code. Ideal for encoding smaller images, base64 encoding could potentially turbocharge your website (depending on how many images it has), as the images you reference will be loaded from the base64 code and not from an external resource, which could drastically increase the rendering speed of the page (depending on the image size converted). CSS Image Encoder offers the following features:

-CSS Image Encoder supports five different file formats, including jpeg, jpeg2000, gif, png & bmp.
-Preview encoded images right from the app in your web browsers before exporting them.
-CSS Image Encoder can export your base64 code as a class into a stylesheet that you provide or can create a new stylesheet altogether.

Important Note: It is recommended that you convert small to medium sized images into base64 only.

What's New in Version 1.2.2

• User Requested Feature: Added a third export option which allows you to copy the generated CSS to your pasteboard right away.
• Minor UI fix.


Screenshot 1
Screenshot 2
Screenshot 3
Screenshot 4

Customer Reviews

Results are amazing, speed is lacking

I had tiny 1000 patterns that I needed to embed into CSS to lower the number of HTTP requests. This app did just that and sped up the html page from 30 seconds to 3 seconds!

My only complaint is that the conversion seems surprisingly slow in this app. It took a good ten minutes to process all of the files on last year's top-end Macbook Pro.

Not Very Efficient

I created a small image and tested the app against a web based tool, with a png-24 bit image.

In that test this tool was just under 12% larger than the web based tool.

I then repeated the test after running the image though an optimizer that makes the image png-8 bit.

In that test this tool was over 14% larger than the web tool. What was worse was that, for whatever reason, AFTER the image was optimized the output for this app was identical to the non-optimized size...

In short the app works fine, but creates a larger css string than comperable tools.

Does not work very well

If I run the 64bit encoding from the command line on an image with a file size of ~300 bytes, I get a string of text that is about 64 characters. Using this app, I get back a string of 4,256 characters.

That and the lack of updates and support in 2 years from the developer make it unusable for me. Disappointing because it otherwise works well.

CSS Image Encoder
View in Mac App Store
  • $4.99
  • Category: Developer Tools
  • Updated:
  • Version: 1.2.2
  • Size: 1.2 MB
  • Language: English
  • Seller:

Compatibility: OS X 10.6.6 or later

Customer Ratings

We have not received enough ratings to display an average for the current version of this application.
All Versions:

More by WriteIt! Studios Ltd