网站图片如何处理才能既不影响速度又不影响视觉?
摘要:网站图片使用得当,不仅可以使网站看起来更好,还可以使用户更容易理解网站的主题。但是,图片比文本占用更多的字节,图片太多,网站打开速度太慢会影响用户体验。
网站图片使用得当,不仅可以使网站看起来更好,还可以使用户更容易理解网站的主题。但是,图片比文本占用更多的字节,图片太多,网站打开速度太慢会影响用户体验,所以今天的牛创网络教你如何处理图片,不仅可以既不影响速度又不影响视觉,而且可以被搜索引擎收录。
经常进行网站操作的人都知道,网站建设中需要添加大量图片,图片的质量也会直接影响网站的排名和页面浏览量,但最常见的问题是向网站添加图片会影响网页打开速度的。图片通常包含很多信息,相对而言,用户也更喜欢带有图形和文本组合的文章。因此,在网站维护的过程中,如何既能保证网页的打开速度又能使图片完全呈现在用户面前呢?
一、图片压缩
图片添加到文章不可避免地会进行一些压缩。压缩的最常见情况是有损压缩和无损压缩。压缩的具体选择要求根据实际建设情况确定。
1.有损压缩
有损压缩是指在图像压缩过程中丢失一些信息。它的特点是保持图像颜色的逐渐变化。通过人眼观察的方式观察整个世界,它将使附近的颜色逐渐改变。
2.无损压缩
无损压缩是指使用数据的统计冗余进行压缩,这可以使数据完全压缩而不会引起任何失真。它将实际记录每个像素的数据信息。其压缩原理是将相同颜色的记录统一保存压缩后,不同的数据将被分别保存,即使多次存储也不会导致图像质量下降。
一般来说,图片无损压缩应该更符合用户体验的需求,为了加快网页的打开速度节省宽带压缩图片。当然,不同网站的图片可以选择适合的方式。
二、设置图片超链接
在网站和网站之间创建友好链接时,最常遇到的链接是图片。对于这种情况,最佳的处理方法是建立图片的超链接。
1.可以提高搜索引擎蜘蛛爬网到图片所指向页面的可能性。这可以通过内部链接来实现,但应注意,链接与原文本相关。
2.在图片上添加链接还可以帮助用户获得更多和更丰富的知识,了解更深入的文章,从而提高文章的可读性。
三、图片ALT属性
ALT属性添加到图片后,可以在无法识别的系统环境中将其转换为文本。在图片上添加ALT属性时,添加相应的关键字,然后添加一些关键描述,不仅使图片看起来声文并茂,而且提高了搜索引擎的识别率。
四、限制图片大小
上传图片时,图片的大小有固定的限制,既保持整个网站的美观又可以提高在网站上加载网页的速度。
上一篇:网页设计如何做才能更吸睛?
下一篇:如何设计金融机构的公司网站?
人机验证(Captcha)绕过方法:使用Chrome开发者工具在目标网站登录页面上执行简单的元素编辑,以实现Captcha绕过
牛创网络: " 人机身份验证(Captcha)通常显示在网站的注册,登录名和密码重置页面上。 以下是目标网站在登录页面中排列的验证码机制。 从上图可以
2020-01-26 12:44:09 )8872( 亮了
自动发现IDOR(越权)漏洞的方法:使用BurpSuite中的Autozie和Autorepeater插件来检测和识别IDOR漏洞,而无需手动更改每个请求的参数
牛创网络: "自动发现IDOR(越权)漏洞的方法:使用BurpSuite中的Autozie和Autorepeater插件来检测和识别IDOR漏洞,而无需手动更改每个请求的参数
2020-01-30 14:04:47 )6288( 亮了
Grafana CVE-2020-13379漏洞分析:重定向和URL参数注入漏洞的综合利用可以在任何Grafana产品实例中实现未经授权的服务器端请求伪造攻击SSRF
牛创网络: "在Grafana产品实例中,综合利用重定向和URL参数注入漏洞可以实现未经授权的服务器端请求伪造攻击(SSRF)。该漏洞影响Grafana 3 0 1至7 0 1版本。
2020-08-12 14:26:44 )4301( 亮了
Nginx反向代理配置及反向代理泛目录,目录,全站方法
牛创网络: "使用nginx代理dan(sui)是http响应消息写入服务地址或Web绝对路径的情况。 写一个死的服务地址是很少见的,但它偶尔也会发生。 最棘手的是写入web绝对路径,特别是如果绝对路径没有公共前缀
2019-06-17 10:08:58 )3858( 亮了
fortify sca自定义代码安全扫描工具扫描规则(源代码编写、规则定义和扫描结果展示)
牛创网络: "一般安全问题(例如代码注入漏洞),当前fortify sca规则具有很多误报,可通过规则优化来减少误报。自带的扫描规则不能检测到这些问题。 需要自定义扫描规则,合规性角度展示安全风险。
2020-02-12 10:49:07 )3505( 亮了
整理几款2020年流行的漏洞扫描工具
牛创网络: "漏洞扫描器就是确保可以及时准确地检测信息平台基础架构的安全性,确保业务的平稳发展,业务的高效快速发展以及公司,企业和国家 地区的所有信息资产的维护安全。
2020-08-05 14:36:26 )2536( 亮了
微擎安装使用技巧-微擎安装的时候页面显示空白是怎么回事?
牛创网络: "我们在公众号开发中,有时候会用到微擎,那我们来看一下微擎安装的时候页面显示空白是怎么回事吧
2019-06-08 15:34:16 )2261( 亮了
渗透测试:利用前端断点拦截和JS脚本替换对前端加密数据的修改
牛创网络: " 本文介绍的两种方法,虽然断点调试比JS脚本代码替换更容易,但是JS脚本代码替换方法可以实现更强大的功能,测试人员可以根据实际需要选择适当的测试方法
2020-01-07 09:34:42 )1995( 亮了
从工业界到学界盘点SAS与R优缺点比较
牛创网络: "虽然它在业界仍然由SAS主导,但R在学术界广泛使用,因为它的免费开源属性允许用户编写和共享他们自己的应用程序 然而,由于缺乏SAS经验,许多获得数据分析学位的学生很难找到工作。
2019-07-13 22:25:29 )1842( 亮了
41款APP侵犯用户隐私权:QQ,小米,搜狐,新浪,人人均被通报
牛创网络: "随着互联网的不断发展,我们进入了一个时代,每个人都离不开手机。 但是,APP越来越侵犯了用户隐私权。12月19日,工业和信息化部发布了《关于侵犯用户权益的APP(第一批)》的通知。
2019-12-20 11:28:14 )1775( 亮了