图片,作为网站中一种重要的元素,承担着美化界面,让网站视觉效果丰富的重要作用。新锐在网站建设服务的提供过程中,也经常有客户对网站中的图片提出具体且明确的要求。
然而,精美的图像固然可以提升网页的浏览体验,但却会带来另一方面的问题,即页面的加载速度。对图片的精度要求越高,图像就会越大,浏览器载入就会越慢。一个加载速度缓慢的网站,对网站运营的影响是毁灭性的。
现在,网页的图片大多使用的还是.jpg与.png以及.gif格式(webp因为浏览器支持的局限而使用较少),这三种图像却都有着各自的局限性。关于这三种格式的局限性以及对网页加载速度的影响,具体可参照新锐以前的文章:网页图片该用png还是jpg?它们分别对加载速度有何影响?
然而,最新的一项研究,或将终结jpg与png哪种图片更好的纷争,因为这种新的图像格式或将取代现有的这些图像存储格式,那就是.tng(tiny network graphics),这是一种采用了深度学习卷积网络作为压缩核心编码的新型图像压缩方式。
据悉,目前该算法即将投入商用。与传统算法相比较时,在压缩效率上,TNG 相比 JPEG 提高了 120%,比 WEBP 提高了 30%。在同等压缩率下进行压缩视觉效果对比时,TNG 在纹理细节上比 JPEG2000 的效果要好得多。
耳听为虚,眼见为实,让我们来看一下.tng格式图片与.jpg格式的对比效果:
.jpg的图像压缩效果
.tng的图像压缩效果
可以看到效果非常显著,.tng格式的压缩成果明显比.jpg要清晰许多。在清晰的基础上,.tng相比以压缩效率著称的.jpg格式还要小,这无疑是巨大的进步与飞跃。
当网站中的图片的清晰度更高同时还更小的时候,无疑可以让网站的用户体验达到更进一步的飞跃。