关键字:有损压缩
  • 这两种完全不同的JPEG加载方式,你肯定见过!
    现如今网站所使用的的图片格式多种多样,但是有一种图片格式占到了 74% 的使用量。它就是 JPEG,即联合图像专家组。这类文件的后缀通常为 .jpg 或 .jpeg,是摄影中常见的图片 ...
  • 静态资源优化
    图片格式和应用场景 JPEG 格式 JPEG(Joint Photographic Experts Group)是一种针对彩色照片而广泛使用的有损压缩图形格式,属 ...
  • 强劲迷你,Safari 14.0 的功臣你不来看看么?
    俗话说:一图胜千言。在网上,图片虽然可以让用户更加简单明了地看到更多信息,但是图片体积也可以抵过上千字节甚至更多。研究表明,打开一个 HTTP 网页,其中图片平均占比为 64%。在图片 ...
  • 前端高效开发必备的 js 库梳理
    前端高效开发必备的 js 库梳理 之前有很多人问学好前端需要学习哪些 js 库, 主流框架应该学 vue 还是 react ? 针对这些问题, 笔者来说说自己的看法和 ...
  • 这些表情包你有吗?来 Battle 啊
    “能用表情包解决的问题,绝不多说一个字。” “当不知道回复什么的时候,甩过去一个表情包就好了。” 放眼望去,谁的 QQ/微信 收藏中没有几页代表性的表情包, ...
  • 每个前端工程师都应该了解的图片知识(长文建议收藏)
    前言随着web的发展,网站资源的流量也变得越来越大。据统计,60% 的网站流量均来自网站图片,可见对图片合理优化可以大幅影响网站流量,减小带宽消耗和服务器压力。有时候你花大力气去配置 webpack 使打包体积减少,不如好好优化几张图片,这 ...
  • 【综合篇】Web前端性能优化原理问题
    (给达达前端加星标,提升前端技能)​ 想要成为一名合格的Web前端工程师,Web前端性能优化是一个必须要掌握的知识,那么应该怎么进行Web前端性能优化呢?--达达前端Web前端性能优化原理问题​ 前端性能优化,资源的合并与压缩,图片编码的原 ...
  • 前端开发中,对图片的优化技巧有哪些?
    按照先后顺序有以下:1.去掉无意义的修饰。嗯,我会瞎说吗?除了内容图片,其他的图片的作用是修饰,也就是对于传达信息来说并非本质性的。最大的优化就是压根不要图片!所以在优化之前要做的,首先是确认设计,设计本身是否需要用那么多图片?还是说可以更 ...
  • 【前端进阶100天】Day03 CSS属性组成和作用
    今日内容: 1、css属性和属性值的定义 2、css文本属性 3、css列表属性 4、css边框属性 5、css背景属性 6、css浮动属性 一、css属性和属性值的定义 属性:属性是指定选择符所具有的属性,它是css的核心,css2共有1 ...
  • 阿里前端攻城狮们总结了一份前端面试题和答案
    [高德一面]一个 tcp 连接能发几个 http 请求?(LVYOU) 如果是 HTTP ...

暂无数据