[[TranslatedPages(revision=9)]]
= Inkludere bilder i stiler =


== Bilde-URL ==
Det er forskjellige måter å referere til bilder i stiler:

 Innebygde bilder:: Du kan referere til de innebygde bildene. For å bla gjennom tilgjengelige ikoner, pakk ut filen `josm-*.jar` med et hvilket som helst program som kan håndtere en zip-arkiv. Bildefilene ligger i undermappen `images`. Utelat den første mappen i filbanen (ikke `images/presets/food/restaurant.svg`, men `presets/food/restaurant.svg`). Eksempel:
{{{#!mapcss
node[amenity=restaurant] {
    icon-image: "presets/food/restaurant.svg";
}
}}}

 Lokale bilder:: Angi banen til en bildefil på det lokale filsystemet, enten absolutt eller relativt til den gjeldende `.mapcss`-filen. Eksempel:
{{{#!mapcss
node[amenity=restaurant] {
    icon-image: "/home/username/osm/my-restaurant.png";
}
}}}
 eller
{{{#!mapcss
node[amenity=restaurant] {
    icon-image: "my-restaurant.png";
}
}}}

 URL til et bilde på en ekstern server:: Full URL til et bilde fra nettet. Forsikre deg om at direkte lenker tolereres av nettstedseieren. Bildene lastes ned på forespørsel og caches på klientdatamaskinen (i én uke, vanligvis).
{{{#!mapcss
node {
    icon-image: "https://upload.wikimedia.org/wikipedia/en/9/9d/Commons-logo-31px.png";
}
}}}

 Bilder i en zip-arkiv:: Det er mulig å pakke din stil og alle nødvendige ressurser i en zip-arkiv, for å forenkle distribusjon. Når brukeren laster zip-filen som en stil, vil JOSM automatisk oppdage `.mapcss`-filen i arkivet og finne alle bildene.
{{{#!mapcss
node {
    icon-image: "image/file/within/archive.png";
}
}}}

 Innebygd bildedata:: `data:`-URL i henhold til [http://www.ietf.org/rfc/rfc2397.txt RFC2397]. Eksempler:
{{{#!mapcss
node {
    icon-image: "data:image/png;base64,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";
}
}}}
 eller
{{{#!mapcss
node {
    icon-image: "data:image/svg+xml,<svg><rect x='10' y='10' width='50' height='20' fill='white' stroke='blue' stroke-width='2px'/><line x1='18' y1='37' x2='50' y2='5' stroke='black' stroke-width='1.5px'/></svg>";
}
}}}

 Bilder på OSM-wikien:: Bildefiler fra OSM-wikien kan lenkes på en spesiell måte. Dette er ment å være kompatibelt med `wiki:symbol`-taggen, se [osmwiki:DE:Hiking DE:Hiking]. Eksempel:
{{{#!mapcss
node {
    icon-image: "wiki://Symbol_Jakobsweg.png";
}
}}}


== Bildeformater ==
=== Rasterformater ===
JOSM kan vise følgende rasterformater: `png`, `jpeg`, `gif` og `bmp`. \\
(I hovedsak alle formater som støttes av Java Runtime Environment)

=== Vektorformater ===
Det er også innebygd støtte for ''skalerbare vektorgrafikker'' (`svg`). svg-ikoner foretrekkes fremfor rasterformater på grunn av tapsfri skalering på hidpi-skjermer. De fleste `svg`-bilder bør rendres korrekt, men i noen tilfeller kan resultatet være mangelfullt. Dette skyldes begrensninger i den brukte [https://svgsalamander.java.net/ svg-biblioteken].

En ting du kan være sikker på, er at renderingen er konsistent på alle systemer. Så enten ser resultatet bra ut, eller så gjør det ikke.

Hvis det ikke ser bra ut, prøv å "forenkle" `svg`-filen slik at den kan håndteres av JOSM. Se også svg-relaterte tips på [wikitr:/DevelopersGuide/DefaultPresets#NewIcons].


----
Tilbake til [wikitr:/Styles JOSM Kartstiler]