Posted: Thu Jan 09, 2020 7:34 am
Can we move the flag down on the page so that it doesn't obstruct the banner?
Because sometimes even national leaders just want to hang out
https://forum.nationstates.net/
[violet] wrote:Automatic Flag Resizing
Your flag will usually be resized to fit within 428x284 pixels... If it's under 150kB and the image fits within either 535x355 pixels or 321x568 pixels, it won't be resized... Animated GIFs are possible if the filesize is under 150kB and the image fits within 321x213 pixels.
[violet] wrote:I'm still messing around with it, but here are the different concepts in play.
When you upload a custom flag, it's resized according to the rules above to fit within a set height, width, and filesize.
In ye olden days, that was the end of the story, because your image was a file that would always display at that size, no matter what.
Today, however, we have people using a much broader range of screens, some very small, some very large, and with different pixel densities. So whereas it used to be fairly safe to assume roughly how much of a screen a 300x200 pixel image would occupy, this is no longer the case.
Thus how the flag looks can also depend on:
- the width of your browser: flags aren't permitted to take up too much horizontal screen real estate (currently: 25%)
- the height of your browser: flags aren't permitted to take up too much vertical screen real estate (currently: 30%)
- the pixel density of your screen: phones and tablets in particular can display a higher-quality image from the same nominal amount of pixels, which makes it useful to allow flag images to be larger than the displayed size
- whether you are using a NationStates theme that supports the above
Recuecn wrote:Have the rules changed again? My flag used to be really huge and now gets resized like it used to, but with the difference that now it keeps its transparency even when being resized. Am I just going crazy?
Also, I'm still wondering what the new specifics for regional flags are.
[violet] wrote:I'm still messing around with it, but here are the different concepts in play.
When you upload a custom flag, it's resized according to the rules above to fit within a set height, width, and filesize.
In ye olden days, that was the end of the story, because your image was a file that would always display at that size, no matter what.
Today, however, we have people using a much broader range of screens, some very small, some very large, and with different pixel densities. So whereas it used to be fairly safe to assume roughly how much of a screen a 300x200 pixel image would occupy, this is no longer the case.
Thus how the flag looks can also depend on:
- the width of your browser: flags aren't permitted to take up too much horizontal screen real estate (currently: 25%)
- the height of your browser: flags aren't permitted to take up too much vertical screen real estate (currently: 30%)
- the pixel density of your screen: phones and tablets in particular can display a higher-quality image from the same nominal amount of pixels, which makes it useful to allow flag images to be larger than the displayed size
- whether you are using a NationStates theme that supports the above
Gandoor wrote:Recuecn wrote:Have the rules changed again? My flag used to be really huge and now gets resized like it used to, but with the difference that now it keeps its transparency even when being resized. Am I just going crazy?
Also, I'm still wondering what the new specifics for regional flags are.
From earlier on this very page:[violet] wrote:I'm still messing around with it, but here are the different concepts in play.
When you upload a custom flag, it's resized according to the rules above to fit within a set height, width, and filesize.
In ye olden days, that was the end of the story, because your image was a file that would always display at that size, no matter what.
Today, however, we have people using a much broader range of screens, some very small, some very large, and with different pixel densities. So whereas it used to be fairly safe to assume roughly how much of a screen a 300x200 pixel image would occupy, this is no longer the case.
Thus how the flag looks can also depend on:
- the width of your browser: flags aren't permitted to take up too much horizontal screen real estate (currently: 25%)
- the height of your browser: flags aren't permitted to take up too much vertical screen real estate (currently: 30%)
- the pixel density of your screen: phones and tablets in particular can display a higher-quality image from the same nominal amount of pixels, which makes it useful to allow flag images to be larger than the displayed size
- whether you are using a NationStates theme that supports the above
The tl;dr: The flag is still the size that you originally uploaded it as (which can be seen if you right-click and view your flag image by itself in a new tab and check your display) but it now gets resized on your computer display based on your browser's height and width and pixel density of whatever you're using to view NS instead of just displayed as whatever the image res is.