Changes between Version 13 and Version 14 of Help/Base64


Ignore:
Timestamp:
2019-08-31T15:13:06+02:00 (6 years ago)
Author:
Klumbumbus
Comment:

+structure, + real example

Legend:

Unmodified
Added
Removed
Modified

  • Help/Base64

    v13 v14  
    22= Base64 =
    33
    4 If you want to use inline encoding of icons for [wiki:Maps Imageries], [wiki:Presets], [wiki:Styles] or [wiki:Rules] here are some hints.
     4If you want to use inline encoding of icons for [wiki:Maps Imageries], [wiki:Presets], [wiki:Styles] or [wiki:Rules] here are some hints:
    55
    6 You can use web tools to convert your image to the base64 code, e.g. [http://www.base64-image.de base64-image.de] or [https://base64.guru/converter/encode/image base64.guru].
    7 
    8 ''Before'' you convert your image to the base64 code you should minimize it to make the base64 a lot shorter (without loosing quality):
    9 * for `.png` files: Use e.g. [http://compresspng.com/ compresspng.com].
    10 * 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].
    11 
    12 Examples:
    13 * {{{data:image/png;base64,...databytes...}}}
    14 * {{{data:image/svg+xml;base64,...databytes...}}}
     6* You can use web tools to convert your image to the base64 code, e.g.
     7 * [http://www.base64-image.de base64-image.de]
     8 * [https://base64.guru/converter/encode/image base64.guru]
     9* ''Before'' you convert your image to the base64 code you should minimize it to make the base64 a lot shorter (without loosing quality):
     10 * for `.png` files: Use e.g. [http://compresspng.com/ compresspng.com].
     11 * 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].
     12* Code structure:
     13 * {{{data:image/png;base64,...databytes...}}}
     14 * {{{data:image/svg+xml;base64,...databytes...}}}
     15* Real example (paste that code into the address bar of your web browser to see the image):
     16 * {{{data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUTPmdaXSdnXUmdcyo9AbYLAAAAFklEQVQI12NYtYqBgYEI4v//0FAiCAA8TB/hMzHkwAAAAABJRU5ErkJggg==}}}
    1517
    1618----