WordPress优化:为网站添加个性化缩略图标

简介:

一 favicon.ico介绍

       平时,我们在用浏览器浏览网页的时候可曾注意到很多网站都有一个个性化的缩略图标,比如说这样:

wKioL1awD-jAGPKOAABUtVvqs_Q188.png

       实际上,这些图标都是favicon.ico这个文件的功劳。favicon.ico图标是网站的缩略标志,可以显示在浏览器标签、地址栏左边和收藏夹,是展示网站个性的缩略logo标志,也可以说是网站头像,如果要让网站看起来更专业、更美、更有个性,favicon.ico是必不可少的。
       在我们的网站建设中,为网站打造一个契合网站主题的个性化标志则是必需的,这直接关系到能否成功地塑造网站的品牌。这从某些角度看仍在网站推广的范畴之内,而欲取得成功,不仅包括良好的页面设计、令人印象深刻的网站Logo,也包括favicon。
       从特定的技术角度看,favicon也并不只是仅仅让网站给人更专业的观感,也可以在一定程度上减轻服务器的流量带宽占用:一般为了提高网站的可用性,我们都会为自己的网站创建一个自定义的404错误文件,在这种情况下,如果网站没有相应的favicon.ico文件,每当有用户收藏网站/网页时, Web服务器都会调用这个自定义的404文件,并在网站的错误日志中记录。这显然是应该予以避免的。

(PS:以上介绍参考至:http://www.atool.org/ico.php

二 favicon.ico图标制作

       关于这个图标的制作,其实很简单,不少网站都提供在线制作服务,只需要我们提供一张原始图片即可,这方面可自行百度“favicon.ico在线制作”。当然,在这里我推荐使用www.atool.org这个网站提供的在线制作服务,因为可以制作出透明的favicon图标

(1)步骤一:打开http://www.atool.org/ico.php 这个网页,按提示完成favicon.ico的制作,然后将文件保存到本地后重命名为“favicon.ico

wKiom1awD-uQHdL1AAIRzca6HsY776.png

(2)步骤二:将该文件通过FTP上传到网站的根目录,然后清空浏览器缓存,访问一下:http://www.zifangsky.cn/favicon.ico(PS:这里要换成你自己的域名),如果显示这个文件存在,那个这时候应该就可以看到图标效果了

wKioL1awEN7y6XxoAAEXjund180888.png



本文转自 pangfc 51CTO博客,原文链接:http://blog.51cto.com/983836259/1740589,如需转载请自行联系原作者

相关文章
|
2月前
WordPress网站更换域名后如何重新激活elementor
本文讲解WordPress网站更换域名后如何重新激活elementor。首先你需要在WordPress后台elementor下点击Disconnect断开原elementor连接,然后登录elementor官网,在后台解除原网站授权;接着在WordPress后台重新连接并激活elementor。
32 2
WordPress网站更换域名后如何重新激活elementor
|
2月前
给WordPress网站增加一个带时间的led广告牌
给WordPress网站增加一个带时间的led广告牌
26 3
|
2月前
|
域名解析 弹性计算 数据安全/隐私保护
阿里云ECS免费搭建WordPress个人博客网站
阿里云ECS免费搭建WordPress个人博客网站
353 2
阿里云ECS免费搭建WordPress个人博客网站
|
4天前
|
存储 XML 前端开发
信息收集 -- WordPress网站
信息收集 -- WordPress网站
7 0
|
4月前
|
NoSQL 安全 PHP
手把手教你搭建WordPress博客网站并发布至公网(上
手把手教你搭建WordPress博客网站并发布至公网
107 0
|
5月前
|
域名解析 网络协议
如何为树莓派上的WordPress博客网站配置自己的域名,并且外网可访问?
如何为树莓派上的WordPress博客网站配置自己的域名,并且外网可访问?
|
2月前
|
数据库 数据安全/隐私保护 SEO
如何像我这样创建一个酷炫且能赚钱的网站(使用宝塔安装WordPress搭建子比主题)
如何像我这样创建一个酷炫且能赚钱的网站(使用宝塔安装WordPress搭建子比主题)
26 0
如何像我这样创建一个酷炫且能赚钱的网站(使用宝塔安装WordPress搭建子比主题)
|
7月前
|
人工智能 前端开发 小程序
WordPress网站访问慢解决方案(超详细图文教程)
WordPress网站访问慢解决方案(超详细图文教程)
|
7月前
|
NoSQL 安全 PHP
如何搭建WordPress博客网站,并且发布至公网上?
如何搭建WordPress博客网站,并且发布至公网上?
|
3月前
|
存储 缓存 前端开发
如何修复运行缓慢的 WordPress 网站?
如何修复运行缓慢的 WordPress 网站?
30 1

相关产品

  • 云迁移中心