Change PNG preview to SVG.

README.md

@@ -48,27 +48,27 @@ Map features
 
 With `--buildings isometric` or `--buildings isometric-no-parts` (not set by default), buildings are drawn using isometric shapes for walls and shade in proportion to [`building:levels`](https://wiki.openstreetmap.org/wiki/Key:building:levels), [`building:min_level`](https://wiki.openstreetmap.org/wiki/Key:building:min_level), [`height`](https://wiki.openstreetmap.org/wiki/Key:height), and [`min_height`](https://wiki.openstreetmap.org/wiki/Key:min_height) values.
 
-![3D buildings](doc/buildings.png)
+![3D buildings](doc/buildings.svg)
 
 ### Road lanes ###
 
 To determine road width Map Machine uses the [`width`](https://wiki.openstreetmap.org/wiki/Key:width) tag value or estimates it based on the [`lanes`](https://wiki.openstreetmap.org/wiki/Key:lanes) value. If lane value is specified, it also draws lane separators. This map style is highly inspired by Christoph Hormann's post [Navigating the Maze](http://blog.imagico.de/navigating-the-maze-part-2/).
 
-![Road lanes](doc/lanes.png)
+![Road lanes](doc/lanes.svg)
 
 ### Trees ###
 
 Visualization of tree leaf types (broadleaved or needle-leaved) and genus or taxon by means of icon shapes and leaf cycles (deciduous or evergreen) by means of color.
 
-![Trees](doc/trees.png)
+![Trees](doc/trees.svg)
 
 ### Viewpoint and camera direction ###
 
 Visualize [`direction`](https://wiki.openstreetmap.org/wiki/Key:direction) tag for [`tourism`](https://wiki.openstreetmap.org/wiki/Key:tourism)=[`viewpoint`](https://wiki.openstreetmap.org/wiki/Tag:tourism=viewpoint) and [`camera:direction`](https://wiki.openstreetmap.org/wiki/Key:camera:direction) for [`man_made`](https://wiki.openstreetmap.org/wiki/Key:man_made)=[`surveillance`](https://wiki.openstreetmap.org/wiki/Tag:man_made=surveillance).
 
-![Surveillance](doc/surveillance.png)
+![Surveillance](doc/surveillance.svg)
 
-![Viewpoints](doc/viewpoints.png)
+![Viewpoints](doc/viewpoints.svg)
 
 ### Power tower design ###
 
@@ -82,7 +82,7 @@ Visualize [`design`](https://wiki.openstreetmap.org/wiki/Key:design) values used
 
 Map icons have [`colour`](https://wiki.openstreetmap.org/wiki/Key:colour) tag value if it is present, otherwise, icons are displayed with dark grey color by default, purple color for shop nodes, red color for emergency features, and special colors for natural features. Map Machine also takes into account [`building:colour`](https://wiki.openstreetmap.org/wiki/Key:building:colour), [`roof:colour`](https://wiki.openstreetmap.org/wiki/Key:roof:colour) and other `*:colour` tags, and uses [`colour`](https://wiki.openstreetmap.org/wiki/Key:colour) tag value to paint subway lines.
 
-![Building colors](doc/colors.png)
+![Building colors](doc/colors.svg)
 
 ### Emergency ###
 

doc/readme.moi

@@ -43,13 +43,13 @@ Generate icon grid and sets of individual icons with \m {\command {icons}}.  It
 
 With \m {--buildings isometric} or \m {--buildings isometric-no-parts} (not set by default), buildings are drawn using isometric shapes for walls and shade in proportion to \osm {building:levels}, \osm {building:min_level}, \osm {height}, and \osm {min_height} values.
 
-\image {doc/buildings.png} {3D buildings}
+\image {doc/buildings.svg} {3D buildings}
 
 \3 {Road lanes} {road-lanes}
 
 To determine road width Map Machine uses the \osm {width} tag value or estimates it based on the \osm {lanes} value. If lane value is specified, it also draws lane separators.  This map style is highly inspired by Christoph Hormann's post \ref {http://blog.imagico.de/navigating-the-maze-part-2/} {Navigating the Maze}.
 
-\image {doc/lanes.png} {Road lanes}
+\image {doc/lanes.svg} {Road lanes}
 
 \3 {Trees} {trees}
 
@@ -73,15 +73,15 @@ Visualization of tree \icon {tree} leaf types (broadleaved \icon {tree_with_leaf
 
 */
 
-\image {doc/trees.png} {Trees}
+\image {doc/trees.svg} {Trees}
 
 \3 {Viewpoint and camera direction} {direction}
 
 Visualize \osm {direction} tag for \osm {tourism=viewpoint} and \osm {camera:direction} for \osm {man_made=surveillance}.
 
-\image {doc/surveillance.png} {Surveillance}
+\image {doc/surveillance.svg} {Surveillance}
 
-\image {doc/viewpoints.png} {Viewpoints}
+\image {doc/viewpoints.svg} {Viewpoints}
 
 \3 {Power tower design} {power-tower-design}
 
@@ -95,7 +95,7 @@ Visualize \osm {design} values used with \osm {power=tower} tag.
 
 Map icons have \osm {colour} tag value if it is present, otherwise, icons are displayed with dark grey color by default, purple color for shop nodes, red color for emergency features, and special colors for natural features.  Map Machine also takes into account \osm {building:colour}, \osm {roof:colour} and other \m {*:colour} tags, and uses \osm {colour} tag value to paint subway lines.
 
-\image {doc/colors.png} {Building colors}
+\image {doc/colors.svg} {Building colors}
 
 \3 {Emergency} {emergency}