外头站着
25
12 月

如何制作 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

yeah, bigCat made it!

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

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

  1. 久酷说道:

    😉 😉 我来啦

  2. lostindream说道:

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

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

  3. A.shun说道:

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

    • bigCat说道:

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

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

  5. chisdy说道:

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

  6. 新邮件(1)说道:

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

  7. fatkun说道:

    会动滴 👿 可惜在Chrome看不到…

  8. 沈蚊说道:

    偶诞节快乐~~ 🙂

  9. Maxsailor说道:

    呵呵~ 眼睛眨的好萌啊 😆

  10. 一米说道:

    哎,IE怎么总是杯具啊。

  11. underone说道:

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

  12. JOY说道:

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

    圣诞快乐

  13. soup说道:

    Merry X’mas 🙂

  14. yorklaser说道:

    这是我见过最牛逼的Favicon!

  15. Kiss6说道:

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

  16. 😛 新Banner加的那个黑框框很帅(╯3╰)

  17. XJP说道:

    其实我路过的

  18. 葉子说道:

    酷 ❗

  19. 左岸读书说道:

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

  20. 断峰狼说道:

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

Leave a Reply

:!: :roll: :o :lol: :P :( 8O :x :oops: :) :?: :idea: :evil: ;) :twisted: