12 月

如何制作 APNG 动画 PNG 的 Favicon

星期五, 2009 By bigCat . under Code .

玩 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

» You can leave a comment, or trackback from your own site.

大战 78 回合 to “如何制作 APNG 动画 PNG 的 Favicon”

GIF and PNG 8/24/32) and several (Alpha/index color transparent contrast (turn)说道：

2011-09-18 15:52

[…] and GIF animation supportPNG animation also called APNG, just firefox support, seehttp://bigc.at/apng.orzSee here, such as Firefox the favicon, is moving dropsSo for motion pictures, or GIF support is the […]

回复
换个Favicon | 虾子酱说道：

2011-10-18 14:11

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

回复
姜小抽说道：

2011-10-25 13:11

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

回复
- bigcat说道：
  
  2011-10-25 18:09
  
  @姜小抽, 丢到public_html里面去
  因为对于网站来说,这个才是根目录
  外面这个叫用户的home目录
  
  回复
  - 姜小抽说道：
    
    2011-10-27 09:03
    
    @bigcat, 嗯，灰常感谢~~已经弄好了！
PNG现状整理 | 酷爱前端 | 沙拉酷儿说道：

2012-05-23 09:57

[…] PNG的动画也叫APNG,只是firefox支持,详见 http://bigc.at/apng.orz ,如Firefox看这里的favicon,是会动滴 […]

回复
home and garden说道：

2012-10-12 05:11

谢谢..

回复
oxxx说道：

2013-01-08 11:44

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

回复
- bigCat说道：
  
  2013-01-08 14:17
  
  @oxxx opera因为份额的原因..一直没有被考虑… 这文章09年的,也不知道后面出来啥工具可以搞定了,期待分享
  
  回复