首先了解下什么网站ICONICON你可以把它比作成QQ头像，一打看QQ看到那个图像的头像就知道，那个是谁了，很方便。ICON也是如此，如果你的网站被朋友收藏了，人家打开IE收藏夹的时候，或者看到网站标题，浏览器顶部。一看到你的网站ICON就知道那是你的网站，给人一种亲切感，从技术角度讲给人一种专业感观（当然指的是新人啦）
制作1个网站ICON很简单具体步骤如下：
1：利用相关图形软件制作1个16x16的。推荐软件：HprSnap很好用的截图软件，还能制作ICO格式的，没有的话可以网上搜一下。
2:把做好的传到自己的网站空间的根目录下，所谓根目录，就是网站首页文件所在的目录。很通俗很易的说法了，是针对新手说的，高手直接跳过吧。
3:最后一步,很简单也很关键。一般在主题文件夹里面，/template文件夹里面所html文件的<head></head>之间加入：<link rel="Shortcut Icon" href="网站根目录/faviconico" type="image/x-icon" />就OK啦！一般网站都有，看下其中的路径是否正确就可以了，如果没有的话把以上代码放入<head></head>之间就可以了。
大概就是加<link href="/faviconico" type="image/x-icon" rel="shortcut icon" /> 这样的然后做一个图标，ico格式哦，放在根目录下，就可以了目录隐藏1 4种属性介绍11 alt替代文本12 title标题13 caption说明14 description说明2 属性重要性3 百度SEOWordPress多媒体中，有四种选择这里介绍一下如何填写这四个选项。
其中替代文本被放在首位，可见WordPress认为替代文本最需要填写。 其次是标题。
其实，所有的cms工作站系统都可以添加图像属性，只是称呼不同，有些名称是英文的，有些cms工作站系统有一些属性。
在wordpress媒体库中，alt的名称是替代文本，title的名称是标题，caption的名称是说明，description的名称是图像的说明。

4种属性的介绍
alt替代文本
WordPress将替代文本( alt )放在首位，其重要性不言而喻。
alt标签实际上是网站上图像的文本提示。 请注意，在alt标签中加入关键字是提高关键字排名的好方法，但不能提高关键字密度。
百度百科图像ALT属性的原意主要是在图像由于某种原因不能正常显示的情况下，网页浏览者也可以根据属性文本判断该图像的内容，原意不是为了搜索引擎，而是为了用户能够准确地知道网页信息。
当无法显示站点图像时，站点图像的alt标签通过创建替代文本对站点seo有利。 在wordpress的媒体库中，对于已经上传的图像，替代文本是alt标签。 alt属性值的长度必须小于50个中文字符或小于100个英文字符。
img src=’地址’ ALT=’替代文本字符部分’ /如何检查自己的是否带有alt属性？
右键单击图像以验证元素
代码中将显示img标签。 此标签确认是否包含ALT属性标签。
title标题
title标题是图像的文件名，为图像提供图像主题等附加说明信息，可以理解为对图像核心内容的解释。
img src=’图像地址’ title=’图像标题’/alt与title的区别在于，alt属性使用字符而不是不能显示的图像，title属性是对图像的注释。
无论是否可以看到图像，如果图像中只添加了title属性，则移动鼠标时将显示该图像的title属性的文本注释。 如果图像仅设置了alt属性，则移动鼠标将显示图像的alt属性的替代文本。 如果设置，移动鼠标将仅显示图像的title属性。
caption说明
caption说明是在网页上显示的文本，添加后会在下方显示对应的文字内容。 是对图像的说明文。 请不要将此处留空以添加内容。
做外贸网站的时候，如果照片是引用别人的，为了不让照片的原创者发现，一般会在这里显示照片的出处地址，并要求删除。 下图：
 
description图像描述
图像说明是对图像的补充说明，包括此图像的源、图像文章和图像的应用场景。 添加有助于被搜索引擎收录。 在照片下面手动添加说明的人也不少。
说明有助于提高搜索引擎和用户对的理解。
属性的重要性
属性主要通过允许用户在搜索中获得更好的排名，如百度、谷歌等，为自己的网站带来流量。
html源代码中的alt和title标签的格式如下。 img src=:“图像路径”alt=“替换文本”title=“标题”/alt和title用短句子描述图像内容。
我们建议尽量添加这四个标签。 将图像的alt属性设置为文章的核心内容或图像的真实信息，使其简短准确。
缺少alt标签对搜索引擎不友好，所以搜索引擎在捕捉你的网站时(无论是WordPress网站、织梦网站还是帝国网站都一样)，很多图像中没有alt标签就会捕捉博客的图像对搜索引擎来说，图像没有意义。
包含alt标签的图像包含在图像搜索引擎中。 此时，用户有时会搜索相关，对网站权重、外链也有帮助，网站流量也会提高。 如果图像读取失败，alt标签将帮助用户理解上下文的含义，并改善用户体验。
如上所述，通过很好地利用这些属性，可以提高网站图像的seo排名，使得网站在搜索引擎中获得更多的曝光机会。
百度SEO
百度SEO主要写的alt属性和title属性。 这将帮助百度搜索引擎理解你的的含义，减少对百度的判断。
谷歌SEO
在GoogleSEO中，谷歌对的原创度要求比较高，如果能制作原创或者伪原创的，有助于谷歌的收录。
的地址请写内容的英文，然后写的alt和title属性。 其中，请务必填写alt属性。
caption的说明可以制成原始图像，转载后注明出处，或者注明图像的出处。
图像的ALT属性是图像优化的关键，详情请参阅本文。 图像优化alt属性的优化格式1 准备一个图标制作软件：首先您必须了解所谓的图标 (Icon) 是一种特殊的图形文件格式，它是以 ico 作为扩展名。
2 确定图标的规格：规格是 16x16，所使用的颜色最好成绩不要超过 16 色 (为了清晰)。可以在电脑中查找 ico 格式的图标，打开这些图标就可以知道格式了。
3 设计一个属于自己的图标：你可以将您的网站的 Logo 做成一个缩图，或者另外设计一个别具特色的图案来作为图标。然后将这个图标文件命名为 faviconico。
4 最后，只需要将这个图标文件 (faviconico) 上传到您的网站所在的服务器的根目录下。(也就是你的主页 indexhtml 所在的那个文件夹)，不需要对网页文件作任何的修改，IE 会自动的搜索网站的根目录，只要它一发现了 faviconico 这个文件，就会将该图标显示在访问者的地址栏和收藏夹列表中了。
网站个性标志 Favicon 的使用
从严格意义上，favicon 的话题无关 SEO 技术，也与 Web 服务器技术方面的讨论没有太大干系，不过，在我们的网站建设中，为网站打造一个契合网站主题的个性化标志则是必需的，这直接关系到能否成功地塑造网站的品牌。这从某些角度看仍在网站推广的范畴之内，而欲取得成功，不仅包括良好的页面设计、令人印象深刻的网站 Logo，也包括 favicon。
什么是 favicon？
所谓 favicon，即 Favorites Icon 的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。当然，这不仅仅是 favicon 的全部，根据浏览器的不同， favicon 显示也有所区别：在大多数主流浏览器如 FireFox 和 Internet Explorer (55及以上版本)中，favicon 不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳 favicon 到桌面以建立到网站的快捷方式；除此之外，标签式浏览器甚至还有不少扩展的功能，如 FireFox 甚至支持动画格式的 favicon 等。
从特定的技术角度看，favicon也并不只是仅仅让网站给人更专业的观感，也可以在一定程度上减轻服务器的流量带宽占用：一般为了提高网站的可用性，我们都会为自己的网站创建一个自定义的 404错误文件，在这种情况下，如果网站没有相应的faviconico文件，每当有用户收藏网站/网页时， Web服务器都会调用这个自定义的404文件，并在网站的错误日志中记录。这显然是应该予以避免的。
如何制作Faviconico
制作 faviconico 的方法相当简单，首先，利用图形工具创建 2 个反映网站主题的 256 色的小： 1 个为 32 × 32 像素，另一个为 16 × 16 像素。需要注意的是，调色板要选用 "Windows 默认调色板"，不然，在最终的效果展示中图形可能会发生迥异于您初衷的颜色上变化。
需要说明的是，在很多关于 faviconico的说明中，常见到要求为 16 色的说法，应该说这类说法大大过时：在早期如 Windows 95 时期，16 色的 faviconico 可能是个稳妥的选择，保证其在大多数情况下正常使用，但现在，完全不存在那类限制，16 色只能使图标的展示效果大大降低。
至于在浏览器中使用时 16 × 16 像素的已经足够，为什么还要准备 32 × 32 像素的，原因在于，正如上文所言， favicon 也显示在地址栏中，用户可以拖曳 favicon 到桌面以建立到网站的快捷方式，而桌面图标则要以 32 × 32 显示的，如果您的 Faviconico不包括32像素的，系统就只能使用默认的浏览器图标来标注网站/网页，如 Internet Explorer 的蓝色 "e"，起不到我们意欲通过 faviconico 打造网站品牌的作用。
制作好后，使用如 Image2Ico 之类的小程序即可将 2 张转换到一个 Icon 文件中。也可以通过可以在线制作 Favicon 的网站来制作，不过，需要注意的是，这个网站要求源文件格式为 Pic。
在网页中使用 faviconico
浏览器调用 favicon 的原则是首先在网页所在的目录下寻找 faviconico 文件，如果没有，便到网站的根目录下寻找。
因此，在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Faviconico，然后将其上传到网站的根目录即可。
如果您希望为不同的页面设置不同的图标 (让不同的网页显示不同的 Favicon)，那么您就需要在该网页文件 html 中 <head> 部分加入下面的代码：(注意：该图标的路径一定要使用绝对路径)。
<link rel="icon" href="/dir/faviconico" mce_href="/dir/faviconico" type="image/x-icon">
<link rel="shortcut icon" href="/dir/faviconico" mce_href="/dir/faviconico" type="image/x-icon">
Firefox 还支持GIF动画格式的Favicon,使用方法如下:
首先制作一个 16 x 16 的 gif 动画，然后在 html 代码 <head></head> 中加入如下代码：
<link rel="shortcut icon" href="faviconico" >
<link rel="icon" href="animated_favicongif" type="image/gif" >
还有一点需要说明的是：有些 Web 空间的主机服务器不支持图标文件格式，那就没办法了！在head部分中加入代码<link
rel="shortcut
icon"
href="faviconico"
/>
图标为根目录下faviconico，这个图标你可以用工具设计，或者在线一些网站直接把转换成图标1新建一个HTLM的网页
2转到"布局"面板,选中"绘制层"按扭,在网页上面画一个图层
3然后,在图层里放入你想要的内容,比如一张等
4再次,在窗口栏中,将"时间轴"掉出来也可Alt+F9
5这步最关键,将你绘制的图层用鼠标拖到时间轴上(注意是"拖动"哦),然后将时间上面的选项"自动播放"和"循环"勾起
6最后一步在时间轴第一桢上,点击鼠标左键,选中"录制层路径",然后在网页上拖动你画的图层这时你会看见拖动图层后面有些小点,那么恭喜你,你这时是在绘制浮动广告的路径,绘完后,保存预览完成了(若想直线运动,可在针上点左键,选"添加关键针",再到网页上移动图层即可,如你懂FLASH,那就简单了)
你好，应用程序图标(Icon)应当是一个Alpha通道透明的32位PNG
由于安卓设备众多，一个应用程序图标需要设计几种不同大小，如:LDPI(LowDensityScreen，120DPI)，其图标大小为36x36px
MDPI(MediumDensityScreen,160DPI)，其图标大小为48x48px
HDPI(HighDensityScreen,240DPI)，其图标大小为72x72px
xhdpi(Extra-highdensityscreen,320DPI)，其图标大小为96x96px
华尔设计为你解答
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）