SVG nation flags

[Afsharid Persia]

It looked fine when the file itself was viewed on Chrome, but once it was applied to the nation on NS, it had some weird lines around it, almost like an outline.

Where are you seeing an outline? I uploaded it to Testlandia and it looks correct to me.

Here, I've screenshotted a zoomed in comparison so you can see: https://imgur.com/a/J47POkH

The top screenshot is what it looks like after it is set as my flag on NationStates.

The bottom screenshot is how it looks in the flag preview before submitting changes. This is how it's intended to look.

[[violet]]

Here, I've screenshotted a zoomed in comparison so you can see: https://imgur.com/a/J47POkH

The top screenshot is what it looks like after it is set as my flag on NationStates.

The bottom screenshot is how it looks in the flag preview before submitting changes. This is how it's intended to look.

Thanks for the screenie. This is a result of compression. It can be particularly heavy on images that are designed to be small, because it limits the precision of co-ordinates. So if you have a 1000x1000 SVG image where all the co-ordinates are integers, those won't be modified, but if that same image is presented in a 20x20 viewbox with co-ordinates like 10.41259, they will be truncated, and you'll lose precision.

[Valentine Z]

Here, I've screenshotted a zoomed in comparison so you can see: https://imgur.com/a/J47POkH

The top screenshot is what it looks like after it is set as my flag on NationStates.

The bottom screenshot is how it looks in the flag preview before submitting changes. This is how it's intended to look.

Thanks for the screenie. This is a result of compression. It can be particularly heavy on images that are designed to be small, because it limits the precision of co-ordinates. So if you have a 1000x1000 SVG image where all the co-ordinates are integers, those won't be modified, but if that same image is presented in a 20x20 viewbox with co-ordinates like 10.41259, they will be truncated, and you'll lose precision.

That would explain why I have some small imperfections here and there when I use SVGs on the site. I have some decimal coordinates. Thanks for the information!

[[violet]]

That would explain why I have some small imperfections here and there when I use SVGs on the site. I have some decimal coordinates. Thanks for the information!

Yes, it will truncate to one or two decimal places in most cases, usually one.

[Minoa]

The default status does appear to be off. At least, mine is set to off even though I haven't explicitly done so, though it should be noted that I haven't changed my flag since this thing started.

I have to report that the default status is currently on for new nations (example: https://www.nationstates.net/nation=rockmusic). Again, I prefer that the default status is off for new nations as well.

[Refuge Isle]

The default status does appear to be off. At least, mine is set to off even though I haven't explicitly done so, though it should be noted that I haven't changed my flag since this thing started.

I have to report that the default status is currently on for new nations (example: https://www.nationstates.net/nation=rockmusic). Again, I prefer that the default status is off for new nations as well.

Indeed. There are, as well, nations that select icon-style flags from our stock selection, such as the Pitcairn Islands, and found like this by default, which is rather unfortunate.

[Afsharid Persia]

Here, I've screenshotted a zoomed in comparison so you can see: https://imgur.com/a/J47POkH

The top screenshot is what it looks like after it is set as my flag on NationStates.

The bottom screenshot is how it looks in the flag preview before submitting changes. This is how it's intended to look.

Thanks for the screenie. This is a result of compression. It can be particularly heavy on images that are designed to be small, because it limits the precision of co-ordinates. So if you have a 1000x1000 SVG image where all the co-ordinates are integers, those won't be modified, but if that same image is presented in a 20x20 viewbox with co-ordinates like 10.41259, they will be truncated, and you'll lose precision.

Do you or anyone else have any advice on how I can fix this on my end?

[Insidium]

Thanks for the screenie. This is a result of compression. It can be particularly heavy on images that are designed to be small, because it limits the precision of co-ordinates. So if you have a 1000x1000 SVG image where all the co-ordinates are integers, those won't be modified, but if that same image is presented in a 20x20 viewbox with co-ordinates like 10.41259, they will be truncated, and you'll lose precision.

Do you or anyone else have any advice on how I can fix this on my end?

What software did you use to make the SVG version?

[Tinhampton]

Will the recent changes to the French flag be reflected in France.svg? I know that the blue on France.svg right now is darker than the blue on Europe.svg already

[Merni]

Will the recent changes to the French flag be reflected in France.svg? I know that the blue on France.svg right now is darker than the blue on Europe.svg already

It's not an official change by law or anything. There is no obligation on anyone (including state offices in France) to use any specific shade. As such I don't see why any change is required on NS. (See here)

[[violet]]

Fixed France. I did update it earlier but don't think I got the colors quite right.

[Afsharid Persia]

Do you or anyone else have any advice on how I can fix this on my end?

What software did you use to make the SVG version?

I used this website: https://www.pngtosvg.com/

[Porde]

Why Pitcairn Islands flag is just coat of arms?

https://www.nationstates.net/images/fla ... slands.svg

[Durm]

The default status does appear to be off. At least, mine is set to off even though I haven't explicitly done so, though it should be noted that I haven't changed my flag since this thing started.

I think it only happened to the default (Australian Aboriginal) flag.

It is also on for at least one other flag: Cocos Islands.

[[violet]]

Why Pitcairn Islands flag is just coat of arms?

https://www.nationstates.net/images/fla ... slands.svg

Because it looks AMAZING.

[The Republic of Western Sol]

Hey, I was wondering if someone could make a communist variation of my flag, you know, just in case...

[Ankuran]

Hey, I was wondering if someone could make a communist variation of my flag, you know, just in case...

There's a thread for that.

[Tinhampton]

I believe that the SVG flags of Norway and Sovereign Military Order of Malta do not properly display on nation pages. Witness, for example, Power and Allies 013 and Theempi.

[Trotterdam]

I believe that the SVG flags of Norway and Sovereign Military Order of Malta do not properly display on nation pages. Witness, for example, Power and Allies 013 and Theempi.

They look correct to me, on all themes. What are you seeing?

[Tinhampton]

I believe that the SVG flags of Norway and Sovereign Military Order of Malta do not properly display on nation pages. Witness, for example, Power and Allies 013 and Theempi.

They look correct to me, on all themes. What are you seeing?

The SVG files failing to display next to the nation names (but, interestingly, not in the overview boxes) in Century theme.

[United Calanworie]

I believe that the SVG flags of Norway and Sovereign Military Order of Malta do not properly display on nation pages. Witness, for example, Power and Allies 013 and Theempi.

Seconding this report. See, for example, https://century.nationstates.net/nation ... allies_013

[Trotterdam]

The SVG files failing to display next to the nation names (but, interestingly, not in the overview boxes) in Century theme.

Oh, you're right! Now I see it.

I saw the flag still displaying in one place and assumed that's where the theme normally puts it, since I don't usually use that theme.

There's a very small black rectangle next to the nation name where the flag should go. Interestingly, if I right-click on it and do "View Image", I still get the correct picture. So it seems to be a matter of getting resized incorrectly.

Oddly, when I experiment with the flag in the overview box, I find that it actually gets rendered larger when the "max-height:100px" CSS code is enabled than when it is disabled, which seems to go against the concept of a max height.

Looking at the SVG file itself, it has a "viewBox" attribute but no "width" or "height" attribute, and therefore no canonical size. This seems likely to be the problem.

[Courelli]

Hi again,

Just noticed that my SVG flag doesn't display on the nation settings page (https://www.nationstates.net/page=settings), though it displays everywhere else it should (as far as I can tell).

Also, are there any plans to support SVG region flags in the future? Apologies if this has already been asked.

EDIT: here is an image of what I see, on a Windows 10 PC running Google Chrome and NS default theme: https://i.imgur.com/bbIiwQB.png

[Tinhampton]

The SVG flag of Haku appears to be borked. It makes the nominee section of the SC page right now linesplit.

[Trotterdam]

It seems to be an issue with how the "max-width"/"max-height" CSS properties are interpreted. Antiquity, which uses "width" and "height" instead, doesn't have the issue, and when I patch in explicit "width"/"height" properties into Century, the problem disappears.

As for why this one SVG file in particular has the problem when other flags seem to be fine, I'm not sure, but a cursory examination made me notice the suspicious fact that the SVG file has a "viewBox" but no "width" or "height".