添加网站图标
2015-03-04 14:29
211 查看
打开微软、百度等网站后看到浏览器的标题栏、地址栏,多浏览器的标签上都显示了一个小图标,这里说的就是这个东东。如果用户收藏了网站,这个图标还会出现在用户收藏夹里。那么我们该怎样添加自己网站的图标呢。
首先我们要来制作一个ico图标,这里使用最简单的办法。因为 ico 格式图片比较特殊,一般软件(如 Windows 自带的画图、Adobe Photoshop 等)都制作不了,我们就分两步做。
一、用 Windows 自带的画图或 Adobe Photoshop 制作一个 ico 的原图,格式可以是 jpg / jpeg / gif / png 等,大小大概在 32×32 像素差不多,最好是 16px×16px 的,因为浏览器标题栏和地址栏上显示的就是这个尺寸。
将制作好的 ico 原图转换为 ico 格式,制作好后去一个可以在线转换 ico 格式的网站(百度一下会有不少,也可以下载一个转换软件进行处理),打开该网站后界面很清晰明了,经数秒简单的处理即可转换为我们要的 ico 格式图标文件,文件被自动命名为favicon.ico。这样 ico 图标就制作完成了。
二、最后,只需要将这个图标文件(favicon.ico)上传到您的网站所在的服务器的根目录下。(也就是你的主页index.html所在的那个文件夹) 您不需要对您的网页文件作任何的修改,IE会自动的不停的搜索您的网站的根目录,只要它一发现了favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。
注意:文件一定要被命名为favicon.ico,而且一定要放在网站的根目录下,否则在没有进行配置网页的情况下,是不会显示。
首先我们要来制作一个ico图标,这里使用最简单的办法。因为 ico 格式图片比较特殊,一般软件(如 Windows 自带的画图、Adobe Photoshop 等)都制作不了,我们就分两步做。
一、用 Windows 自带的画图或 Adobe Photoshop 制作一个 ico 的原图,格式可以是 jpg / jpeg / gif / png 等,大小大概在 32×32 像素差不多,最好是 16px×16px 的,因为浏览器标题栏和地址栏上显示的就是这个尺寸。
将制作好的 ico 原图转换为 ico 格式,制作好后去一个可以在线转换 ico 格式的网站(百度一下会有不少,也可以下载一个转换软件进行处理),打开该网站后界面很清晰明了,经数秒简单的处理即可转换为我们要的 ico 格式图标文件,文件被自动命名为favicon.ico。这样 ico 图标就制作完成了。
二、最后,只需要将这个图标文件(favicon.ico)上传到您的网站所在的服务器的根目录下。(也就是你的主页index.html所在的那个文件夹) 您不需要对您的网页文件作任何的修改,IE会自动的不停的搜索您的网站的根目录,只要它一发现了favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。
注意:文件一定要被命名为favicon.ico,而且一定要放在网站的根目录下,否则在没有进行配置网页的情况下,是不会显示。
相关文章推荐
- 给你的网站添加标识图标(也就是地址栏的图标)
- 给您的网站或主页添加自己的标识图标(包括浏览器地址栏的图标)
- 给网站添加小图标
- 【前端】给网站添加图标
- 为网站添加网址图标favicon.ico
- 为网站添加图标和收藏夹图标
- 给网站添加选项卡图标
- 网站图标Icon添加方法
- wordpress中如何添加网站在浏览器左侧栏目小图标icon?
- iOS中为网站添加图标到主屏幕以及增加启动画面
- 如何添加网站favicon.ico图标
- 为网站添加小图标--favicon
- 怎么为网站添加icon图标,让你的网站更炫
- 为网站添加一个图标icon
- 指定为添加到网站中的项目显示“新”图标的天数。
- 网站收藏夹图标 添加代码
- 为网站添加小图标--favicon
- 为网站添加网址图标favicon.ico
- 网站图标Icon添加方法
- 给网站添加浏览器标题图标favicon.ico