@volcengine/imagex-react
TypeScript icon, indicating that this package has built-in type declarations

2.1.1 • Public • Published

@volcengine/imagex-react

基于火山引擎 veImageX 图片服务 的图片加载组件,旨在优化 Web 站点的图片资源,其核心能力有:图片格式自适应、分辨率自适应、图片懒加载、图片占位、错误兜底、稳定性布局。

  • 图片格式自适应:通过配置自适应图像格式列表,探测浏览器对图像格式的支持性,自动选择最优格式进行渲染。
  • 分辨率自适应:支持根据屏幕像素比和图片所在容器大小自动适配图片分辨率,分辨率按原图比例缩放。
  • 图片懒加载:图片延迟加载,只有当图片出现在视口范围内时,再获取图片资源进行渲染。
  • 图片占位:在图片加载完成前显示占位图,避免页面抖动,保持渲染流畅性。
  • 错误兜底:支持自定义图片加载错误时的占位图及描述信息。
  • 稳定性布局:内置 5 种布局,您可根据实际业务灵活配置。

接入指南

请参考接入文档

Package Sidebar

Install

npm i @volcengine/imagex-react

Weekly Downloads

32

Version

2.1.1

License

BSD-3-Clause

Unpacked Size

89 kB

Total Files

21

Last publish

Collaborators

  • msq17
  • caocun
  • garyyangbyte
  • lvpiao
  • chenping.123
  • bytedance_liutaofe
  • ash.yu
  • zhenran.sz
  • vcloud_fe
  • zhuhongshuyu
  • wangyx.byte
  • shushushu
  • zhoulei
  • shanggw
  • liangshuang.fiona
  • zhengwenyue
  • wallaceyuan
  • cmaxd
  • liuzhao.90
  • liucheng.bigorange
  • zhouyk
  • oanakiaja
  • chenyongjin
  • lixiangfeiorg
  • awesome-starling
  • zhang6464
  • volcanoengine
  • bytednpm