[[TranslatedPages(revision=9)]]

= Ενσωμάτωση εικόνων σε τεχνοτροπίες =


== Διεύθυνση εικόνας ==
Υπάρχουν διάφοροι τρόποι να παραπέμψετε εικόνες μέσα σε τεχνοτροπίες:

 Ενσωματωμένες εικόνες:: Μπορείτε να χρησιμοποιήσετε τις ενσωματωμένες εικόνες. Για να περιηγηθείτε στα διαθέσιμα εικονίδια, αποσυμπιέστε το αρχείο `josm-*.jar` χρησιμοποιώντας οποιοδήποτε πρόγραμμα που υποστηρίζει αρχεία zip. Οι εικόνες βρίσκονται στον υποφάκελο `images`. Παραλείψτε τον πρώτο φάκελο στη διαδρομή αρχείου (όχι το `images/presets/food/restaurant.svg`, αλλά το `presets/food/restaurant.svg`). Παράδειγμα:
{{{#!mapcss
node[amenity=restaurant] {
    icon-image: "presets/food/restaurant.svg";
}
}}}

 Τοπικές εικόνες:: Δώστε τη διαδρομή ενός αρχείου εικόνας στο τοπικό σύστημα αρχείων, είτε απόλυτη είτε σχετική με το τρέχον αρχείο `.mapcss`. Παράδειγμα:
{{{#!mapcss
node[amenity=restaurant] {
    icon-image: "/home/username/osm/my-restaurant.png";
}
}}}
 ή
{{{#!mapcss
node[amenity=restaurant] {
    icon-image: "my-restaurant.png";
}
}}}

 Διεύθυνση URL μιας εικόνας από απομακρυσμένο διακομιστή:: Πλήρης διεύθυνση URL μιας εικόνας από τον ιστό. Βεβαιωθείτε ότι η απευθείας σύνδεση γίνεται ανεκτή από τον ιδιοκτήτη του ιστότοπου. Οι εικόνες φορτώνονται κατόπιν αιτήματος και αποθηκεύονται προσωρινά στον υπολογιστή-πελάτη (για μία εβδομάδα, συνήθως).
{{{#!mapcss
node {
    icon-image: "https://upload.wikimedia.org/wikipedia/en/9/9d/Commons-logo-31px.png";
}
}}}

 Εικόνες μέσα σε αρχείο zip:: Είναι δυνατό να συσκευάσετε την τεχνοτροπία σας και όλους τους απαιτούμενους πόρους σε ένα αρχείο zip, προκειμένου να απλοποιηθεί η διανομή. Όταν ο χρήστης φορτώνει το αρχείο zip ως τεχνοτροπία, το JOSM θα εντοπίσει αυτόματα το αρχείο `.mapcss` μέσα στο αρχείο και θα βρει όλες τις εικόνες.
{{{#!mapcss
node {
    icon-image: "image/file/within/archive.png";
}
}}}

 Ενσωματωμένα δεδομένα εικόνας:: `data:`-URL σύμφωνα με το [http://www.ietf.org/rfc/rfc2397.txt RFC2397]. Παραδείγματα:
{{{#!mapcss
node {
    icon-image: "data:image/png;base64,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";
}
}}}
 ή
{{{#!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>";
}
}}}

 Εικόνες στο OSM-Wiki:: Τα αρχεία εικόνας από το OSM-wiki μπορούν να συνδεθούν με έναν ειδικό τρόπο. Αυτό υποτίθεται ότι είναι συμβατό με την Ετικέτα `wiki:symbol`, δείτε [osmwiki:DE:Hiking DE:Hiking]. Παράδειγμα:
{{{#!mapcss
node {
    icon-image: "wiki://Symbol_Jakobsweg.png";
}
}}}


== Μορφές εικόνων ==
=== Μορφές Raster ===
Το JOSM μπορεί να εμφανίσει τις ακόλουθες μορφές ράστερ: `png`, `jpeg`, `gif` και `bmp`. \\
(Βασικά όλες οι μορφές που υποστηρίζονται από το Java Runtime Environment)

=== Διανυσματικές μορφές ===
Υπάρχει επίσης ενσωματωμένη υποστήριξη για κλιμακούμενα διανυσματικά γραφικά ''scalable vector graphics'' (`svg`). Τα SVG εικονίδια προτιμώνται έναντι των raster γιατί προσφέρουν χωρίς απώλειες μεγέθυνση σε οθόνες υψηλής ανάλυσης (HiDPI). Οι περισσότερες `svg` εικόνες θα πρέπει να αποδίδονται σωστά, αλλά σε ορισμένες περιπτώσεις το αποτέλεσμα μπορεί να είναι ελαττωματικό. Αυτό οφείλεται στους περιορισμούς της χρησιμοποιούμενης [https://svgsalamander.java.net/ svg-library].

Ένα πράγμα για το οποίο μπορείτε να είστε σίγουροι, είναι ότι η απόδοση είναι συνεπής σε όλα τα συστήματα. Άρα είτε το αποτέλεσμα φαίνεται εντάξει είτε όχι.

Σε περίπτωση που δεν είναι, προσπαθήστε να "απλοποιήσετε" το `svg` με τρόπο που να μπορεί να το χειριστεί το JOSM. Δείτε επίσης τις υποδείξεις που σχετίζονται με το svg στο [wikitr:/DevelopersGuide/DefaultPresets#NewIcons].


----
Πίσω στις [wikitr:/Styles Τεχνοτροπίες Χαρτών του JOSM]