首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏我分享我快乐

    响应式图片解决方案

    幸运的是 Picturefill 是一个很棒的支持跨浏览器的兼容库,它支持 <picture> 和 srcset 以及 sizes 特性。 虽然 Picturefill 还有一些缺点,但这么做仍然利大于弊。 注意 在使用 picturefill 库的时候,作者推荐抛弃使用 src 标签,因为这将 导致图片的重复下载。

    1.3K150发布于 2018-05-02
  • 来自专栏劝学

    如何在项目优雅使用webp

    function () { resolve(false) } img.src = dataUri })) } 复制代码 引入JS polyfill脚本picturefill

    1.3K20发布于 2021-01-21
  • 来自专栏企鹅号快讯

    浅谈 Web 图像优化

    虽然不是每个浏览器都支持 picture 元素,还可以使用 Picturefill polyfill。

    1.9K90发布于 2018-01-10
  • 来自专栏练小习的专栏

    [译]响应式图像

    现有不少polyfills解决支持性问题,最知名的恐怕是Scott Jehl的picturefill。目前我(原作者)在我自己的网站上使用Alexander Farkas的respimage。

    3.1K90发布于 2017-12-29
  • 来自专栏进步博客

    [译]响应式图像

    现有不少polyfills解决支持性问题,最知名的恐怕是Scott Jehl的picturefill。目前我(原作者)在我自己的网站上使用Alexander Farkas的respimage。

    3.2K20发布于 2018-08-01
  • 低版本浏览器兼容方案:IE11 适配 ES6 语法与 CSS 新特性

    } xhr.send() CORS:确保服务端返回合规的跨域响应头,避免使用不被 IE11 完整支持的复杂凭证模式 图片与媒体降级 picture 与 srcset:在旧环境用单一 img 源或引入 picturefill

    34810编辑于 2025-12-15
  • 来自专栏腾讯社交用户体验设计

    [ISUX译]响应式图像 - 腾讯ISUX

    现有不少polyfills解决支持性问题,最知名的恐怕是Scott Jehl的picturefill。目前我(原作者)在我自己的网站上使用Alexander Farkas的respimage。

    1.8K10发布于 2018-06-29
  • 来自专栏IMWeb前端团队

    前端图片优化机制

    只能用于代替颜色单一的图片,对于色彩复杂的图片,iconfont处理起来比较困难 响应式图片 场景:不同终端对同一个图片需求不一样,可以根据终端加载不同的图片来节省没必要的流量 原理:通过picture元素,picturefill

    2.2K30发布于 2019-12-04
  • 来自专栏IMWeb前端团队

    前端图片优化机制

    只能用于代替颜色单一的图片,对于色彩复杂的图片,iconfont处理起来比较困难 响应式图片 场景:不同终端对同一个图片需求不一样,可以根据终端加载不同的图片来节省没必要的流量 原理:通过picture元素,picturefill

    3.8K01发布于 2017-12-28
  • 来自专栏橙光笔记

    《Web性能实战》读书笔记

    src="img/amp-small.jpg"> </picture> picture很好用,如果不支持的时候可以走img标签做兜底处理,如果在低版本浏览器也希望使用picture标签该怎么办,就得靠picturefill <script>document.createElement("picture");</script> <script src="js/<em>picturefill</em>.min.js" async></script

    93510编辑于 2024-07-11
  • 来自专栏琯琯博客

    awesome-javascript-cn

    官网 picturefill:响应式图片显示插件,使浏览器支持 srcset、size 属性。官网 platform.js:一个平台检测库,几乎适用于所有 JavaScript 平台。

    12.5K80发布于 2018-05-09
  • 来自专栏超级架构师

    「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源

    picturefill - 用于<picture>,srcset,sizes的响应式图像polyfill。 platform.js - 几乎适用于所有JavaScript平台的平台检测库。

    9.1K21发布于 2019-09-18
  • 来自专栏超级架构师

    「沙里淘金」精选浏览器端JavaScript库资源推荐

    picturefill - 用于<picture>,srcset,sizes的响应式图像polyfill。 platform.js - 几乎适用于所有JavaScript平台的平台检测库。

    8.3K20发布于 2020-08-19
领券