[[TranslatedPages]]
= Base64 =

If you want to use inline encoding of icons for [wikitr:/Maps Imageries], [wikitr:/Presets Presets], [wikitr:/Styles Styles] or [wikitr:/Rules Rules] here are some hints:

* You can use web tools to convert your image to the base64 code, e.g.:
 * [https://www.base64-image.de base64-image.de]
 * [https://base64.guru/converter/encode/image base64.guru]
* ''Before'' you convert your image to the base64 code you should minimize it to make the base64 a lot shorter (without loosing quality):
 * for `.png` files: Use e.g. [https://compresspng.com/ compresspng.com],
 * for `.jpeg` files: Use e.g. [https://jpegcompress.com/ jpegcompress.com],
 * for `.svg` files: Use e.g. [https://github.com/RazrFalcon/svgcleaner-gui/releases svg cleaner]. When using this one you can use the "complete" preset to clean up the svg file. More information about possible problems with svg in JOSM see [wiki:DevelopersGuide/DefaultPresets#NewIcons].
* Code structure:
 * {{{data:image/png;base64,...databytes...}}}
 * {{{data:image/svg+xml;base64,...databytes...}}}
* Real example (paste that code into the address bar of your web browser to see the image):
 * {{{data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUTPmdaXSdnXUmdcyo9AbYLAAAAFklEQVQI12NYtYqBgYEI4v//0FAiCAA8TB/hMzHkwAAAAABJRU5ErkJggg==}}}

----
Back to [wikitr:/Styles#Iconhandling Styles#Iconhandling]