How do you base-64 encode a PNG image for use in a data-uri in a CSS file?

python css image base64 data-uri
Paul D. Waite picture Paul D. Waite · Jun 16, 2011 · Viewed 45.1k times · Source

I want to base-64 encode a PNG file, to include it in a data:url in my stylesheet. How can I do that?

I’m on a Mac, so something on the Unix command line would work great. A Python-based solution would also be grand.

Answer

Jon picture Jon · Jun 16, 2011

This should do it in Python:

import base64
encoded = base64.b64encode(open("filename.png", "rb").read())

Related questions

Convert RGB color to English color name, like 'green' with Python

I want to convert a color tuple to a color name, like 'yellow' or 'blue' >>> im = Image.open("test.jpg") >>> n, color = max(im.getcolors(im.size[0]*im.size[1])) >>> print color (119, 172, 152) …

Read More
Jinja2 template not rendering if-elif-else statement properly

I am trying to set the text color using css in a jinja2 template. In the following code I want to set the output string to print in a specific font color if the variable contains a string. Everytime the …

Read More
Application not picking up .css file (flask/python)

I am rendering a template, that I am attempting to style with an external style sheet. File structure is as follows. /app - app_runner.py /services - app.py /templates - mainpage.html /styles - mainpage.css mainpage.html …

Read More