0

我正在建立一个网站,其中包含不同摄影师的摄影部分。我想要与 Vice 文章相同的风格,所有图像都在一个屏幕上——没有滑块或 jQuery 插件,一个接一个。加载它们甚至压缩它们以保持质量但减小尺寸的最佳方法是什么?

4

3 回答 3

1

在编写标记方面最有效的方法是一个简单的 img 标签。

<img src="your image">

对于更具响应性的布局,您可能需要使用 CSS 和背景图像。

在压缩方面,JPG是要走的路。

就“处理带宽的最有效方式”而言,您希望将图像放在 CDN 上。

就“从可用性的角度处理它的最有效方式”而言,您可能需要考虑“延迟加载”,其中图像在滚动到视口之前实际上并没有被获取。

于 2015-03-31T22:15:54.253 回答
0

也许不是将所有大图像都提取到一个页面上,而是可以显示每个大图像的小图像,并且只有当用户单击它时,它才会放大到大版本。

于 2015-03-31T22:06:12.613 回答
0

我会为索引页面创建高分辨率的缩略图,然后在主照片页面上加载原始版本。这是减小文件大小但保持质量的最佳方法。

于 2015-03-31T22:10:06.800 回答