将JPG,PNG和动画GIF转换为WEBP

网站建设一直着力与研究网站技术,网站加载与优化技术,如何能更快提高网站的加载打开速度呢?常规的图片格式有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转换为webpwebp库不具备将动画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 >
gif2webp提供了许多用于输出修改的选项,如质量,多线程编码等。
想象一下,如果您在受支持的位置创建并提供了webp图像,则可以提高网站加载时间。网站越快,转化率越高,用户体验越好。实现它!
上一个:这10个思路,能帮你设计出简单易用的网页(二)
下一个:做网站应该了解哪些网站建设知识?
兴平网站建设,兴平做网站,兴平网站设计