img2base64 Bild in base64 codieren
Dieses Tool codiert Bilddateien in base64 zur Verwendung z.B. mit Inline-CSS..
Quelle ist eine hochzuladene Bilddatei mit einer Größe von maximal 50KB.
Codiertes Bild
base64 String
iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAA3NCSVQICAjb4U/gAAAAOVBMVEX////SEDDSEDAiIiIiIiLSEDDSEDAiIiLSEDAiIiLSEDDSEDAiIiIiIiIiIiLSEDAiIiLSEDAiIiJI6TL1AAAAE3RSTlMAESIiM2aIiJmZqru7zN3u7v//gVJOVgAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAABkSURBVBiVdY9JEoAgDARHQSUsCvz/sZKwHrQPqZoukhqAf8xTsIs4EgOomAVdDVTwJChYEdH3FZdceYNMM5c7ZgjJTBX7yE2YNAq0lXMDrnsRDOVPMXvAR566NyUflPj+lxwlv+u4BYxzGS8PAAAAAElFTkSuQmCC
Die Grafik kann z.B. mit folgendem Code implementiert werden:
HTML 'img' Tag
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAA3NCSVQICAjb4U/gAAAAOVBMVEX////SEDDSEDAiIiIiIiLSEDDSEDAiIiLSEDAiIiLSEDDSEDAiIiIiIiIiIiLSEDAiIiLSEDAiIiJI6TL1AAAAE3RSTlMAESIiM2aIiJmZqru7zN3u7v//gVJOVgAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAABkSURBVBiVdY9JEoAgDARHQSUsCvz/sZKwHrQPqZoukhqAf8xTsIs4EgOomAVdDVTwJChYEdH3FZdceYNMM5c7ZgjJTBX7yE2YNAq0lXMDrnsRDOVPMXvAR566NyUflPj+lxwlv+u4BYxzGS8PAAAAAElFTkSuQmCC">
CSS-Syntax, z.B. Hintergrundbild
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAA3NCSVQICAjb4U/gAAAAOVBMVEX////SEDDSEDAiIiIiIiLSEDDSEDAiIiLSEDAiIiLSEDDSEDAiIiIiIiIiIiLSEDAiIiLSEDAiIiJI6TL1AAAAE3RSTlMAESIiM2aIiJmZqru7zN3u7v//gVJOVgAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAABkSURBVBiVdY9JEoAgDARHQSUsCvz/sZKwHrQPqZoukhqAf8xTsIs4EgOomAVdDVTwJChYEdH3FZdceYNMM5c7ZgjJTBX7yE2YNAq0lXMDrnsRDOVPMXvAR566NyUflPj+lxwlv+u4BYxzGS8PAAAAAElFTkSuQmCC);