SVG nation flags

by **Doniport** » Thu Oct 14, 2021 8:14 pm

Hey, uh... unrelated to anything, but, Violet, how do you have an account, but, not a nation?

by **Weed** » Thu Oct 14, 2021 8:50 pm

Very minor whine, but when we revamped the flags last time the default flag's red went from a very bright aggressive red to a much cooler red. Now it seems to me the default flag is very hard on the eyes again. Just curious if we could tone that red down a bit since we all have to see it so much.

<3

by **[violet]** » Thu Oct 14, 2021 10:58 pm

Diarcesia wrote:Although theoretically, if we somehow convert the NS ripple PNG to an SVG overlay, would the feature be possible?

It might be possible, but a lot of trickery would be required. The ripple image is also very un-SVG-like and will not convert well.

by **[violet]** » Thu Oct 14, 2021 11:08 pm

Weed wrote:Very minor whine, but when we revamped the flags last time the default flag's red went from a very bright aggressive red to a much cooler red. Now it seems to me the default flag is very hard on the eyes again. Just curious if we could tone that red down a bit since we all have to see it so much.

<3

I think last time the flags got smooshed into the limited RGB colorspace (16-235), mostly by accident, whereas now they're back in full RGB (0-255). National flags have a very particular set of colors, so I do think they should be objectively correct, as opposed to artistically muted. But I believe you can usually configure colorspace in your monitor, operating system, and/or browser, so if in general you find colors too strong, you can change a setting. On my system, for example, default Firefox operates in limited RGB colorspace while Chrome displays full RGB.

by **Random Country 453632** » Thu Oct 14, 2021 11:28 pm

Greatest thing that has happened to NS! Also, I'm not at all getting big flags on the rank page, wdym

by **Tinhampton** » Fri Oct 15, 2021 4:27 am

Why are the colours of Default.svg not identical to the colours of Default.png? Or is this to do with what [v] said about the colour range desmooshing?

by **Betelgeuse Alliance** » Fri Oct 15, 2021 4:50 am

[violet] wrote:SVG post-compression filesize limit has been raised from 12KB to 60KB.

I also confirmed that they're served over the network with gzip / brotli compression, when your browser supports it, so in terms of network bandwidth they arrive at somewhere around 30% of this size. So that's pretty great.

Thank you SO much! :clap:

<---genuine applause by the way, this is not a sarcastic one at all despite it looking like that for me!
Just made the proper shift to SVG, and my flag is looking so crisp now! I especially like how the segmented circle that has those slanted bits came out, that part used to be from a separate PNG, but I found a way to remake it in the program I used to make this flag. :lol:

by **Svoin Ver Gyre** » Fri Oct 15, 2021 6:42 am

New puppet here with SVG, pretty neat! Have not noticed any bugs whatsoever!

See what I did with the name

by **Diarcesia** » Fri Oct 15, 2021 9:28 am

[violet] wrote:
Diarcesia wrote:Although theoretically, if we somehow convert the NS ripple PNG to an SVG overlay, would the feature be possible?

It might be possible, but a lot of trickery would be required. The ripple image is also very un-SVG-like and will not convert well.

I'm willing to take a stab at converting the ripple PNG. Is there a place where I can get it?

by **Dabarastan** » Fri Oct 15, 2021 6:59 pm

Nice update. This'll be good for season 3 of cards - nations with default flags won't have blurry and pixelated art anymore. And I'm liking the sharp look of my own flag now that I've reuploaded it in svg.

by **Minoa** » Sat Oct 16, 2021 12:36 pm

Hello, restored nations that previously had a custom flag continue to fallback to the original JPEG version.

Source: https://www.nationstates.net/nation=notepad

Also, in the preset flags menu, Swaziland is now called Eswatini.

by **Tinhampton** » Sat Oct 16, 2021 12:39 pm

Minoa wrote:Also, in the preset flags menu, Swaziland is now called Eswatini.

...and the Afghanistani flag hasn't been updated. Unless, of course, the admins do not recognise their new government.

by **Vylixan** » Sat Oct 16, 2021 1:14 pm

I love it, particular for my Vexillology project!
Thanks for all the hard work on this!

by **Anatoliyanskiy** » Sat Oct 16, 2021 1:22 pm

Not sure if this is the right thread for this (please tell me if its not) but I noticed that in the formatting got distorted in my puppets factbook for Anatoliyanskiyan Colony 33, just around the time of this change. It appears that the 33 is not underlined when you hover over it, and that may be causing this issue, but im not sure. The flag also appears to be smaller than the other flag sizes, but that could be normal. Just thought it could be something related to the switch to SVGs.

Some links:
https://www.nationstates.net/nation=ana ... _colony_33
https://www.nationstates.net/nation=ana ... id=1391472 (located under main canon spoiler)

by **Umbratellus** » Sat Oct 16, 2021 1:35 pm

So, I'll be frank I've never used svg image before; I mostly stick to .pngs and the occassional .dds image. How long should it take to upload one? I tried converting my current .png to an .svg but it keeps showing a swirling loading icon after I hit the upload button. It shows up fine in the preview though. Is that just because of the way the converter I used edited the code or something? I'm honestly not sure if I should just switch back to the .png or just wait a little longer.

by **Vylixan** » Sat Oct 16, 2021 2:55 pm

I have a request. Can the ex-nation flag also be changed to a quality SVG image?
It's now this tiny tiny PNG image with blurry text when it's used on a card: https://www.nationstates.net/images/car ... nation.png

by **Minoa** » Sat Oct 16, 2021 4:08 pm

Vylixan wrote:I have a request. Can the ex-nation flag also be changed to a quality SVG image?
It's now this tiny tiny PNG image with blurry text when it's used on a card: https://www.nationstates.net/images/car ... nation.png

NSindex has an SVG version of the Ex-Nation flag: https://nsindex.net/wiki/File:Ex-Nation_Flag.svg

by **[violet]** » Thu Oct 21, 2021 11:53 pm

Minoa wrote:
Vylixan wrote:I have a request. Can the ex-nation flag also be changed to a quality SVG image?
It's now this tiny tiny PNG image with blurry text when it's used on a card: https://www.nationstates.net/images/car ... nation.png

NSindex has an SVG version of the Ex-Nation flag: https://nsindex.net/wiki/File:Ex-Nation_Flag.svg

Ah, that's awesome. Do we have permission to use it?

by **[violet]** » Fri Oct 22, 2021 12:01 am

Anatoliyanskiy wrote:Not sure if this is the right thread for this (please tell me if its not) but I noticed that in the formatting got distorted in my puppets factbook for Anatoliyanskiyan Colony 33, just around the time of this change. It appears that the 33 is not underlined when you hover over it,

Are you referring to the way the underline doesn't pass through descenders, like this? ? Browsers have been generally migrating to this style over the years.

Anatoliyanskiy wrote:The flag also appears to be smaller than the other flag sizes, but that could be normal.

This does seem to be a formatting bug, as the flags are permitted to be very wide if they're not tall.

by **[violet]** » Fri Oct 22, 2021 12:16 am

Minoa wrote:Hello, restored nations that previously had a custom flag continue to fallback to the original JPEG version.

Fixed for new refoundings, thanks.

by **Sulivannia** » Fri Oct 22, 2021 12:46 am

Nice and excellent stuff! I've kind of waited for this in a while but wasn't sure when, and wish I knew this slightly earlier but it's nice to know!

Since I have the .svg in my overview factbook, I've used that as my flag. It works wonders so far, and many thanks for this.

by **Minoa** » Fri Oct 22, 2021 12:48 am

[violet] wrote:
Minoa wrote:NSindex has an SVG version of the Ex-Nation flag: https://nsindex.net/wiki/File:Ex-Nation_Flag.svg

Ah, that's awesome. Do we have permission to use it?

You may use the flag, since it is a mere vectorisation of an existing NationStates design.

-- Minoa

EDIT: I just revised the flag to shave off another kilobyte off the file size. Apologies for the inconvenience.

by **Raccoon Creek** » Sun Oct 24, 2021 5:32 am

Since I have begun using an .svg file for my national flag, I have noticed that the search suggestions when logging into the website and on the 'World' page only display my nation's name and no longer my nation's name plus the national flag. Below is an image of what I am mentioning.

https://i.imgur.com/vMPZ58v.png

by **Ispravlennaja Tsekovija** » Mon Oct 25, 2021 7:06 am

Umbratellus wrote:So, I'll be frank I've never used svg image before; I mostly stick to .pngs and the occassional .dds image. How long should it take to upload one? I tried converting my current .png to an .svg but it keeps showing a swirling loading icon after I hit the upload button. It shows up fine in the preview though. Is that just because of the way the converter I used edited the code or something? I'm honestly not sure if I should just switch back to the .png or just wait a little longer.

raster images can't be converted automatically to proper vector images. automated tools will either just embed the png and fundamentally change nothing or create enormous sets of multiple traces. you need to actually trace or otherwise recreate the raster image in svg format if you want a small file.

by **Umbratellus** » Mon Oct 25, 2021 7:27 am

Ispravlennaja Tsekovija wrote:
Umbratellus wrote:So, I'll be frank I've never used svg image before; I mostly stick to .pngs and the occassional .dds image. How long should it take to upload one? I tried converting my current .png to an .svg but it keeps showing a swirling loading icon after I hit the upload button. It shows up fine in the preview though. Is that just because of the way the converter I used edited the code or something? I'm honestly not sure if I should just switch back to the .png or just wait a little longer.

raster images can't be converted automatically to proper vector images. automated tools will either just embed the png and fundamentally change nothing or create enormous sets of multiple traces. you need to actually trace or otherwise recreate the raster image in svg format if you want a small file.

Gotcha, thanks for the heads up. I was not aware of that.

SVG nation flags

Who is online