最近遇到有客户想要在网址列加上他ㄉ小图示

3      

于是我上网爬了 一下文~

看看有没有相关ㄉ文章~~

终于看到此版主分享ㄉ文章~

http://www.wretch.cc/blog/Linpy/22720708

 

先要准备一个 16*16 pixel 的小图示,

副档名是 Windows Icon 的 .ico,

网页中 <head></head> 中加入以下程式码即可:

 

<link rel="icon" href="/favicon.ico" type="image/x-icon" />

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

<link rel="bookmark" href="/favicon.ico" type="image/x-icon" />

 

但有个问题是

文中提到ICON要存成ICO格式!!?

我又查了一下甚么是ICO

原来是WINDOW系统下ㄉICON格式的档案规格

但是我开了photoshop跟小画家~

就是找不到找不到可以存成那个副档名

于是我又爬爬爬

感谢小绿写了这篇文章分享才得以解我的大愁阿!!!

以转载自 http://catchtest.pixnet.net/blog/post/22304428-%E5%B0%87%E5%85%A8%E5%BD%A9png%E8%BD%89%E6%88%90ico%E6%A0%BC%E5%BC%8F

现在网路上分享的免费图示(icon),大多是有Alpha通道的PNG图形
偏偏要给予捷径或程式一个图示,一定得用ICO格式才行
以前我找过一些制作图示的软体,但是效果都不好
将PNG转成ICO后常常会让半透明消失
前几天才发现一款很强大的ICO制作软体 IcoFX
不但有完美的转档功能,也有数十种修改图片的特效
而且还可以撷取萤幕上的图形,甚至能分离dll中的图示
更棒的是,安装档非常小又免费,还有繁体中文语系
真的是我用过最好的ICON制作软体

官方网站

首先开启IcoFX这个程式
如果你不习惯看英文的话
请选择[Options]-[Languages]-[Download Languages]
点选底下的Taiwan,就能够转成中文了

我就先拿免费图示集Tango的appointment-new.png当范例
顺便一提,如果你看这张图的底下是灰色 appointment-new.png
那你应该是使用IE 6,因为IE 6还没有支援有Alpha通道的PNG图形
请升级成IE 7或是使用Firefox才有好的浏览效果

首先要载入图形,选择[档案]-[开启]
档案类型必须要选择"图像"才能看到Jpg或Png档案
载入后会出现以下画面

IcoFX_1.png

颜色部分当然是选择"高彩+Alpha Channel"
尺寸则看你的用途而定,像是捷径就选48*48
如果只是程式前面的小icon用16*16即可
如果载入的图片太大了,它会使用进阶导入功能,让你选择要怎么导入图形
所以不用事先帮图片缩小,很方便

IcoFX_2.png

载入完看一下图片的阴影部分,的确是有穿透的
所以直接使用[档案]-[储存]将图片存出去即可
就这么简单^_^

另外,选择[档案]-[抽解]就可以把dll等图片全部导出来
比方说选择"%SystemRoot%\system32\SHELL32.dll"这个档案
就能看到很多系统图形啦

IcoFX_3.png

下图就是导出"我的最爱"的那颗星星的结果,很简单吧

IcoFX_4.png

相关文章