照片应该对用户的浏览体验产生多大影响?根据我们内容的目的,我们选择的选项可能过于决定性,但很明显,如果我们选择使用质量太低的照片,例如在主页上的全尺寸滑块上,我们就会冒着追逐的风险参观者的图像模糊不清,无法完全表达我们所讲述内容的潜力。
我们必须学会选择最合适的格式,并知道如何根据内容的目的以及内容的布局来管理它们。
您可以使用不同类型的图像文件,但让我 波兰手机区号 们看看最常见的类型:
NPC – 一种数据丢失很少的格式,即使在复杂的颜色渐变和透明度上也能保持高标准。
JPEG – 最常用且设置数量最多的一种,可在重量/质量之间实现良好的平衡,但它不管理透明度,而是将应有透明度的区域填充为白色。
GIF – 使用颜色很少的调色板,非常适合平面图像、简单图形和图标,没有过多的阴影。它支持透明度,但如果我们将其用于复杂的照片,其重量往往比 JPEG 重得多,因为考虑到可用的颜色采样较小,它必须使用多种颜色组合来尽可能多地再现它无法管理的内容。
SVG – 可以通过浏览器查看的可缩放矢量元素。质量和托管透明度没有损失,但并非所有浏览器(尤其是几年前移动设备上的浏览器)都能够正确显示这些图像,因此请谨慎使用它们。
显然,知道如何有利地使用照片修饰软件,就可以以更合适的方式管理图像,但如果我们不能做到或不能做到这一点,tinypng 甚至resizeyourimage等在线服务 可为初学者提供有价值且简单的支持。
凭借经验,我们将学会根据其用途使用不同类型的照片和颜色,但一般来说,除非我们想在质量上非常大胆,并且考虑到许多用户仍然使用 3G 连接浏览,否则我不会选择超过 300KB 的滑块可用于一张非常漂亮的照片,超过 100/120 的滑块可用于中等格式,可大幅缩放缩略图和其他所有内容(我故意在公司网站上犯了一个错误,但正如我所说,它们是选择:D)。
注意:我们不使用自动插件来降低照片质量,因为首先,并非所有镜头都需要同样的大量处理,其次是因为,如上所述,我们只是将脚本和资源添加到页面的总加载中,因此,如果我们在一侧删除某些内容,则在另一侧重新插入某些内容。
要了解更多信息,请阅读文章: 图像和 SEO:如何为 Google 优化图像。