在网站建设中用图片可以提升参与度,增强网页浏览量,并与用户打造有效联系。有这么多的照片和图标资源,没理由不将它们包括在网站上。无论你是用我们的还是从库存中获得它们,请根据下面列出的优化提示确保图像为网站增加最多价值。
选择图像文件种类
浏览器支持各种图像文件种类,包含PNG,JPEG,GIF和JPG。选择正确的图像将确保图像不只看着非常棒,而且也不会减慢网站速度。正确的文件种类可以通过正在用的图像种类与它在你网站上的地方来确定。
具备很多细节的Web图像最好保存为JPEG。此文件格式用于保存具备复杂颜色(如照片)的图像。将照片另存为JPEG可确保以尽量低的文件大小获得优质的图像。
用JPG优化Web图像
当然,你可以用它们显示动画,但GIF对于简单的彩色图像也非常有用。可以在较小的文件大小下显示水平有限的图标和图形,水平损失有限,这意味着网站将尽量快地运行。用简单的彩色托盘,这个图像可以比较容易地保存为GIF。它的文件大小为9 KB。
假如你有带透明背景的图标或LOGO,PNG将是你最好的选择。虽然它们是你可以用的较大文件格式之一,但假如LOGO具备透明背景,则PNG可以好地运行。
用PNG优化Web图像
大的文件格式,此图像的PNG版本为19 KB,但具备透明背景。当图像需要缩放到各种尺寸而不会减少水平时,可以用SVG或可缩放矢量图形。伴随愈加多的网站在视网膜显示器上观看,这类在网站上愈加受青睐。
通过压缩优化Web图像
用于网站的大图像或许会使网站膨胀并减慢页面加载时间。压缩图像是确保网站尽快运行的要紧步骤。假如要在Photoshop中保存Web图像,可以用“保存为Web”选项来优化文件大小。假如你没Photoshop,可以用免费图像压缩器。
我想要用的照片大约是3 MB但我可以用图像压缩器来降低我的照片的尺寸,水平有限。通过压缩器运行我的照片后,我设法维持水平,同时将实质文件大小从2.99 MB更改为847.07 KB。
命名你的图片形象
为了帮助内容在搜索引擎中排名靠前,你需要在命名文件时用有关的关键词。你还需要确保第一用非常重要的关键词。而不是'img1034.jpg',上面的图像会像'拉布拉多猎犬 - 减肥 - 运动_瑜伽'一样表现得更好,“拉布拉多猎犬”是非常重要的术语,“饮食”和“运动”是额外的描述。
假如你有在线商店,请务必用与商品名字相匹配的文件名。当有人搜索商品时,这或有助于图像显示。
用Alt文本
当图像对用户不可见时,将显示替代文本。假如有人有屏幕阅读器或关闭了他们的CSS,而不是看到图像,他们将获得替代文字。用替代文字不仅能够提升网站的可访问性,搜索引擎还可以阅读替代文字并帮助图片在搜索中排名。
用你网站建设的图片是吸引用户的好方法。通过用适合的文件扩展名保存它们,使其尽量压缩,并用正确的名字和替代文本,确保Web图像正在与你合作。
推荐文章在网站建设中用图片可以提升参与度,增强网页浏览量