在线客服
客服电话:400-090-1128 关于我们 | 收藏本站

自适应网站图标应如何使用?

作者: 发布于:2019-11-8 9:13:42 点击量:

自适应网站能够随着屏幕不同尺寸响应,变换网页上内容块布局、改变文字、图片、图标的大小,给访问者带来良好的浏览体验。今天这篇文章小编就先讨论一下网页图标如何处理可以达到自如缩放的效果。

针对自适应网站技术,有两类图标技术可以采用:一是字体图标,二是SVG图标。

字体图标就是像字体一样可以随意放大缩小的图标,并可像字体一样改变颜色。现将它的特性总结如下:

使用CSS进行编辑,包括图标的大小、颜色、阴影等CSS能做到的一切都可在字体图标上实现,具体来描述下:
很容易缩放;
改变颜色;
产生阴影;
拥有透明效果;
先进的浏览器支持;
快速转化形态,比如鼠标移到图标上的变化效果等;
可做出与图片类似状态,例如改变透明度、旋转度等;
可兼容性:字体图标基于Web Font实现,能够兼容多种网页字体;
可访问性:这是属于用户可用性的一项。尽管国内对此重视不够,但不久企业将意识到这是一个需要注意的地方;
字体图标体积更小,使得网页打开速度更快。

随着浏览器性能不断优化,SVG图标的应用又被重新提及。因为浏览器认为字体图标是文本,所以会对其使用抗锯齿。这可能导致图标边缘不那么锐利,而SVG图标看起来更清晰。

什么是SVG?SVG是一种可伸缩的图形格式,其放大和缩小图片显示质量都不会改变,这种图片格式也称为矢量图。但与其他矢量图不同,SVG的图片文件非常小。

对了,由于SVG图片体积很小,它不仅仅可用作图标,还可以用于网页上的其他图形设计。





上一篇:高端网站建设需要具备哪几点?

下一篇:做自适应网站还需要另做手机网站吗

贴心
全国7×24小时客服热线
安全
病毒杀除率高于99%
稳定
网站可用性高于99.9%
实力
服务68家上市企业及集团公司
易时代手机站
易时代微信

易时代—企业信息化一站式服务


© 2017 无锡市易时代网络科技有限公司 版权所有 All Rights Reserved 苏ICP备12010398号-2