创建多分辨率图标

时间:2014-04-29 21:26:16

标签: favicon

我正在寻找一种从单张图片创建favicon.ico的方法,但是,我对所有分辨率都有一些问题。

我已经尝试过转换-file1- -file2- favicon.ico'正如几个论坛帖子和网站上所建议的那样,但这并不是我想要的。

3 个答案:

答案 0 :(得分:6)

经过一番搜索,我想出了两个解决方案:

解决方案#1:

你可以登录安装了ImageMagick的任何linux盒子,将你的源图像(分辨率至少为256x256像素和PNG格式文件)重命名为' favicon.png',并运行以下命令命令:

convert favicon.png -bordercolor white -border 0 \
      \( -clone 0 -resize 16x16 \) \
      \( -clone 0 -resize 32x32 \) \
      \( -clone 0 -resize 48x48 \) \
      \( -clone 0 -resize 57x57 \) \
      \( -clone 0 -resize 64x64 \) \
      \( -clone 0 -resize 72x72 \) \
      \( -clone 0 -resize 110x110 \) \
      \( -clone 0 -resize 114x114 \) \
      \( -clone 0 -resize 120x120 \) \
      \( -clone 0 -resize 128x128 \) \
      \( -clone 0 -resize 144x144 \) \
      \( -clone 0 -resize 152x152 \) \
      -delete 0 -alpha off -colors 256 favicon.ico

..并且您将您的favicon.ico与大多数知名格式直接合并到一个文件中。

请务必查看favicon备忘单@ https://github.com/audreyr/favicon-cheat-sheet以获取更多favicon信息。

解决方案#2:

冒着推广最终会变成付费服务的网站的风险:

  

对于没有Imagemagick或没有如何知识的人   实现这些favicons,看看我得到的这个提示   http://realfavicongenerator.net/ ..它还会生成HTML代码和   为您提供了一些关于如何渲染文件的额外选项   平台。

答案 1 :(得分:4)

以下,更简单的命令与Henry提到的结果类似,但保留了原始PNG文件中的任何透明度:

convert favicon.png -define icon:auto-resize=152,144,128,120,114,110,72,64,57,48,32,16 favicon.ico

据推测,你可以通过在此命令中添加“-alpha off”来禁用透明度(如果需要)。

答案 2 :(得分:0)

如果您不使用ImageMagik,有一些在线工具。例如www.icoconvert.com - 它是一个非常易于使用的在线工具,支持多分辨率图标生成和各种效果。另一个简单的在线工具是www.favicon.cc - 您可以直接在画布上绘制图标,但它不支持多分辨率。