为读者书写您的网站时设置一个自定义图标
你有没有注意到在你的书签和某些网页浏览器的标签页中出现的小图标? 这就是所谓的收藏夹图标或图标。
favicon是您的网站营销的重要组成部分,但您会惊讶有多少网站没有。 这很不幸,因为它们相对容易创建,特别是如果您已经为您的网站准备了图形和徽标。
创建一个Favicon首先创建你的图像
使用图形程序创建一个16 x 16像素的图像。 某些浏览器支持其他尺寸,包括32 x 32,48 x 48和64 x 64,但您应该在您支持的浏览器中测试大于16 x 16的尺寸。 请记住,16 x 16非常小,因此请尝试许多不同的版本,直到您创建可用于您的网站的图像。 许多人这样做的一种方法是创建一个比那个小尺寸大得多的图像,然后调整它的大小。 这可以工作,但通常缩小时,较大的图像看起来不太好。
我们更喜欢直接使用小尺寸,因为它更清晰地表现了图像的外观。 您可以放大图形程序并制作图像。 缩小时它会显得块状,但这没关系,因为当它没有缩小时它不会那么明显。
您可以将图像保存为您喜欢的图像文件类型 ,但许多图标生成器(如下所述)只能支持GIF或BMP文件 。 此外, GIF文件使用平坦的颜色,并且这些文件在小空间显示效果通常比JPG照片更好。
将您的Favicon图像转换为图标
一旦你有一个可接受的图像,你需要将其转换为图标格式(.ICO)。
如果您试图快速构建图标,则可以使用FaviconGenerator.com等在线Favicon生成器。 这些发生器没有图标生成软件那么多的功能,但它们很快,可以在几秒钟内为您提供一个图标。
作为PNG图像和其他格式的Favicons
越来越多的浏览器不仅支持ICO文件作为图标。 现在,您可以使用PNG,GIF,动画GIF,JPG,APNG甚至SVG等格式的图标(仅限于Opera)。 大多数类型的浏览器都存在支持问题, Internet Explorer仅支持.ICO 。 所以如果你需要你的图标出现在IE中,你应该坚持ICO。
发布图标
发布图标很简单,只需将其上传到您网站的根目录即可。 例如,Thoughtco.com图标位于/favicon.ico。
有些浏览器会在网站的根目录中找到图标,但为了获得最佳效果,您应该在您希望使用图标的网站上的每个页面上添加一个链接。 这也允许您使用名为favicon.ico以外的文件或将它们存储在不同的目录中。