动手画网页的favicon

为了让博客页面更加完整,一个看上去简单实用的favicon是少不了的。favicon全称是favorite icon,即网页的图标。那么作为一个DIY爱好者,哪怕再难看也得自己做一个吧,总比用别人的好。

  博客名字起成Clocktower了,那么就以“计时塔”为主题设计一个图案。一开始做的favicon参考了大本钟的指针,画了一个花里胡哨的钟表盘,改成32x32像素大小后直接测试。但是实际效果并不好,因为windows上一般浏览器实际显示出来是16x16分辨率的,导致图像又被压缩了一次,看着十分模糊。
  搞来搞去发现16x16分辨率实在是太小了,至于直接做个堪比苹果的logo出来再缩略…抱歉咱目前还没那个本事。于是我又祭出了像素画的套路…这次画了一个钟表发条,因为据说大本钟也是发条驱动的呢。
把图片放大是这个样子的:

  实际效果还行,辨识度也不错,但是这种像素画的缺点就是只能适用于16x16的大小了,放大以后一定会变形或者模糊,必须再制作32x32的,如果你用的是Mac设备或者是别的什么浏览器,这可能就失效了。但是也未尝不是一种解决办法,毕竟很快就能完成,同时复古的像素画也能让博客页面看起来更有ACG的感觉。

  • 版权声明: 本博客所有文章著作权归作者所有,禁止任何形式的转载。
  • Copyrights © 2019-2024 Caelica

请我喝杯咖啡吧~