Webdesign: Bilddateien online in Base64 umwandeln

Wofür ist so etwas nützlich?
Um z.B. kleinere Icons direkt in einer CSS-Datei zu verwenden (ohne eine Grafik auf dem Server ablegen zu müssen).

So wird aus einem Bild

folgender Base64-String
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAsCAYAAAAn4+taAAAABmJLR0QA/wD/AP+gvaeTAAAAB3RJTUUH2QcVCi4dSZR82QAAAeJJREFUaIHVmT9OAkEcRt+CCZY2VvTGGG9gvIOH4BDCEUhMpPEGHIJwBE1orIyhs9GGhA4SPgtnlQgLw/zZGb7k10yx+V52Jvs2UwgK4IzjzgwAwVigI53xL47gWrDMoNShsxRcAzQACngFnhJsCd88me4U5Yp+zskbcJ6q1YH5Ai4Kcz4a5apZ6KVq5ZBeCbERQVMwyWDv75uJoLkTU3ArWGVQtmpWglurdyYYZlC4aobWm0/QFswzKP1/5oL2ts6NbYsFfAB9a/L60jfd7CM4FUwzeAvlTAWnTviCuwwAyrlzgliDGWUAMfKCMCBXSuthS8GVN4iBGSQEGQSBMCBngs8EEJ8K/a8k6CQA6QSFMCANwUuNEC+q+M6FgKnLw+x9ygOmDg+z9ykPkNgeVulTMWC6EUG6tUAYkFge5u5THjAxPMzPpzxgQnqYv095gFwKFgEgFoLLZCAG5jEAyGNSCAPi62Hhfco18vOw8D7lGv142LMDxLNi+ZRrBDc6zMNWgpvUvbdGh3lYfJ9yjew9rD6fco3g3gLkPnXPvRG0BO87IN4FrdQ9raLdHpbGp1yj7R6Wzqdco00PS+9TrhE8rIE8pO7jHP15WHSfOon58AJmMveSlfd9xxLjYXn5VM75Bv6wqSwH47Q8AAAAAElFTkSuQmCC

Link: Base64 Konverter

Ähnliche Artikel

Brad Neuberg referiert über die Vorteile von HTML5 (englisch) Eine (etwas ältere) Einführung in den Gesamtkomplex von HTML5, CSS3 und Javascript

10 Tipps für schnellere Web-Anwendungen So steigern Sie die Performance Ihrer Webanwendung mittels HTML5

Beitrag kommentieren