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

Browsermatrix zu HTML5 und CSS3 Techniken Welche Browserversionen unterstützen die neuen Webtechnologien

Browserstack testet Webseiten in verschiedenen Browsern Browserstack ermöglicht das Testen der Ansicht von Webseiten in verschiedenen Betriebssystemen, Browsern und mobilen Endgeräten.

Beitrag kommentieren