因特网网页设计

大小图标为您的网站

在网页设计中,你可能知道,每一个细节都至关重要。 谁去你的网站的人,不能单独看每一个元素,并采取包,它包含的其他小细节的整体形象。 因此,如果你是在开发资源的过程中失去了一些东西,这个细节在未来可以破坏整个复杂,整个组成。

这样的罚款可以,例如,按钮的背景下,不正确的字体一些小项目,甚至图标。 事实上,看sami-大型知名网站都表示它在用户的浏览器中的“书签”的个人图标。 没有它,资源开发未能创造到他们原先要求的组成。

因此,您所创建的网站设计时,应充分利用这些细节的图标照顾。 在这篇文章中,我们将讨论如何将一般的资源风格下选择它,而应该是图像中的哪些尺寸。

网站图标

首先,我们定义什么构成这个元素。 现在看看你的浏览器标签页的标题。 正如你所看到的,在左边有一个代表标志资源的一个简化版本的小图片。 同一张照片有近在SERP中显示的站点名称。 用户被她的指导下,当他们看到标题。

许多网站管理员知道,需要这种图片 - 但很少有人知道什么规模的网站的图标是最合适的。 因此,在这篇文章中,我们将不仅就如何作出这样的图标,以及如何在网站上安装它,但也描述图像的尺寸信息。

目的图标

因此,该网站头附近的图片用于识别。 这是它的初衷:要表达的网站,这是我们看到纳撒尼尔,并在别人眼里选择它。 它会成为使用图形非常简单:我们在直观的图片比文本格式更快,更容易感知信息。 网站图标帮助我们在此。 但是不要忘记, 图标的大小 是在用户的眼睛很小。 这不是可能包含在铭文,一些澄清或联系人信息形式的附加信息中的“帽”网站的标志。 可以在名称旁边的图标描绘什么,应该是最适合图标的大小。 并且,如已经(16乘16像素的)所示,微型。

如何选择一个图标?

那么,如何一个网站管理员可以设计为您的网站图标? 应当指出的是,简单地压缩该网站的标志,最有可能的,是不会得逞的。 在被放置在一个特定资源的标识形式海报,经常看到不总是正确显示的缩影形式不同的项目。 最好是立即放弃这家合资公司。

当然,图标的大小不能谈,只是插入题词那里。 任何文本根本不会在该分辨率下可见。 我们需要制定一个新的图标,将发射点的风格。 为了找到解决方案,再次,让我们来看看各大场馆。

许多使用该服务的名称的图标风格化的第一个字母。 这样一来,例如,必应,雅虎,Yandex的,维基百科,谷歌。 还有一个办法 - 如果你有一个网站的短名称,你可以将其设置为图标的背景。 要的favicon分辨率(像素达到,再次,16至16点)可以正确显示符号,它必须比三个字母不再。 所以呢,例如,服务AOL。

如何创建一个图标?

请在几个方面对网站名称的图标。 当然,最简单的 - 是不同的现成的解决方案工作。 我们可以谈论任何服务或允许你通过减少使全图标的图像节目。 不过,我会建议进行标识的发展自身。 这是,首先,将使其能够学到一些东西; 其次,提供了大量的工具。 所有你需要能够做到 - 即抽奖,以及知道什么大小图标是最终版本。 关于该网站图标的大小,我们待会再谈,但现在我们注意到一些与这些图像时的细微之处。 特别是,更不用说图标的大小的部位,应阐明此纵横比。 正如有经验的设计师指出,该图片应该保存为.png(24位)或fayl.ICO。

执行保存的图片,你可以,例如,用Photoshop,它会被吸引标志的帮助。

尺寸图标

所以,现在让我们来谈谈如何伟大必须在搜索结果旁边的网站,我们看到的景象。 默认情况下,如已经提到的,它的大小仅是16个像素(每边一个)。 但是,如果您尝试在“Photoshop的”编辑的图像,检查自己是否这是不舒服的。 因此,我们建议放大的图像,这在未来将刚挤的边缘,并保存在所需的格式工作。

多平台

然而,在谈到图标的大小应该是在您的网站是什么,你需要记住的一两件事。 并不是所有的平台都同样地反映资源的画面。 例如,视网膜显示设备“看到”你的图标中的32至32个像素量。 在Safari浏览器,以及新的Windows平台上,所有的这些图标达到64个像素大小。

因此,我们建议保持不同版本的图标在今后只需提供取决于用户平台上的变化。 另一个有趣的一点 - 你可以尝试下载,希望将“缩水”最大格式的图标,取决于浏览器。

国外编辑

当然,好,如果你擅长Photoshop和知道什么图标的大小应该和如何实现它,维护它的形象。 然而,也有很多谁只是没有以前那么紧经历了图形编辑器初学者,所以可能不那么容易画所需的图像。 为了帮助这些网站管理员,有自动允许让你的图标感兴趣的各种服务。 他们中许多人甚至是免费的,不需要用户进行任何投资。

工作有时只需要注册,但是,如你所知,这只是一次做 - 其实不是经常发生变化的公司图标。 只要看看谷歌,这每一天改变的标志,但它并没有触摸图标。

如何安装一个图标?

在一般情况下,建立了自己的网站,使其正确显示你想要的形象,这是非常简单的。 这足以执行一系列简单的步骤,将允许搜索引擎,以及只是一个浏览器来读取信息。

为此,您需要保存生成的图像的favicon.ico,并把它在资源的根。 一切现在是你的形象将被自动检测到,并且该事件一段时间就会被链接到你的网站。

除了这个绑定,您可以添加另一条线路,从而将“提示”,你的图标。 它看起来如下:

<的link rel = “快捷方式图标的” href = “HTTP://站点/条/ 232267 /%D0%B0%D0%B4%D1%80%D0%B5%D1%81个图标”/>

设置代码应该是在头。

发现

所以,在阅读这篇文章后,您面对另一个事实,什么大小应该是网站,它通常是图标。 另外,我想你知道,对于你的网站一个合适的图标搜索 - 这是必要的,因为它扮演成你两只手在提高认识方面,无论是在你的竞争对手之间的额外分配方面。 至少在各大网站采取行动,我们可以采取一个突出的例子一样。 然后,大的力气也不会引起 - 制作图标一次,并在网站上正确安装它,你可以忘掉它在未来数个月。

所以随时进行试验,发明新的东西,尝试 - 并取得成功!

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 zhcn.delachieve.com. Theme powered by WordPress.