移动端 safari 竟然不支持 webp！移动端有什么节省图片流量的方案吗？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 3529 天前的主题，其中的信息可能已经有所发展或是发生改变。

小站被 filpboard 和 zaker 收录，他们直接从rss获得我的图片地址来使用，虽然小站每天ip不多但是图片流量消耗巨大，基本上3天100g的节奏，小站是图片站，这样下去实在承受不起。

google 的 webp 格式图片能大幅度减少图片体积，但是移动端的 safari 竟然不支持！

请问你们是如何在移动端使用 webp 的？或者有其他节省图片流量的方法吗？

WebP

小站

Safari

19 条回复 • 2019-01-18 21:31:59 +08:00

typcn

2014-09-04 04:18:11 +08:00

如果不考虑https支持的话，建议图片使用单独的域名，并使用CDN加速，国外访问推荐 CloudFlare 这个不多说，国内访问推荐百度云加速设置静态缓存后全国几乎都秒开。

yyfearth

2014-09-04 07:58:31 +08:00

有啥奇怪 Safari 又不是 Google 出的你看他什么时候支持过 Ogg WebM 了?

yyfearth

2014-09-04 08:00:08 +08:00

另外IE也不支持但是他支持JPEG-XR 和webP差不多的东西
但是你看Chrome什么时候支持过JEPG-XR么 (aka. Windows Photo)

NemoAlex

2014-09-04 08:02:15 +08:00

“google 的 webp 格式图片能大幅度减少图片体积” —— 并没有

youxiachai

2014-09-04 09:55:21 +08:00

3 天 100G 这流量太狠了...没钱挣的话...找个免费图床随便放吧...

aru

2014-09-04 10:04:08 +08:00

linode 10刀一个月，2TB 流量，价格能承受么？

zhiyongyici

2014-09-04 11:15:44 +08:00 via iPhone

@typcn 这应该是个不错的方法，我核算一下是否划算

@yyfearth 网上说桌面端的 safari 支持webp 但是移动端不支持，不知到苹果是杂想的。

@NemoAlex 网上介绍说图片体积减少三分之一，相当可观了。

@youxiachai 求推荐。

@aru 要有缩略图功能，而且 linode 的速度不是很稳定。

NemoAlex

2014-09-04 12:30:41 +08:00

@zhiyongyici 实际效果要是真那么逆天，也不会各家都不买账了

zhiyongyici

2014-09-04 13:09:58 +08:00

@typcn 我看了一下百度云，似乎不错，但是不清楚它们是否会缓存图片，你用的时候网站图片被缓存了吗？

ytzong

2014-09-04 13:38:57 +08:00

@zhiyongyici 桌面端的 Safari 不支持，不知你是从哪里看的
不知你的网站是什么，发出来看看怎么优化

zhiyongyici

2014-09-04 13:44:37 +08:00

@ytzong 昨天用手机看的，说最新版的桌面端 Safari 已经支持 webp 了，不知是否属实。我正在使用@typcn 说的方法启用百度云加速，还没弄好，不知道百度是否会缓存图片，如果缓存就能节省不少流量。

网站地址是： http://ziranzhi.com

ytzong

2014-09-04 14:07:44 +08:00

图片还有压缩的空间，比如这个是 283KB
http://img.ziranzhi.com/2014/09/232b59d0a3b7aff.jpg
可以压倒 63 KB

ytzong

2014-09-04 14:13:01 +08:00

Gif 可以转为 MP4，比如这个（微博图床也是个好方法）

2.1MB
转为 MP4 后 409 KB
不过被 Filpboard 调用后能否自动播放就要再研究一下了

yyfearth

2014-09-04 15:17:50 +08:00

@zhiyongyici 从来没听过 Safari 支持 WebP
是不是你记错了 Firefox 是打算支持 WebP 但是还没有完全实现貌似

http://caniuse.com/#feat=webp

yyfearth

2014-09-04 15:25:30 +08:00

另外对于你的情况用CDN(或者类似的云存储)是必须的
个人小站服务器抗不住图片的流量的

缩率图你可以用缓存到服务器本地不过很多CDN是支持不同尺寸的缩率图的

typcn

2014-09-04 23:17:59 +08:00

@zhiyongyici HTML JS CSS 图片都能缓存，而且进高级设置有个缓存白名单可以缓存任何类型

jedihy

2014-09-05 13:20:12 +08:00 via iPhone

jpg再压缩几乎不可能，除非有损的压缩。质量和大小永远是trade off。如果图片不多的话，可以迁移到流量很多的服务器上，或者扔CDN。肯定是一笔开销。

hanmiao

2017-01-04 14:20:58 +08:00

表示电信 233

dalieba

2019-01-18 21:31:59 +08:00 via Android

HEIF 来了解一下