Tagged

图片

A collection of 4 posts

苹果终于支持WebP了,然而它已经不是最牛的了
webp

苹果终于支持WebP了,然而它已经不是最牛的了

苹果在最新的系统中支持了WebP格式的图片,到此为止,WebP总算获得全部主流平台的支持,可以大规模使用了。 WebP支持Chrome 32+Safari 14+,是的,只支持iOS 14和MacOS Bug Sur微信小程序基础库 2.9.0+,用户占比 98.88%Google在2010年发布了WebP/WebM图片和视频格式,Google自己的服务(Chrome)在2014年前后才全面支持,而苹果更是到今年才提供支持。一个新的图片格式被全面支持居然要花10年,令人唏嘘。 不过,各大公司在颠覆JPEG的路上并没有停止,这些年一直在想尽办法来替代JPEG图片格式,而且,各种新格式在数据上都比JPEG和WebP要好,但真要能被当成标准被支持,就不知道是什么时候的事情了。 AVIFNETFLIX推出,被设计用来取代WebP。 NETFLIX认为,一个JPEG替代方案,应该有以下特征: 广泛支持更高的压缩效率更广泛的特征集这个格式的图片发展很快,2018年提出,2019年制定规范,今年——2020年8月份,Chrome 就率先支持了。其它平台比如Windows 10也开始支持,但浏览器侧目前就只有 Chrome

css

纯CSS图片预加载

译自:[Creating a CSS Image Preloader](http://www.devirtuoso.com/2009/07/creating-a-css-image-preloader/) 中文:[纯CSS图片预加载](http://www.qianduan.net/pure-css-image-preloader.html) 版权所有转载请注明出处,多谢!- - - - - - 有很多种方法来实现图片的预加载,通常大部分使用Javascript让事情滚动。不要再受Javascript预载的束缚了吧,用CSS你就可以毫不麻烦的预载你的图片。 为什么使用预载 你为什么会考虑使用预载呢?你是否曾有个网站,在那个网站你要滚动你的导航然后有个延迟直到图片被加载完……嘿嘿。预载将在这方面帮助你。它将在页面加载的时候加载那些图片并将其存储在浏览器的缓存里面。这样当用户滚动导航的时候,很漂亮而且流畅,没有延迟。 CSS代码 这个概念就是写一个CSS样式设置一批背景图片,然后将其隐藏,这样你就看不到那些图片了。那些背景图片就是你想预载的图片。 这是一个例子: preloader

优化

12个对网页设计师非常有用的图片优化工具

原文:12个对网页设计师非常有用的图片优化工具 译自:12 Really Useful Image Optimization Tools For Web Designers 请尊重文章的版权,转载请注明出处,多谢! 图片非常重要,它们可以让你的页面更好看,更引人注目。但是,高质量和漂亮的图片常常会很大,它们会让页面加载变慢并消耗更多带宽。所以我们,这些设计师应该优化图片以使其体积更小但质量更高! 事实上有很多有用的图片优化工具,它们可以帮助我们优化并减小图片的文件尺寸。这些有用的应用包括web应用和桌面应用。 基于web的图片优化工具 1. Smush.it Smush.it是一个很流行的图片优化工具,它可以既减小图形文件的大小又能保持其质量,也就是我们称之为“无损(lossless)”图片压缩!你可以通过网站来运行Smush.it (一次最多5张图片)或者通过Firefox的YSlow扩展。 2. Dynamic Drive在线图片优化器 该在线图片优化器允许你优化不同的文件格式,比如GIF、JPG和PNG。你既可以从本机上传图片,也可以像Smush.it那样粘贴图片的URL。

创意

25个漂亮而有创意的图片网站设计

原文:[25漂亮而有创意的图片网站设计](http://www.qianduan.net/25-beautiful-and-creative-photography-sites.html) 译自:[pelfusion](http://pelfusion.com/showcases/25-beautiful-and-creative-photography-sites/) 版权所有,转载请注明出处,多谢!!- - - - - - 不知道你是否访问过一些图片/相册网站?不知道它们是否令你印象深刻?我们之前曾[收集过很多灰常出色的免费相册程序](http://www.qianduan.net/50-best-free-album-photo-gallery-program-to-collect.html),他们都可以用来创建一些很酷的网络相册。而本文要展示的是一批更加出色的图片网站,他们都很漂亮,很有创意,相信每个人看完之后,都能感受到很大的视觉冲击——它们真的太酷了! 1. CirilJazbec 2. Anders Bergh 3. David Lindsey