联系电话:025-89602456

132018/11 优化网络图像的权威指南

优质网站必须是一个快速加载的网站。用户不喜欢等待,并且页面加载时间在Google对网站排名方式中起着非常重要的作用。在页面加载时,图像以及它们的优化程度非常重要。以下是关于如何针对Web优化图像以及一些其他技术和指南的权威指南。

使用正确的图像格式

Web上图像的3种最常见的文件格式是.jpg,.png和.gif。以下是每种图像格式的简要概述以及何时应该使用它。

*png:如果图像中包含文本,或者您需要透明背景,请使用png图像。

*gif:将gif用于非常小的图像,例如5 * 5px背景图块。

*jpg:使用此格式显示照片,插图图像等。

使用缩略图代替html大小调整

HTML和CSS为您提供了通过指定所需宽度和高度来调整图像大小的可能性。虽然这是一个有用的功能,但图像实际上没有调整大小,它只显示较小的尺寸。您想要显示500像素宽的图像吗?然后,将原始图像的大小调整为500px并显示调整大小的版本。

如果您使用的是WordPress,则上传工具会自动将所有上传的图像调整为各种尺寸(原始,中等,拇指等),因此您应始终选择合适的尺寸。

在基于php的网站上,有许多不同的库可以让您轻松地动态生成缩略图。ImageMagick是最受欢迎的产品之一。

使用CSS3效果而不是图像

您的网站需要渐变或花哨的文字效果吗?不要使用图像!CSS3规范允许您添加许多视觉效果。在网页设计和开发方面,我的一个经验法则是避免尽可能多地使用图像。

换句话说,如果你可以使用CSS做一些事情,那就用CSS而不是图像来做。你可以用CSS3而不是使用图片做的,你的网站会更快。

利用Photoshop的“存储为网络”工具

在网页设计方面,Photoshop是迄今为止最受欢迎的程序,大多数人都可能正在使用它。尽管它很受欢迎,但很多用户从不使用“存储为web格式”功能。这很遗憾,因为这个功能允许Photoshop提供用户预设来保存图像,以便在网站上显示。

基本上,如果您打算在您的网站上显示和图像,请使用Photoshop的“保存为Web格式”功能。

如果您没有Photoshop,请不要担心。您可以使用在线图像优化器应用程序?

使用缓存技术可以更快地显示图像

虽然这本身并不是一种图像优化技术,但缓存图像是一种总体良好的做法,可以更快地向返回的访问者显示图像。







九艾官方微信
contact us & 联系我们

tel: 025-8960 2456

地址:南京中山南路230号

南京同企信息科技有限公司 版权所有 苏icp备14037450号-2