欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:22选5河南最新开奖今 > CSS工具 >

favicon ico网页图标制作 IconWorkshop软件下载

22选5河南最新开奖今 www.gsf5k.cn 网页favicon.ico标题图标制作教程与favicon制作软件IconWorkshop下载

网页中favicon.ico图标展示截图
网页中favicon.ico图标展示截图

制作favicon.ico需要两种软件进行,首先是Photoshop制作出GIF图标,再通过IconWorkshop软件导入PS做出的GIF图片,保存即可制作出favicon.ico

以下为一般的favicon图标制作步骤,当然也可以使用其它更好软件设计漂亮的favicon网页ico图标。

一、favicon.ico尺寸要求   -   TOP

首先favicon.ico图标尺寸是有要求,避免变形,一般Photoshop制作GIF图标时候,新建图层文件大小为16*16,RGB颜色,背景透明。

Photoshop新建设置
新建Photoshop设置

二、在PS里设计好favicon.ico所需的素材后一般保存GIF   -   TOP

PS设计好16宽16高的图标文件,导出保存为GIF图标

导出gif图标
导出gif图标

三、IconWorkshop转换为ico扩展名的favicon图标   -   TOP

1、打开IconWorkshop

IconWorkshop打开
IconWorkshop打开

2、新建ico文件

新建windows 图标ico项目
新建windows 图标项目

配置新建ico文件后确定
配置新建ico文件后确定

根据上图配置好ico新建项目的“颜色”、“像素大小”,点击“确定”。

3、新建好的项目导入PS设计GIF图标

导入设计GIF图像
导入设计GIF图像

导入GIF的图标后
导入GIF的图标后

4、保存项目即可

点击当前项目的“保存”图标
点击当前项目的“保存”图标

保存好后默认是ICO图标了,再将ICO图标命名为favicon.ico即可,上传到网站网页根目录里即可。

四、为什么favicon.ico这样命名   -   TOP

因为网站网页没有link标签设置引入默认ico时候,默认favicon.ico将作为网页标题ICO图标。

五、你可以网页中加favicon.ico引入   -   TOP

<link rel="shortcut icon" href="//www.gsf5k.cn/favicon.ico"/>
在你的22选5河南最新开奖今网页中head标签内添加以上代码即可,网页打开后图标将会是你设计的ICO小图标

六、favicon制作软件下载   -   TOP

favicon制作软件下载

如需转载,请注明文章出处和来源网址://www.gsf5k.cn/css-tool/t628.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
22选5河南最新开奖今文章修订日期:2013-10-16 10:53 原创:22选5河南最新开奖今
本文22选5河南最新开奖今 www.gsf5k.cn DIVCSS5版权所有。

  • 其实啊也不奇怪,菜做好了先来一份尝尝味道于是提前开吃了。 2019-01-19
  • 承认私有制存在,却否认阶级分析。睁着眼睛说瞎话,强坛独一份。 2019-01-19
  • 广东院士联合会:“新起点”开启助力广东创新驱动发展“新征程” 2019-01-18
  • 寻找把他吃剩的饭菜找包后,丢给四两吃,这能算道德?[微笑] 2019-01-18
  • 长治市争创全国禁毒示范城市 2019-01-18
  • 21世纪中国的马克思主义 2019-01-18
  • 6月温州市区普通商品住房地块集中出让 2019-01-17
  • 中国动力电池市场竞争加剧 70家公司仅占3成份额 2019-01-17
  • 儿童版《流星花园》?胡可晒安吉小鱼儿与七宝合影 2019-01-17
  • 6个关键词 教你读懂最新癌症预防报告 2019-01-16
  • 嘱望上合 青岛之约 2019-01-16
  • 勤劳的女人最美丽 河南温县“农家女”创业带富乡邻 2019-01-16
  • 增强“四个意识”做政治上的明白人 2019-01-15
  • 郪江,隐藏在川东丘陵中的战国小镇文章中国国家地理网 2019-01-15
  • 第六届(2017)赛迪学术年会系统测评分论坛举办 2019-01-15
  • 896| 739| 815| 232| 868| 637| 413| 403| 108| 627|