[GH-ISSUE #495] Base64 version (feature request) #302

New issue

Closed

opened 2026-03-03 14:37:22 +03:00 by kerem · 5 comments

kerem commented

2026-03-03 14:37:22 +03:00

Owner

Originally created by @lazysergey on GitHub (Oct 4, 2018).
Original GitHub issue: https://github.com/lipis/flag-icons/issues/495

each flag generates separate request to the server

Originally created by @lazysergey on GitHub (Oct 4, 2018). Original GitHub issue: https://github.com/lipis/flag-icons/issues/495 each flag generates separate request to the server

kerem closed this issue

2026-03-03 14:37:22 +03:00

kerem commented

2026-03-03 14:37:23 +03:00

Author

Owner

@lazysergey commented on GitHub (Oct 4, 2018):

@lipis can you give a comment on this?

@lazysergey commented on GitHub (Oct 4, 2018): @lipis can you give a comment on this?

kerem commented

2026-03-03 14:37:23 +03:00

Author

Owner

@lipis commented on GitHub (Oct 4, 2018):

can you be more specific on what you need and how can we help?

@lipis commented on GitHub (Oct 4, 2018): can you be more specific on what you need and how can we help?

kerem commented

2026-03-03 14:37:23 +03:00

Author

Owner

@Findus23 commented on GitHub (Oct 4, 2018):

@lazysergey
I'd recommend you to setup HTTP 2.0 which makes the overhead of all those requests a bit less dramatic.

And keep in mind that putting all SVGs as base64 would mean that the browser have to wait with the css rendering until 3MB css have been loaded (even more as bas64 is larger than binary).

@Findus23 commented on GitHub (Oct 4, 2018): @lazysergey I'd recommend you to setup HTTP 2.0 which makes the overhead of all those requests a bit less dramatic. And keep in mind that putting all SVGs as base64 would mean that the browser have to wait with the css rendering until 3MB css have been loaded (even more as bas64 is larger than binary).

kerem commented

2026-03-03 14:37:23 +03:00

Author

Owner

@lazysergey commented on GitHub (Oct 4, 2018):

sure, I’m using your awesome lib in countries phonecodes dropdown. When I open the dropdown my app triggers 257 get requests for each *.svg flag
So I thought it might be good feature to have css where all SVGs are encoded directly in css via base64 so server will not be hit with hundreds extra get requests for the flags - it will get all of them along with css

@lazysergey commented on GitHub (Oct 4, 2018): sure, I’m using your awesome lib in countries phonecodes dropdown. When I open the dropdown my app triggers 257 get requests for each *.svg flag So I thought it might be good feature to have css where all SVGs are encoded directly in css via base64 so server will not be hit with hundreds extra get requests for the flags - it will get all of them along with css

kerem commented

2026-03-03 14:37:23 +03:00

Author

Owner

@Findus23 commented on GitHub (Oct 4, 2018):

One more thing: If the flags are shown really small (~20px) you could do something similar to what I am doing in Matomo: Convert the SVGs to optimized PNGs (with 3x resolution for high-res displays).
As flags compress incredibly well the files will have about 180 bytes(!) each with 64x48 px and maybe they will load and render faster in the browser.

@Findus23 commented on GitHub (Oct 4, 2018): One more thing: If the flags are shown really small (~20px) you could do something similar to what I am doing in Matomo: Convert the SVGs to optimized PNGs (with 3x resolution for high-res displays). As flags compress incredibly well the files will have about 180 bytes(!) each with 64x48 px and maybe they will load and render faster in the browser.

kerem referenced this issue

2026-03-03 14:40:33 +03:00

[PR #302] [CLOSED] (new) flags for Kosovo and Netherlands Antilles #744