大猫の意淫网志有事请手机13128952188
  • 25
  • Dec

玩 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://ooxx.me/favicon.png" />

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

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

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

23
OX me
假装异步加载ing

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

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

  1. lostindream says:

    赞,这个favicon与你的博客很配!

    我可就不行了,一直没有个像样的满意的favicon

    Reply

    bigCat:

    @lostindream, 啊哈哈,还得多感谢zing大湿

    Reply

  2. A.shun says:

    我火星了,第一次看到png会动的。。 8O
    不过作为avicon.ico还不是一样

    Reply

    bigCat:

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

    Reply

  3. [...] This post was mentioned on Twitter by BigCat, 茕觞橙. 茕觞橙 said: RT @caitou: 换了个APNG的favicon http://ooxx.me/apng.orz ||何谓GNU? (发音 "嗝妞")。哈哈!"嗝妞儿"好玩! [...]

  4. chisdy says:

    圣诞快乐!哈哈,完全看不懂 8O

    Reply

  5. 新邮件(1) says:

    有点意思,改天也弄个~
    你这个大猫有点WS,吼吼吼

    Reply

    bigCat:

    @新邮件(1), :) 虽然不如gif实用,但凑合还能用

    Reply

  6. fatkun says:

    会动滴 :evil: 可惜在Chrome看不到...

    Reply

    bigCat:

    @fatkun, 哈,只有firefox支持

    Reply

    Anonymous:

  7. 沈蚊 says:

    偶诞节快乐~~ :)

    Reply

    bigCat:

    @沈蚊, 圣诞快乐~~~~

    Reply

  8. Maxsailor says:

    呵呵~ 眼睛眨的好萌啊 :lol:

    Reply

    bigCat:

    @Maxsailor, 哦吼吼吼

    Reply

  9. 一米 says:

    哎,IE怎么总是杯具啊。

    Reply

    bigCat:

    @一米, 除了firefox貌似都不支持。。。

    Reply

  10. underone says:

    用了Chrome我都好久没开FF了。。。

    Reply

    bigCat:

    @underone, 哈,我还要靠firebug吃饭。。。

    Reply

  11. JOY says:

    有意思,找个时间也去耍耍

    圣诞快乐

    Reply

    bigCat:

    @JOY, Merry X'mas :)

    Reply

  12. soup says:

    Merry X'mas :)

    Reply

    bigCat:

    @soup, Merry X'mas :)

    Reply

  13. yorklaser says:

    这是我见过最牛逼的Favicon!

    Reply

  14. Kiss6 says:

    报告长官:IE6 下也没看到动。

    Reply

    bigCat:

    @Kiss6, - - 我不是说只有ff支持apng么。。。

    Reply

  15. :P 新Banner加的那个黑框框很帅(╯3╰)

    Reply

    bigCat:

    @小飞嘀敲敲门, - - 最近风头紧,抓紧时间自我阉割

    Reply

  16. XJP says:

    其实我路过的

    Reply

  17. 左岸读书 says:

    大猫的每个细节都在完善吗? :!:

    Reply

    bigCat:

    @左岸读书, 嘿嘿,最近的重心转移回老本行了

    Reply

  18. 断峰狼 says:

    这个有点意思~也是第一次看到~

    Reply

  19. 大猫不是海外生活么?怎么备案了?

    Reply

    bigCat:

    @托尔·银月, 05年备案的...

    Reply

    托尔·银月:

    @bigCat, 之前你还销魂的鄙视备案~~~~写在页脚那里~~~

    Reply

    bigCat:

    @托尔·银月, :( 惹不起

    Reply

    托尔·银月:

    @bigCat, 现在囧了~~~~话说怎么之前都备案了还能那么拽?不查验你?

    Reply

    bigCat:

    @托尔·银月, 要知道之前可没现在这么严峻...

    Reply

    托尔·银月:

    @bigCat, 但是你那么堂而皇之人家也看不见~

    Reply

  20. 星网 says:

    大家都用邮件发消息上瘾了! :(

    Reply

  21. Anonymous says:

    为啥这次连chrome都被藐视捏 :P

    Reply

    bigCat:

    @, 哈,小众的玩物~ 不过前景不错

    Reply

  22. chouray says:

    大猫明年明天快乐 :lol:

    Reply

    bigCat:

    @chouray, :lol: 啊哈哈,新年快乐~

    Reply

  23. homer says:

    毛兄,新年快乐~

    Reply

    bigCat:

    @homer, 新年快乐~~

    Reply

  24. 小姚 says:

    呵呵,你博客头部那个太有意思了~

    Reply

  25. 狗登 says:

    最终还是得备案了吧,唉,不容易的呐,猫兄~~~

    Reply

    bigCat:

    @狗登, 被逼滴,几年前的备案号翻出来...

    Reply

  26. Showfom says:

    一直在动 aa.cx Firefox 也能动哦

    Reply

    bigCat:

    @Showfom, 只有ff能动...

    Reply

  27. qlj says:

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

    博主真是意淫达人啊

    Reply

  28. zing says:

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

    Reply

    bigCat:

    @zing, = = 也是哦...目前还没有软件和他竞争

    Reply

  29. 猫哥 says:

    第一次来,你域名很OOXX。

    Reply

  30. 疯子 says:

    好像已经N久没有更新了

    Reply

    bigCat:

    @疯子, 忙半死啊

    Reply

  31. dev says:

    顶部的图片 :o

    Reply

  32. cg says:

    ico是我这些天的痛啊,怎么做都做不明白,灰溜溜爬。

    Reply

    bigCat:

    @cg, 做个图片转为ico即可

    Reply

Leave a Reply

:!: :roll: :o :lol: :P :( 8O :x :oops: :) :?: :idea: :evil: ;) :twisted: XHTML<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>