A Code Golf specific favicon
On main Codidact Meta there was a request for Unique favicons for each site. This has had a positive response and no objections (the nearest is one answer that says it should be opt in per community).
Code Golf seems like a good place to test out having a distinguishing favicon. Is this something you would like to see?
There is already a community logo which could be used for the favicon, but this was not specifically designed for such a small size, so it might be better to design something with favicon use in mind.
To help decide, here is the icon part of the logo at various sizes:
| Size | At actual size | Adjusted for comparison |
|---|---|---|
| Original image size |  |
|
| 48 by 48 |  |
|
| 32 by 32 |  |
|
| 16 by 16 |  |
|
It appears that at the highest resolution commonly used for favicons the cup and braces are just about distinguishable, but for users on lower resolution screens they will be difficult to identify.
Would you like to see a version of this icon adjusted to be more recognisable at favicon sizes, or would you prefer something different?
If you have multiple suggestions of potential favicons, please post them in separate answers so that voting can be specific to one idea. If you have several different sizes of the same idea (as shown here for the current icon), please post them all in a single answer.
1 answer
The process to create a small icon from a big one, is to not just reduce its resolution by a standard downsample, but to recreate the icon from scratch with gradually fewer details. As your downsampling shows, there are too many details in the higher resolution icon, that do not translate well to a smaller image, as there are not enough pixels for each of them. Thus, you need a simpler model for it. Besides, the sampler combines too many pixels together with a low range of contrast, making for a very blurry image, when the purpose of a lower resolution is to retain edges and distinctive traits of the model.
For this purpose, you can not rasterize a model into a high resolution icon and then downsample that icon. You need to rasterize the model for each icon resolution level. When you reach a resolution where the details of the model no longer appropriately translate into the bigger grids, you will need to simplify the model. That be by replacing curves with lines, or removing features, opting for the simplest silhouette available. For the smallest resolutions, a reasonable approach is often to just hand-fill the pixels.
0 comment threads