Add sprite for all png images

[hampusborgos]

Add sprite for all png images

[AKlaus]

Google has their flags as 48x32 (link) and they show them as 24x16 images (e.g. in Google Contacts on the phone field), so Retina displays handle the images gracefully.

Talking about sprites, I'd like to suggest an idea voiced here on Stackoverflow.com to save the flags in a grid according to the country ISO2 code, where 1st letter -> vertical position and 2nd letter -> horizontal position. So the flag location can be calculated with a very easy function on the client side without the need of 200+ extra style definitions.

[drdim]

I think create custom image size (from imagemin), default size one flag 1x - 20x14 px, 2x 40x28 px
or add npm build map command.

[hampusborgos]

What resolution would be appropriate for such a mapping? 100x100?

[unnieayilliath]

I think a sprite image is really necessary. 48 * 48 would be good

[wyattoday]

There are lots of tools that take separate images and combines them to create a single sprite. Rather than re-create that work here, just use google to find one of the tools.

Here's one example: https://github.com/sprity/sprity