美文网首页
ImageMagick 制作 windows *.ico 图标

ImageMagick 制作 windows *.ico 图标

作者: HaRun | 来源:发表于2020-07-05 12:11 被阅读0次

本来是想在photoshop里面制作的,但是要安装插件,并且只能制作包含1个尺寸的.ico文件,这个是不正确的,本来.ico文件就是要包含多尺寸图片的啊,要不然怎么在多种分辨率下显示?对吧?我们应该制作包含多尺寸的*.ico文件。

下面开始制作:

  1. 准备条件:安装对应系统的ImageMagick

  2. 先制作好SVG文件,可以在sketch、illustrater等软件制作。svg的好处是无损转换,当然你可以使用png图片,或者其他格式图片。

  3. 在终端上执行下面命令:当然你必须使用cd命令到你源文件所在目录再运行下面的生成命令哦!

源文件是svg格式的转换方式

Convert SVG to ICO using ImageMagick, with transparent background and multi-size icons

convert -density 256x256 -background transparent favicon.svg -define icon:auto-resize -colors 256 favicon.ico

https://gist.github.com/azam/3b6995a29b9f079282f3#file-svg2ico-sh

上面的命令行是包含了10个尺寸的图片,现在我们只需要windows系统需要的尺寸就可以了:

convert -density 256x256 -background transparent icon.svg -define icon:auto-resize=256,48,32,16 -colors 256 icon.ico

icon.svg 是你制作好的svg文件名,icon.ico是你生成最后图标的文件名。
重点是:icon:auto-resize=256,48,32,16, 因为windows只需要4个尺寸即可,当然这是标准版尺寸。

具体尺寸可以看微软的文档:https://docs.microsoft.com/en-us/windows/win32/uxguide/vis-icons

源文件是png格式转换方式

准备好各种不同尺寸的png图片,分别改名,当然你也可以不改,此处只是为了命令行书写的方便而已。

此处是将源png文件名改为16.png、32.png、48.png、256.png,分别代表是16x16像素的png图片、32x32像素的png图片,其他的尺寸类似

convert 16.png 32.png 48.png 256.png -colors 256 icon.ico

执行完上面命令后将在当前文件夹生成对应的*.ico文件。

相关文章

  • ImageMagick 制作 windows *.ico 图标

    本来是想在photoshop里面制作的,但是要安装插件,并且只能制作包含1个尺寸的.ico文件,这个是不正确的,本...

  • 主题:.ico图标

    制作.ico图标 大家可以在这里在线制作图标。或者在这里下载制作工具,来进行制作图标 编辑.ico图标 大家可以在...

  • PNG生成多尺寸ico文件,开发桌面应用必备

    windows桌面应用必备 开发windows桌面应用时,一般需要制作一个.ico文件,作为程序的图标。以前一直用...

  • 制作一个标准 ICO 图标

    1、ICO ICO是Windows的图标文件格式,此格式图标文件可以存储单个图案、多尺寸、多色板的图标文件。一个图...

  • 《2.10系统程序的部署》

    《2.10系统程序的部署》 制作图标搜索“图片转ico”,然后输出目标大小的图标文件(后缀为.ico) 添加关于菜...

  • 如何给网站标题加上图标

    制作好图标ico,重命名为favicon.ico,名字要对上,不然图标不会显示 head里面加上这样,就行了

  • 关于前端,你会用到的网站

    转换ico图标:(用来制作title logo) .bitbug.net 字体图标下载地址: .comoon.io...

  • 制作网页ico图标

    任何网站都可以在其网址后加/favicon.ico查看其图标 自己制作图标:在html的 中写入下面代码 ico...

  • hexo设置网站的图标Favicon

    实现效果图 具体方法实现ico图标 32*32去别的网站下载或者制作,并将图标名称改为favicon.ico,然后...

  • vue项目 浏览器logo设置

    一、首先logo是ico类型的,因此需要制作ico图标[http://www.bitbug.net/]的网站 二、...

网友评论

      本文标题:ImageMagick 制作 windows *.ico 图标

      本文链接:https://www.haomeiwen.com/subject/jnhmqktx.html