TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

We analyzed 425k favicons

550 点作者 gurgeous超过 3 年前

35 条评论

arp242超过 3 年前
I got mine down to 160 bytes with some pixel tweaking and converting it to a 16-color indexed PNG. It&#x27;s not a lot of work or very difficult (I&#x27;m an idiot at graphics editing), but you do need to spend the (small amount of) effort. I embed it as a data URI and it&#x27;s just four lines of (col-80 wrapped) base64 text, which seems reasonable to me.<p>Haven&#x27;t managed to get my headshot down to less than 10k without looking horrible no matter how much I tweaked the JPEG or WebP settings, and thought that was just a tad too big to embed. Maybe I need to find a different picture that compresses better.<p>I got that 280k Discord favicon down to just 24K simply by opening it in GIMP and saving it again. I got it down to 12K by indexing it to 255 colours rather than using RGB (I can&#x27;t tell the difference even at full size). You can probably make it even smaller if you tried, but that&#x27;s diminishing returns. Still, I bet with 5 more minutes you can get it to ~5k or so.<p>It&#x27;s very easy; you just need to care. Does it matter? Well, when I used Slack I regularly spent a minute waiting for them to push their &gt;10M updates, so I&#x27;d say that 250k here and 250k there etc. adds up and matters, giving real actual improvements to your customers.<p>The Event Horizon Telescope having a huge favicon I can understand; probably just some astronomer who uploaded it in WordPress or something. Arguably a fault of the software for not dealing with that more sensibly, but these sort of oversights happen. A tech company making custom software for a living is quite frankly just embarrassing to the entire industry. It&#x27;s a big fat &quot;fuck you&quot; to anyone from less developed areas with less-than-ideal internet connections.
评论 #28936275 未加载
评论 #28936234 未加载
评论 #28936862 未加载
评论 #28936348 未加载
quitit超过 3 年前
The difference between the Apple “precomposed” and standard icons had to do with the gloss effect on icons on pre iOS 7 home screens.<p>When adding a website&#x2F;webapp to these earlier home screens, the OS would apply a gloss effect over the icon in order to match the aesthetic of the standard apps. The precomposed icon was a way for the developer to stop the OS from applying this effect, such as if their logo already had a different gloss effect already applied (i.e “precomposed”) or other design where adding the glossy shine wouldn’t look right. The standard icon allowed the OS to apply the gloss effect - which was a timesaver as Apple did tweak the gloss contour over the years: hence using a standard icon ensured that the website&#x2F;webapp always matched the user’s OS version.
gurgeous超过 3 年前
Also, we turned up 2,000 domains that redirect to a very shady site called happyfamilymedstore[dot]com. Stuff like avanafill[dot]com, pfzviagra[dot]com, prednisoloneotc[dot]com. These domains made it into the Tranco 100k somehow.<p>Full list here - <a href="https:&#x2F;&#x2F;gist.github.com&#x2F;gurgeous&#x2F;bcb3e851087763efe4b2f4b992f1b842" rel="nofollow">https:&#x2F;&#x2F;gist.github.com&#x2F;gurgeous&#x2F;bcb3e851087763efe4b2f4b992f...</a>
评论 #28935125 未加载
评论 #28936152 未加载
评论 #28941518 未加载
Quai超过 3 年前
I worked on Opera Link, the first built-in synchronization between different installations of the Opera browser, both desktop, Opera Mini and Opera Mobile (+ a web view).<p>Favicons got included in the data from day one, and it was awesome to get the look and feel of your bookmark bar&#x2F;UI with the correct icons right away.<p>Back then we stored the booksmarks in a home grown XML data store (built on top of mysql, acting more or less as a key-value store). This worked quite nice, and it allowed us to easily scale the system.<p>One night the databases and backends handling the client requests suddenly started eating a lot more memory, and the database started using much more storage than normal.<p>As one of only two backend devops working on Opera Link, I had to debug this, and find out what was going on. After a while I isolated the problem to a handful of users. But how could a few users affect the system so much?<p>As a part of the XML data store, we decided naively to store the favicons in the XML, as a base64 encoded string. While not pretty, a 16x16 PNG is not that much data, and even with thousand of bookmarks, the total overhead on compression and parsing was neglishable. What we did not foresee was what I uncovered that night; A semi-popular porn site had changed something on their server. They had started serving the images while also pointing browser to the same images as the favicon! Each image being multiple megabytes, sent from the client, parsed on the backend, decoded, verified, encoded back to base64, added to the XML DOM, serialized, compressed and pushed back to the database...<p>Before going to bed that night, I had implemented a backlist of domains we would not accept favicons for, cleaned up the &quot;affected&quot; user data, and washed my eyes with soap.<p>I miss those days!
评论 #28939885 未加载
评论 #28938455 未加载
ryan29超过 3 年前
&gt; In fact, I recommend that browsers ignore these hints because they are wrong much of the time.<p>I don&#x27;t agree. That&#x27;s the kind of coddling that encourages incompetence. Instead of compensating for others&#x27; mistakes, just let their stuff break.<p>I wonder if Safai on iOS ignores the hints. When I tested, I was surprised to see that pressing the share icon, which holds the option for `Add to Home Screen`, would cause a download of all of the icons listed with `link rel=&quot;icon&quot;`.<p>Favicons are a huge pain to deal with correctly.
评论 #28935877 未加载
评论 #28935745 未加载
评论 #28936045 未加载
评论 #28942503 未加载
评论 #28935573 未加载
评论 #28938211 未加载
silvestrov超过 3 年前
It such a shame that Safari does not support SVG favicons. It&#x27;s the only major browser which doesn&#x27;t: <a href="https:&#x2F;&#x2F;caniuse.com&#x2F;link-icon-svg" rel="nofollow">https:&#x2F;&#x2F;caniuse.com&#x2F;link-icon-svg</a><p>All current browsers support PNG.
评论 #28937577 未加载
评论 #28941299 未加载
评论 #28940259 未加载
anyfoo超过 3 年前
... and wrote an interesting technical article about it, that even someone like me, who doesn&#x27;t do web development, enjoys reading. Definitely why I come to HN (no sarcasm, it is).
paulirish超过 3 年前
Aside: This article is a decent usecase for the esoteric `image-rendering: pixelated;` css property.
评论 #28934808 未加载
评论 #28940251 未加载
评论 #28934996 未加载
gurgeous超过 3 年前
Also see the gigantic map - <a href="https:&#x2F;&#x2F;iconmap.io" rel="nofollow">https:&#x2F;&#x2F;iconmap.io</a><p>The blog post is the analysis of the data set, the map is the visualization.
评论 #28934839 未加载
评论 #28934956 未加载
评论 #28934857 未加载
toast0超过 3 年前
Favicons are slightly useful. You can serve your page at <a href="http:&#x2F;&#x2F;www.example.com" rel="nofollow">http:&#x2F;&#x2F;www.example.com</a> with a favicon from <a href="https:&#x2F;&#x2F;example.com" rel="nofollow">https:&#x2F;&#x2F;example.com</a> that has a HTTP Strict-Transport-Security header with includeSubDomains, and then future page loads in that browser will be https (across your whole domain). (This assumes you want your domain to be https)<p>Other than that, I&#x27;m still pretty meh about them.
achillean超过 3 年前
Nmap generated a similar version many years ago and it&#x27;s still available at:<p><a href="https:&#x2F;&#x2F;nmap.org&#x2F;favicon&#x2F;" rel="nofollow">https:&#x2F;&#x2F;nmap.org&#x2F;favicon&#x2F;</a><p>We also did something looks at favicons by IP:<p><a href="https:&#x2F;&#x2F;faviconmap.shodan.io&#x2F;" rel="nofollow">https:&#x2F;&#x2F;faviconmap.shodan.io&#x2F;</a>
nanis超过 3 年前
I know of a company whose favicon was a hires true color PNG that weighed in at more than 2 MB. The web site was the dominion of marketing. Suggestions to improve the situation were detrimental to one&#x27;s career path. <i>sigh</i>
tinco超过 3 年前
Not really relevant, but using Go to fetch the data, and then Ruby to process the data is the best. I used this exact set up for a project and it was amazing. Really the sweet spot of use cases for both languages.
评论 #28935677 未加载
TazeTSchnitzel超过 3 年前
The non-PNG Apple touch icons might be CgBI files? It&#x27;s an undocumented proprietary Apple extension to PNG which most PNG tools won&#x27;t accept, but which Xcode uses for iOS apps.
thrdbndndn超过 3 年前
&gt; Strangely, only 96.1% of Apple touch icons are PNG. Presumably the other 4% are broken.<p>What does broken mean in this context? Non-PNG, or actually broken? I assume the author has the files.
Groxx超过 3 年前
Off in one of the more esoteric corners of favicons, you have games played within the favicon: <a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=fpjM5myls7I" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=fpjM5myls7I</a><p>Sadly it doesn&#x27;t quite work for me any more, but the youtube video does a decent job showing what it looked like when it worked.
Diesel555超过 3 年前
That article was a fun read! There was one sentence that bothered me though.<p>&gt; I recommend that browsers ignore these hints because they are wrong much of the time. We calculated a 6.7% error rate for these attributes, where the size is not found in the image or the type does not match the file format.<p>I think of much in this context to mean at least more than 50% of the time. So I had to look up the definition of the word. One definition from Merriam is &quot;more than is expected or acceptable : more than enough.&quot; So I guess the usage is acceptable!<p>I always enjoy finding I have a slightly wrong definition in my mind for a word. Many arguments, or much arguments, fail to move forward due to the differing, unidentified, underlying assumptions relying on words with slightly different definitions, both people having a slightly different question they are arguing in their mind.
philshem超过 3 年前
Less analysis, but a couple years ago I posted a script to download and then generate mosaics from favicons: <a href="https:&#x2F;&#x2F;smalldata.dev&#x2F;posts&#x2F;favicon-mosaic&#x2F;" rel="nofollow">https:&#x2F;&#x2F;smalldata.dev&#x2F;posts&#x2F;favicon-mosaic&#x2F;</a><p>example image: <a href="https:&#x2F;&#x2F;smalldata.dev&#x2F;images&#x2F;mosaic.jpeg" rel="nofollow">https:&#x2F;&#x2F;smalldata.dev&#x2F;images&#x2F;mosaic.jpeg</a><p>script to get the favicons: <a href="https:&#x2F;&#x2F;gist.github.com&#x2F;philshem&#x2F;e59388197fd9ddb7dcdb8098f9f0aaf2" rel="nofollow">https:&#x2F;&#x2F;gist.github.com&#x2F;philshem&#x2F;e59388197fd9ddb7dcdb8098f9f...</a>
Lorin超过 3 年前
This reminds me of the time I reported to CIRA (Canadian domain registry) that their favicon was ~2mb &#x2F;w bad caching rules and was causing issues in ... many situations.
make3超过 3 年前
In related news, the FDA approved Ketamine nose spray for treatment resistant depression not too too long ago <a href="https:&#x2F;&#x2F;www.fda.gov&#x2F;news-events&#x2F;press-announcements&#x2F;fda-approves-new-nasal-spray-medication-treatment-resistant-depression-available-only-certified" rel="nofollow">https:&#x2F;&#x2F;www.fda.gov&#x2F;news-events&#x2F;press-announcements&#x2F;fda-appr...</a>
munk-a超过 3 年前
Didn&#x27;t they miss all the pre-sized icons in their scan as well? For a while Apple encouraged multiple resolution sizes for favicons for... reasons.<p>I know they additionally missed the directory specific favicons which have always had iffy support (i.e. &#x2F;index.html =&gt; &#x2F;favicon.ico and &#x2F;munks-page&#x2F;index.html =&gt; &#x2F;munks-page&#x2F;favicon.ico)
jtbayly超过 3 年前
&gt; Check out this startling ICO with 64 images, all roughly 16x16. I suspect a bug.<p>I suspect an animation. Anybody know how to find out?
ScaleneTriangle超过 3 年前
Would have liked to see more color analysis, like a graph showing the number of distinct colours per icon.
account42超过 3 年前
One weird behavior with favicons that I noticed is that Firefox will download both the 16x16 icon that matches the size its displayed at (on 1x pixel ratio screen) as well as the largest icon and then will display whichever finished last. This behavior makes no sense to me.
cratermoon超过 3 年前
I haven&#x27;t updated the favicon on a site I run in years, if not decades. It&#x27;s a 32x32 GIF 89a file that runs 131 bytes.<p>It&#x27;s interesting to ponder how many hundreds of bytes are exchanged between the browser and the site just for a simple GET request for the image.
fho超过 3 年前
That &quot;I am feeling lucky&quot; button does not seem random at all, it brought me in order to: Microsoft Windows, Blogger, The Financial Times, Github, Adobe ...<p>As every other location I randomly scroll to has no recognizable image on it ... that seems preselected :-)
whalesalad超过 3 年前
I have always wanted to do this _exact_ analysis - so awesome! Every time I am building some kind of semi-intelligent parser to fetch an arbitrary visual icon for a URL I think to myself there has gotta be a better way do do this.
arantius超过 3 年前
I did something similar in 2008: <a href="https:&#x2F;&#x2F;tech.arantius.com&#x2F;favicon-survey" rel="nofollow">https:&#x2F;&#x2F;tech.arantius.com&#x2F;favicon-survey</a>
irrational超过 3 年前
I have to wonder if this is being passed around Netflix, for example, today, asking who is in charge of fixing it.
comeonseriously超过 3 年前
Slightly OT, but what was that one that came around a few years ago that would make everyone&#x27;s CPU go to 100%?
tonetheman超过 3 年前
I use an inline svg for mine... which is really just a poop emoji.
1cvmask超过 3 年前
The favicon visualization brought memories of the million dollar homepage. I suppose it was precursor of NFTs.<p><a href="https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;The_Million_Dollar_Homepage" rel="nofollow">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;The_Million_Dollar_Homepage</a><p><a href="http:&#x2F;&#x2F;www.milliondollarhomepage.com&#x2F;" rel="nofollow">http:&#x2F;&#x2F;www.milliondollarhomepage.com&#x2F;</a>
评论 #28943770 未加载
bellyfullofbac超过 3 年前
Huh, there&#x27;s a row of identical icons of 3 blue circles (search for cashadvancewow[dot]com) and all the domains using them are loan-related. Interesting way to do forensics on clone sites (although trying a few of them, they&#x27;re not showing any icons right now, and the URL &#x2F;favicon.ico 404&#x27;s)<p>And I checked a few of the sites, I just got lorem-ipsum style landing pages. I wonder what&#x27;s the point, or are the scammers using the domains mostly for emails?
评论 #28940655 未加载
ChrisArchitect超过 3 年前
What is the Tranco dataset that this is based on? I mean come on -- anything that claims to be based on &#x27;Alexa&#x27; (or any of these others: Cisco Umbrella&#x2F;openDNS? Majestic? Quantcast?) is sooo suspect. None of these sources are that good and especially Alexa which harks back to a time 20 years ago of browser toolbars and extensions which the large majority do not use anymore.<p>Just saying yes maybe it&#x27;s easy to come up with a top 1000 list of sites on the net, but other than that no one really knows unless you&#x27;re like Google&#x2F;Bing&#x2F;Apple&#x2F;Cloudflare that have redirection urls&#x2F;DNS control, tracking clicks etc
bugmen0t超过 3 年前
&gt; We did a hacky image analysis with ImageMagick to survey favicon colors. Here is the dominant color breakdown across our favicons. This isn’t very accurate, unfortunately. I suspect that many multicolored favicons are getting lumped in with purple.<p>Writing or reviewing a sentence like this should make you reconsider. Either do the right analysis or remove this from your article. But when you say your analysis is probably wrong and the results look weird, then why publish as is?
评论 #28945376 未加载