【问题标题】:How to speed up load images of html in ionic?如何加快 ionic 中 html 的加载图像?
【发布时间】:2018-09-24 23:59:12
【问题描述】:

如果我以较小的宽度和高度值显示图像,我是否可以压缩或减小图像的大小?

例如:我有超过 2500×2500 像素的图像。所以,当我尝试同时加载超过 12 到 20 张图片时,需要很长时间!

注意:我已经把它们的宽高改成了300×300px,但问题还是没有解决

那么,有什么简单的解决方案吗?

【问题讨论】:

  • 我认为你应该实现Lazy Loading

标签: image ionic2 ionic3 height width


【解决方案1】:

您使用的是哪种格式的图像? 谷歌推荐 webp 格式,它可以在不影响图像质量的情况下压缩图像的大小 https://developers.google.com/speed/webp/

【讨论】:

  • 图片格式为 jpg, jpeg, gif, png.. 用户上传图片,所以此解决方案不起作用。
  • 我假设你正在服务器上转换它们的宽度和高度,因为如果你在 js(client) 代码中转换,那么它仍然必须从服务器获取全尺寸图像并仅显示给客户端 300x300px
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-01-28
  • 2020-10-16
  • 2016-11-20
  • 1970-01-01
  • 1970-01-01
  • 2011-10-06
相关资源
最近更新 更多