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

50 Tools für User Interface Designer Diese Tools helfen bei der Gestaltung erfolgreicher Webseiten.

Online Tools für die Suchmaschinenoptimierung (SEO) Nützliche Webseiten, über die man seine Webprojekte auf Suchmaschinenfreundlichkeit optimieren kann.

Beitrag kommentieren