unify the dimension of the flags

[jabbalaci]

Currently the flag screenshots are all different. There should be a guideline about 1) the size of these images, and 2) the size of the margins around the flags.

[manrajgrover]

@jabbalaci Yes, definitely. Seriously, there is a need to first fix this. Thank you for opening this issue. Would you like to suggest some guidelines?

[module17]

@jabbalaci Agreed. Also, perhaps the correct flag proportions should be enforced. I believe most are defined and shown on Wikipedia.

[manrajgrover]

@module17 Apart from proportions, we should give a set canvas beyond which person cannot go.

Or should we just give exact dimensions? Are there any online tools to check this?

[module17]

@manrajgrover Absolutely. Perhaps we can set a maximum width. The proportions will vary, but we can limit the "display width" of the div representation as well as any included assets. Hmm, but then again some flags with such a small maximum width wouldn't be able to show the finer details adequately. 600 pixels?

[module17]

Also, @jabbalaci I agree that whitespace guidelines should exist as well. I don't see a reason for any whitespace or margins personally.

[jabbalaci]

I think some pixels can be allowed for the margins, but not much more. It could be difficult to crop the flag perfectly, but some pixel rows and columns around the flag are acceptable IMO.

[module17]

@jabbalaci If we use SVG and generate PNG from fixed SVG export size we can be consistent. Maybe?

[manrajgrover]

A good and fast solution to this looks to be mentioned here. I'll try it out soon or would love a PR for fixing this. 😄

[manrajgrover]

This has now been fixed. 😄 Closing this.