图标在现代网站设计中起着重要的作用。事实上，你会很难找到一个不使用图标在一个窗体或另一个网站，即使它只是通过使用社会媒体图标在尾。图标可以在您的网站上，包括：
替换文本内容
在网页设计中最广泛使用的图标是替换文本内容。这往往是按钮或某种联系了。
上述社会媒体图标是这种做法的一个例子。而不是文字，读点像“访问我们的脸谱”，一个图标与“脸谱”标志的使用。这个文本替换也可以在导航菜单中进行。用图标代替按钮有更长的文本是一种常见的设计处理，特别是在应用程序设计和网站响应。
当使用图标代替文本，你必须考虑清楚，小心不要过火。使用图标代替文本可以是非常有用的，因为你希望建立一个更清洁的整体设计和一个简化的用户体验，但如果你的图标背后的含义是不清楚的，如果你走到了极端，你如何使用这些图标，你希望实现的任何好处都会迅速被撤消。
节省空间
当用图标替换文本内容时，您将不可避免地在设计中节省空间。这是一个非常有吸引力的选择响应网站的小屏幕版本。当空间是在这些小屏幕上的溢价，使用一个小图标的菜单项或说明其他行动是一种方式，你可以最大限度地发挥空间，你所做的有。
在物质世界中，我们看到了所有的图标。从道路标志，用于洗手间的标牌，图标可以打破语言障碍和沟通的意义尽管语言差异。这同样的好处可以应用于数字接口，但又一次，你必须确保你的图标是清晰的，背后的含义是明显的。
不是所有的类比都为每一种语言，所以你应该小心你使用的图标，特别是如果他们是在网站上的关键行动。
强调文本
在某些情况下，图标不用来替换文本，但实际上是为了增加网站的文本意义。这可能是特别有用的，当示出一个多步的过程，或作为一个突出的某些功能或功能。一个简单的例子可以看出，在About.com。在这个网页设计部分的主要页面，你会看到一个大的图片，用于特色文章。在图片的底部，你会发现“分享”这个词以及一个箭头图标。这个按钮可以让你在社交媒体上分享这篇文章，并将其功能作为文本标签和一个附带的图标呈现。在该页的其他地方，你会看到它自己使用的图标，这是本文前面提到的“替换文本内容”的一个例子。
增添一些乐趣
另一种图标可以使用的方式是增加一些有趣的网站的设计。说明元素可以添加一种新奇的界面，这取决于它们是如何使用的。当然，并不是每一个设计都会允许“有趣”的添加，但是你会感到惊讶的乐趣和喜悦的感觉可以使用，并采取这种方法的好处是显著。毕竟，一个令人愉快的经历往往是一个令人难忘的经历，创造难忘的经历是所有网站都渴望做的事情。
如何添加图标
有很多的方式，图标可以添加到您的网站。这些包括：
内联图像–包括JPG，GIF和PNG图像文件，可以直接添加到您的网站的HTML代码。
CSS–也可以使用CSS背景图像添加到HTML元素，如链接图标。你甚至可以使用CSS图片替换技术来“消灭”到位的HTML文本，只留下图标。您还可以使用图像精灵把所有的图标，你需要为你的设计成一个文件，从而减少HTTP请求数你的网站需要加载这些图标。