SVG Exports Generate Massive Icons

[SophieScott12]

I'm using the generator in-browser in Firefox. When I export as a .svg file and then open that file in GIMP, all the icons (anchors, burgs, et cetera) end up blown up really far, and displaced. If I turn off icons before exporting, this is no longer a problem, but then I don't have icons.
My firefox is up to date, I'm on Windows 10, and GIMP is up to date. I've cleared site data in browser. This seems to be a problem regardless of what map I export, even freshly generated ones.

To reproduce:

1. Generate a new, or open an existing map.
2. Ensure Icons are generated and displayed.
3. Export map as .svg.
4. Open in GIMP.

.map file
Abrinet-Map.zip

Screenshots

• Version: 1.122.2
• Browser: Firefox
• OS: Windows 10

[Azgaar]

This is probably Gimp issue or not being able to parse FMG svg. It has size set on group level, not on use element level, which is a non-documented feature supported by browsers, but not gimp.

[SophieScott12]

I've used GIMP for this purpose before, though it has admittedly been awhile. Unlike many online converters (which are generally omitting icons entirely right now), GIMP allows me to resize the resulting image before converting without a loss of resolution, which is why I export as SVG in the first place, and why I use GIMP for it. If this is no longer possible with GIMP, I will have to find another program that can do it.

[Azgaar]

@SophieScott12, you can download high-res png tiles from the tool. Or use prowler as svg viewer. Or zoom in using the tool and make a good png of the map fragment.

[SophieScott12]

Trying to download hi-res png files from the tool gives me an imprecise file size and tends to crash my browser, but I will look into prowler.

[hywork2008]

Those huge anchors coming from bug of librsvg library, Gemini said.
I could not find any elements in the SVG file to modify these.
It is displayed in gthumb viewer just like in GIMP.

In Inkscape, it is displayed slightly smaller, and their size specification seems to originate from the following 1em.

The following is an example.

    <symbol id="icon-circle" viewBox="0 0 10 10" width="1em" height="1em" overflow="visible">
      <circle cx="0" cy="0" r="5" />
    </symbol>
    <symbol id="icon-circle" viewBox="0 0 10 10" width="1em" height="1em" overflow="visible">
      <circle cx="0" cy="0" r="5" />
    </symbol>
    <symbol id="icon-triangle" viewBox="0 0 10 10" width="1em" height="1em" overflow="visible">
      <polygon points="0,-5 5,5 -5,5" />
    </symbol>
    <symbol id="icon-triangle" viewBox="0 0 10 10" width="1em" height="1em" overflow="visible">
      <polygon points="0,-5 5,5 -5,5" />
    </symbol>
    <symbol id="icon-cross" viewBox="0 0 10 10" width="1em" height="1em" overflow="visible">
      <polygon
        points="-1.5,-5 1.5,-5 1.5,-1.5 5,-1.5 5,1.5 1.5,1.5 1.5,5 -1.5,5 -1.5,1.5 -5,1.5 -5,-1.5 -1.5,-1.5" />
    </symbol>
    <symbol id="icon-square" viewBox="0 0 10 10" width="1em" height="1em" overflow="visible">
      <rect x="-5" y="-5" width="10" height="10" />
    </symbol>
    <symbol id="icon-circle" viewBox="0 0 10 10" width="1em" height="1em" overflow="visible">
      <circle cx="0" cy="0" r="5" />
    </symbol>
    <symbol id="icon-circle" viewBox="0 0 10 10" width="1em" height="1em" overflow="visible">
      <circle cx="0" cy="0" r="5" />
    </symbol>
    <symbol id="icon-square" viewBox="0 0 10 10" width="1em" height="1em" overflow="visible">
      <rect x="-5" y="-5" width="10" height="10" />
    </symbol>
    <symbol id="icon-anchor" viewBox="0 0 30 30" width="1em" height="1em" overflow="visible">

some ID's are duplicated in .svg somethime.

width="1em" height="1em"

width="5" height="5"

[Azgaar]

Duplicates - can be fixed, this is on export. Size - yes, the reason is em units used. When exporting, we need to replace them with conventional px values.