网站建设一直着力与研究网站技术,网站加载与优化技术,如何能更快提高网站的加载打开速度呢?常规的图片格式有jpg png gif
像WEP和MOZJPEG这样的新图像格式将是加载网络时间的主要推动力。大部分页面加载和渲染时间通常归因于未优化的图像,所以这些新格式将使移动和桌面加载时间更快。我教过你如何检测WEBP支持,但我们还没有探索如何创建WEBP图像; 让我们来看看转换JPG,PNG,甚至动画GIF到WEBP是多么容易。
转换JPG和PNG到WEBP
我最喜欢的开源图像处理库ImageMagick没有将图像转换为WEBP的功能 – 如果您不首先通过像homebrew这样的工具安装webp,您会收到一个很不好的错误:
< font style = “vertical-align:inherit;” > < font style = “vertical-align:inherit;” > brew安装webp < / font > < / font >
一旦webp可用,您可以使用ImageMagick进行转换:
< font style = “vertical-align:inherit;” > < font style = “vertical-align:inherit;” > convert logo.png logo.webp < / font > < / font >
在大多数情况下,发布时仅在Chrome中可用的WEBP图像将比原始图像小得多。
将动画GIF转换为WEBP
webp库不具备将动画GIF图像转换为WEBP的功能。您需要 从Google 下载 gif2webp
。随着gif2webp可用,您可以将您的动画GIF图像转换为WEBP:
< font style = “vertical-align:inherit;” > < font style = “vertical-align:inherit;” > gif2webp animation.gif -o animation.webp < / font > < / font >
想象一下,如果您在受支持的位置创建并提供了WEBP图像,则可以提高网站加载时间。网站越快,转化率越高,用户体验越好。实现它!
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/261025.html