首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

常用图片格式

常用图片格式 图片是网页制作中很重要的素材,图片有不同的格式,每种格式都有自己的特性,了解这些特效,可以方便我们在制作网页时选取适合的图片格式图片格式及特性如下: 1、psd photoshop...的专用格式。...缺点:应用范围窄,图片容量相对比较大。 ? 2、jpg 网页制作及日常使用最普遍的图像格式。 优点:图像压缩效率高,图像容量相对最小。...总结 在网页制作中,如何选择合适的图片格式呢?...1、使用大幅面图片时,如果要使用不透明背景的图片,就使用jpg图片;如果要使用透明或者半透明背景的图片,就使用png图片; 2、使用小幅面图片或者图标图片时,如果图片含多种颜色,可以使用gif或png图片

1.5K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    图片加速 WebP格式

    WebP是Google在2010年推出的图片技术,它可对图片进行有效压缩,不影响清晰度的同时,使图片体积更小 在质量相同的情况下,WebP格式图像的体积要比JPEG格式图像小将近40% 腾讯的智图平台就已经支持对...WebP格式的转换,使用了一张大小为346KB的图片测试,选择图片目标品质为80,转换为WebP格式后,图片的大小仅为80KB 劣势是兼容性不好,google系的已经支持,但其他平台还没有很好的支持 兼容方案...JS 利用img标签加载一张base64的WebP图片,在img标签的onload事件中判断该图片是否具有宽高的属性,有表示支持webP,没有表示不支持webP 例如: var img = new Image..."; img.onload = function (){ // img.width, img.height ...... } IOS 客户端加载WebP格式图片,下载完成后在前端实时转码,将WebP...图片转换为jpg或png图片,展示给用户的是普通图片,节省了网络加载时间 Android 4.0以上的系统已经原生支持WebP格式 用户下载 用户点击下载时,使用此图片相应的jpg版本

    2.2K30

    超越Google,腾讯推出自研图片编码格式TPG

    近日,记者从国家知识产权局了解到,腾讯公司正式向国家知识产权局提交了一份关于图片编码技术的专利申请。...此项专利被命名为TPG(Tiny Portable Graphics),在数据上TPG图片格式产生的文件大小明显小于JPG/JPEG、PNG、GIF、WEBP等业界主流的图片格式,处于世界领先水平。...TPG图片格式压缩率世界领先 腾讯申请新专利的TPG图片格式到底有何不同? 通过目前已经公开的测试数据对比就可以一较高低。...在同等质量的前提下,TPG与JPG/JPEG、PNG、GIF、WEBP等不同图片格式进行对比,TPG的文件大小最小,位居第一:TPG对PNG小50%以上,比GIF小90%以上,对JPG/JPEG格式图片...马化腾在回忆起那段历史时曾说到:“那时候MSN很强势,基本上大家认为QQ是死定的,只是什么时候死而已。但我们针对国内网络结构做了大量的优化。

    1.4K151

    超越 Google,腾讯推出自研图片编码格式 TPG

    近日,记者从国家知识产权局了解到,腾讯公司正式向国家知识产权局提交了一份关于图片编码技术的专利申请。...此项专利被命名为TPG(Tiny Portable Graphics),在数据上TPG图片格式产生的文件大小明显小于JPG/JPEG、PNG、GIF、WEBP等业界主流的图片格式,处于世界领先水平。...TPG图片格式压缩率世界领先 腾讯申请新专利的TPG图片格式到底有何不同? 通过目前已经公开的测试数据对比就可以一较高低。...相对Google推出的 WEBP格式,文件大小可以减少近30%。 可以看到,对比非常明显,在保证同样的清晰度的前提下,TPG图片格式普遍小于其他格式。...马化腾在回忆起那段历史时曾说到:“那时候MSN很强势,基本上大家认为QQ是死定的,只是什么时候死而已。但我们针对国内网络结构做了大量的优化。

    3.7K00

    超越Google,腾讯推出自研图片编码格式TPG

    腾讯公司正式向国家知识产权局提交了一份关于图片编码技术的专利申请,此项专利被命名为TPG(Tiny Portable Graphics),在数据上TPG图片格式产生的文件大小明显小于JPG/JPEG、PNG...、GIF、WEBP等业界主流的图片格式,处于世界领先水平。...TPG图片格式压缩率世界领先 腾讯申请新专利的TPG图片格式到底有何不同? 通过目前已经公开的测试数据对比就可以一较高低。...在同等质量的前提下,TPG与JPG/JPEG、PNG、GIF、WEBP等不同图片格式进行对比,TPG的文件大小最小,位居第一:TPG对PNG小50%以上,比GIF小90%以上,对JPG/JPEG格式图片...马化腾在回忆起那段历史时曾说到:“那时候MSN很强势,基本上大家认为QQ是死定的,只是什么时候死而已。但我们针对国内网络结构做了大量的优化。

    1.2K80

    【Android 安装包优化】WebP 图片格式 ( WebP 图片格式简介 | 使用 Android Studio 转换 WebP 图片格式 )

    文章目录 一、WebP 图片格式简介 二、使用 Android Studio 转换 WebP 图片格式 三、参考资料 一、WebP 图片格式简介 ---- WebP 是一种压缩度很高的文件格式 , 有...WebP 图片格式的使用不广泛 , 目前主流 Android 应用中使用 JPEG 与 PNG 居多 ; UI 设计人员使用的 Adobe PhotoShop 中导出的图片一般是 JPEG , PNG..., SVG 格式图片 , 没有导出 WebP 图片格式的选项 ; 二、使用 Android Studio 转换 WebP 图片格式 ---- 在 Android Studio 中 , 选中一张图片...或 一个目录 , 点击右键 , 在弹出的菜单中 , 选择 " Convert to WebP … " 选项 , 即可将一张图片转为 WebP 格式图片 ; 将一张图片转为 WebP 格式 : 将整个目录中的图片转为..., 2.24 MB ; 新 WebP 格式图片 2701 x 2702 , 32 位颜色值 , 127.73 KB ; 三、参考资料 ---- 参考文档 : 创建 WebP 图片 : https:

    2.5K10

    图片格式基础信息

    [TOC] 0x00 快速入门 现在我们接触到的大多图片格式为:gif、png、jpg、tiff、BWP等等 无论是 HTML 还是 XHTML 都没有规定图像的官方格式。...然而流行的浏览器却专门规定了一定的图像格式,通常情况下是 GIF 和 JPEG,在网页中也能显示图片根据页面的消息头来定义。...在 Web 出现以前,这两种图像格式已经得到了广泛使用,所以有大量支持软件可以帮助我们以这两种格式创建图像。然而这两种格式各自有其优缺点,有些浏览器会利用其特性来实现特殊的显示效果。...---- GIF GIF 格式指的是图像交换格式(Graphics Interchange Format,GIF),该格式最初是 CompuServe 为其在线服务用户传输图像而开发的,由于它有很多特性因此在...0x00 进阶分析 各种图片的头尾格式HEX一览: 图片格式 头部HEX 尾部HEX png 89 50 60 82 jpg FF DB FF D9

    92310

    YUV格式到底是什么

    简介 YUV是视频、图片、相机等应用中使用的一类图像格式,实际上是所有“YUV”像素格式共有的颜色空间的名称。...要说清楚YUV,得分别说清楚以下两点: YUV的采样格式:即我们在采集图片、视频帧时,是如何获取每个像素的Y、U、V三个分量的。...大概意思如下图:图片来源 电子枪的扫描线从左上角像素点到右下角像素点顺序移动,喷射电子显像。...YUV存储格式 YUV的存储格式分为打包格式(packet formats)和平面格式(planar formats)。 在打包格式中,Y,U和V组件存储在单个数组中,YUV三个分量是顺序交错存储。...像素被组织成宏像素组,其布局取决于采样格式。 在平面格式中,Y,U和V分量存储在三个不同的平面(数组)中。YUV三个分量被分开存储在三个不同的数组中。

    2.9K30

    WebP图片格式的入侵

    打开各大网站,突然发现图片格式竟然都是 webp格式。 说好的GIF,JPG呢? 那么为啥要使用WEBP格式呢? 完全蒙逼了!!!...WebP格式,谷歌(google)开发的一种旨在加快图片加载速度的图片格式图片压缩体积大约只有JPEG的2/3,并能节省大量的服务器带宽资源和数据空间。...WebP 在各大互联网公司已经使用得很多了,国外的有 Google(自家的东西肯定要用啦,Chrome Store 甚至已全站使用 WebP)、Facebook 和 ebay,国内的有淘宝、腾讯和美团等...科技博客 Gig‍‍‍aOM 曾报道:YouTube 的视频略缩图采用 WebP 格式后,网页加载速度提升了 10%;谷歌的 Chrome 网上应用商店采用 WebP 格式图片后,每天可以节省几 TB...的带宽,页面平均加载时间大约减少 1/3;Google+ 移动应用采用 WebP 图片格式后,每天节省了 50TB 数据存储空间。

    1.6K20

    关于webp图片格式初探

    今年 WebP 图片格式得到越来越多的关注,很多团队也开始布道,前阵子的前端圈“走进腾讯互娱前端技术专场”也有相关专题。...WebP(发音 weppy),是一种支持有损压缩和无损压缩的图片文件格式,派生自图像编码格式 VP8。...国外公司如 Facebook、ebay 和国内公司如腾讯、淘宝、美团等也早已尝鲜。...目前 WebP 也在我厂很多的项目中得到应用,如腾讯新闻客户端、腾讯网、QQ空间等,同时也有一些针对 WebP 的图片格式转换工具,如智图(http://zhitu.tencent.com),iSparta...探索二:色彩数 在 JPEG 和 PNG 格式的选择经验上可以知道,对于色彩复杂的图片,一般使用 JPEG 格式,而对于色彩单一的图片,使用 PNG 格式。可见色彩数会影响图片的压缩效果。

    5.4K111

    图片格式WEBP全面解析

    今年 WebP 图片格式得到越来越多的关注,很多团队也开始布道,前阵子的前端圈“走进腾讯互娱前端技术专场”也有相关专题。...WebP(发音 weppy),是一种支持有损压缩和无损压缩的图片文件格式,派生自图像编码格式 VP8。...国外公司如 Facebook、ebay 和国内公司如腾讯、淘宝、美团等也早已尝鲜。...目前 WebP 也在我厂很多的项目中得到应用,如腾讯新闻客户端、腾讯网、QQ空间等,同时也有一些针对 WebP 的图片格式转换工具,如智图(http://zhitu.tencent.com),iSparta...探索二:色彩数 在 JPEG 和 PNG 格式的选择经验上可以知道,对于色彩复杂的图片,一般使用 JPEG 格式,而对于色彩单一的图片,使用 PNG 格式。可见色彩数会影响图片的压缩效果。

    5.3K31
    领券