Script that creates css rules to add background png images with data-uris

cssfrompngs

#!/usr/bin/env python
from PIL import Image
from base64 import encodestring
import sys


template = '''.%(classname)s {
width: %(width)spx;
height: %(height)spx;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,%(data)s);
}
'''

for f in sys.argv[1:]:
    width, height = Image.open(f).size
    img_data = open(f).read()
    data = {
        'classname': f.partition('.')[0],
        'data': ''.join(encodestring(img_data).split()),
        'width': width,
        'height': height,
    }
    print template % data