如何制作 APNG 动画 PNG 的 Favicon

玩 Linux 的同学看历史肯定会看到 GNU
何谓GNU? (发音 “嗝妞”)

GNU’s Not Unix

搞 CSS 的页面仔做图片优化时 PNG 是首选
何谓PNG?(发音同 “ping”)

PNG’s Not GIF

媳妇插嘴: GF 不胖
Pang’s not GF

心血来潮弄个动画版的 favicon 啊哈哈
会上下动的片叫A片
辣么会动的PNG当然叫APNG了

例如 (firefox下会动)

再丢个

<link rel="icon" type="image/png" href="http://bigc.at/favicon.png" />

大警告成了
至于你 favicon.ico 在根目录的,根本不用页面里声明,主流浏览器会自动去读取
也就是说如果你没有丢,会返回一个404,还是随便丢一个吧,体积越小越好,过期时间越长越好

如何制作 APNG 捏?
做每帧的PNG然后用 firefox的插件 APNG Edit 生成即可

最后感谢偶像 Zing 大湿画的小 ico

78 评论

添加您的 →

@A.shun, 呃,其实很早前就有这个了, 当时随便看了下PS和fireworks都不能做,就懒得去弄了,今天平安夜突然那个啥…就搞上了

会上下动的片叫A片
辣么会动的PNG当然叫APNG了

博主真是意淫达人啊

哈哈我的弄动了!不过那个APNG Edit为什么不自己弄个软件啊。。。

[…] 每次去大猫那儿都看见那只邪恶的猫咪在眨眼睛玩萌,最后忍不住自己也干了这样的龌龊事,做了一个APNG的动画favicon:  ←请用firefox观看,如果在地址栏看不到动画图标的,就清空浏览器的缓存后重新启动浏览器再看。大猫说的APN的制作工具APNG Edit的作者几百年不更新,这插件已经没法儿继续在firefox上工作了,找了个替代品:Animat,很好用. TAG: apn 0 喜欢 2 Comments […]

🙄 为什么我把favicon.ico丢到根目录里8好用啊(是在火狐下)根目录就是最外层的目录 对不?跟public_html这些文件夹平级的?(我是菜鸟,先感谢帮助了)

这个Opera下也可以动的呀,做的不错,不过APNG Edit 现在不能在FF17下面安装呀

@oxxx opera因为份额的原因..一直没有被考虑… 这文章09年的,也不知道后面出来啥工具可以搞定了,期待分享

发表回复