| | 1 | [[TranslatedPages(revision=19)]] |
| | 2 | = Base64 = |
| | 3 | |
| | 4 | Hvis du vil bruke inline-koding av ikoner for [wikitr:/Maps Bilder], [wikitr:/Presets Forhåndsinnstillinger], [wikitr:/Styles Stiler] eller [wikitr:/Rules Regler], her er noen tips: |
| | 5 | |
| | 6 | * Du kan bruke nettverktøy for å konvertere bildet ditt til base64-kode, for eksempel: |
| | 7 | * [https://www.base64-image.de base64-image.de] |
| | 8 | * [https://base64.guru/converter/encode/image base64.guru] |
| | 9 | * ''Før'' du konverterer bildet ditt til base64-kode, bør du minimere det for å gjøre base64 mye kortere (uten å miste kvalitet): |
| | 10 | * for `.png`-filer: Bruk for eksempel [https://compresspng.com/ compresspng.com], |
| | 11 | * for `.jpeg`-filer: Bruk for eksempel [https://jpegcompress.com/ jpegcompress.com], |
| | 12 | * for `.svg`-filer: Bruk for eksempel [https://github.com/RazrFalcon/svgcleaner-gui/releases svg-renser]. Når du bruker denne, kan du bruke "complete"-forhåndsinnstillingen for å rense svg-filen. Mer informasjon om mulige problemer med svg i JOSM finner du på [wikitr:/DevelopersGuide/DefaultPresets#NewIcons]. |
| | 13 | * Kodestruktur: |
| | 14 | * {{{data:image/png;base64,...databytes...}}} |
| | 15 | * {{{data:image/svg+xml;base64,...databytes...}}} |
| | 16 | * Eksempel i praksis (lim inn denne koden i adresselinjen i nettleseren din for å se bildet): |
| | 17 | * {{{data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUTPmdaXSdnXUmdcyo9AbYLAAAAFklEQVQI12NYtYqBgYEI4v//0FAiCAA8TB/hMzHkwAAAAABJRU5ErkJggg==}}} |
| | 18 | |
| | 19 | ---- |
| | 20 | Tilbake til [wikitr:/Styles#Iconhandling Stiler#Ikonhåndtering] |