Skip to content

Instantly share code, notes, and snippets.

@chadwtaylor
Created May 10, 2011 23:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save chadwtaylor/965577 to your computer and use it in GitHub Desktop.
Save chadwtaylor/965577 to your computer and use it in GitHub Desktop.
CSS Image as Text
#image_example
{
background:url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAASCAYAAADPNlfiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjU3QjY4NUI4QkE2MTFERkJBRjlGQ0UxNTA0QkQ5QUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjU3QjY4NUM4QkE2MTFERkJBRjlGQ0UxNTA0QkQ5QUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNTdCNjg1OThCQTYxMURGQkFGOUZDRTE1MDRCRDlBQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNTdCNjg1QThCQTYxMURGQkFGOUZDRTE1MDRCRDlBQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtSm+H0AAATkSURBVHjaYrRgIAiYgZgNiP8D8S8g/sdABDj+/z8DrQALEWp4e7du9f339++bUj+/vVCHEwSWjIw0czQTEpsRymdEC2UBTROT7N0rVrxCCmWQZ3mBmB8aC3QFMEeDLJbyTkiwA9LyQMwBFWdvWr7c/P61axt2LVv2EMj/C8SsQCzRvGJF6pJLl+qR1BKyB+RJGSBWAWI5qIeZkdSA3CAAFWdF048iBwtZ0f7t23uq583bu/zatTUgD0AtYlHS1pbKdnScB2R/gGqWnLJvX6m5m1vmmX37jkM9gg+AzBdIqq0NXXT+/Ir1Dx5sXXnz5oa83t5UoLg4NNa4gVhtwo4d3cCkWAFk8yHpxZQDZkSOqtDQwH///v39DwQguic7OwUozruku1ts28KFakA2OxCz+UhJyT68eXP+lRMnproJCWkDxfiBmAmUmfFgtkx7e8dfP39+BeFj27Ztev/q1SOQXcv7+oqB8lLpNjYuzx88uAkSA9FAMUWoXh5sciAJvkMbN07/jwSunjx5CCguC3UQMwi3paSIP7xxo2ZGdbUdkC8GcgwBx8Kw4M6lS6eAzG1PTa0E8jVjDQxCv3z8+ObmuXNHgXzTj2/f3od5CuowNaheSWxyoKj5c+X48fM2vr7/GBkZwWlcVV/fCJqu4BnPJTxcKFxDYzKQ/ROp6GOGqgOVb79xFIcsgmJikiDGxtmzzwOp57cvXOD9/P79Wz4hIRGQnqNbt7ZdPHxYJKG6OgFN7w9sciBH/ljU0bHnzqVLp0ACf//8+d2eltYGZH5B0vwvz9X1FpD+DHU0yKFCQCzbuX59SN3ChUZomQrF4lvnz58EMRaeO1cLpGzKZ87MkpCXV3vx6NFjIP91U1zcEqCHtmLR+wmbHBM0dF705+c3ff/69RMzCwsrMNQNgGI8SOX4P2iGA9FMQEfKzz9zJmnN3btd8hoaLl8/f8aXEb9NKStb9+jWrfNqhoZWwEpnc0BaWjxIAhjDu6EZ/DvIc1j0/sUmByvyvp8/ePD0+hkzJoHyomNwcHDBhAkZSLkbhNlhoQnMrJ8STUzmhygrF0Roapb15uRcxFOKgMSfhqurh5b5+2cBQ/0YSPDRzZsXppaXrwMyv5JbToPS5IfJJSVzjmzevAaUtkOyswuyOzuzQcWNsq6ufvmMGclAtiao+GpJTHwHpEH4GRCDKp1vBKp3UEi9Y2Fl/amorW3w+9evb82JiZUgzxBRZOKtxv+AMgkwNGom7trFYebq6hddWloOjFJ9YEYSAmZOC7uAgIfAkmZNZ3r6bFBgQaOOGMDoGRsrndfXV8/Kxsa1qL29Gpg0zqDp/wlMmjAP/ETTjyLHLIMZlV92LF58lI2D47OWqamxnLq6jrCEBFgZJw+PgIaxsZVXfLz9qokT10EzJlGONnJw4Pv68eNTYDm9ClhsrgWKvUWLnf9SiooPgcXq/uPbt19FcziKHKMF7hgQdAgKsgem7VZxWVk1ZElgejwHLP78oNFLlKOhZsKKUWytRSak6hu9+ESRQw9pBqTS4vuD69cfbV2wYI+EnBy7lJKS8p9fv75fOnp0HzDjlb9++vQh1HBiwT+o+j/QPIQO/kNj+i8WeRQ5RiLa0+AyGZimpW5fvPgTWkS9w1ZEIbehadk0JaY9DQqdl0AHv8IRQnQHAAEGANnRQyybnCO4AAAAAElFTkSuQmCC") center center no-repeat;
width:70px;
height:26px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment