Webp 是一种图片文件格式,能在相同质量的情况下比 PNG 文件尺寸小巧。

Chrome 应用商店图片已全部转换为 WebP 格式

YY(基于Qt开发)也已经把图片格式换成webp了

http://img2webp.net/ 这个网站 将 jpg/png/gif 拖拽进入就可以转换了,转换后的 WebP 文件会在IMG2WebP 上保存一天。

安装默认的参数来看, 转换后的webp图片体积一般在原图的1/10到1/3. 这是非常可观的.

唯一的缺点就是支持平台少, 目前只有chrome支持

QT5.3 已经纳入webp.

Qt5.3之前的版本如果想要支持webp, 则需要自己编译.

参考 Qt bug report

Change I9409e894: Added webp image format plugin

https://codereview.qt-project.org/#change,56026

需要在qt-src-5.1.1\qtimageformats 下增加这些文件

config.tests/libwebp/libwebp.cpp         lines    Side-by-Side    Unified
config.tests/libwebp/libwebp.pro lines Side-by-Side Unified
qtimageformats.pro +, - Side-by-Side Unified
src/plugins/imageformats/imageformats.pro +, - Side-by-Side Unified
src/plugins/imageformats/webp/main.cpp lines Side-by-Side Unified
src/plugins/imageformats/webp/qwebphandler.cpp lines Side-by-Side Unified
src/plugins/imageformats/webp/qwebphandler_p.h lines Side-by-Side Unified
src/plugins/imageformats/webp/webp.json lines Side-by-Side Unified
src/plugins/imageformats/webp/webp.pro lines Side-by-Side Unified
tests/auto/auto.pro +, - Side-by-Side Unified
tests/auto/webp/images/kollada.png new Unified
tests/auto/webp/images/kollada.webp new Unified
tests/auto/webp/images/kollada_lossless.webp new Unified
tests/auto/webp/images/lena.jpg new Unified
tests/auto/webp/images/lena.webp new Unified
tests/auto/webp/images/lena_lossless.webp new Unified
tests/auto/webp/tst_qwebp.cpp lines Side-by-Side Unified
tests/auto/webp/webp.pro lines Side-by-Side Unified
tests/auto/webp/webp.qrc

这些文件我打包了一份. http://download.csdn.net/detail/lingdhox/7303513

你也可以去Qt的git上下载这些文件, 然后覆盖过去

注意:

  我编译的版本是5.1.1, 如果是其他版本的话, 请不要直接覆盖.

最后, 执行下 nmake module-qtimageformats

ps: 在configure时, 可以加上参数 -no-plugin-manifests, 就不会产生manifests文件

ps2: webkit 对webp的支持写在features.prf中, config_libwebp: WEBKIT_CONFIG += use_webp

Qt增加webp格式支持的更多相关文章

  1. iOS开发中WebP格式的64位支持处理

    几个月前我们项目中添加了对webp格式的处理.期间遇到了一些问题,这是当中的一个小的记录. 官方下载地址:https://code.google.com/p/webp/downloads/list 对 ...

  2. SDWebImage支持WebP格式图片

    SDWebImage本身就已经支持了webp格式的图片 1.下载libwebp https://github.com/webmproject/libwebp 然后你需要先安装好有homebrew或者m ...

  3. 火狐不支持webp格式的图片

    <!DOCTYPE html> <html lang="en"> <style> ul{list-style: none;} li{float: ...

  4. 通读SDWebImage③--gif和webP的支持、不同格式图片的处理、方向处理

    本文目录 NSData+ImageContentType: 根据NSData获取MIME UIImage+GIF UIImage+WebP UIImage+MultiFormat:根据NSData相应 ...

  5. 让photoshop cc 支持 webp格式

    下载WebP.8bi文件,看PS cc 是32位还是64位,找到对应的文件. brushes8.com-2017-11-03_08-29-21_654098.7z 把  WebP.8bi 复制到pho ...

  6. 将jpg压缩成webp格式的图片

    cwebp名称 cwebp -压缩图像文件为的WebP文件概要 cwebp [选项] INPUT_FILE -o output_file.webp描述 cwebp压缩使用的WebP格式的图像.输入格式 ...

  7. centos下 将(jgp、png)图片转换成webp格式

    由于项目要求需要将jpg.png类型的图片  转换成webp格式,最开始使用了php gd类库里 imagewebp 方法实现,结果发现转换成的webp格式文件会偶尔出现空白内容的情况.像创建了一个透 ...

  8. 在html中如何兼容使用WebP格式的图片【图片升级到WebP】

    把已有的图片转换为WebP格式 要使用WebP格式,需要将你网站用到的图片都制作一份WebP格式的版本,如果你使用CDN服务商,它们一般都会提供转码到WebP格式的选项.如又拍云: 增加这样的配置后, ...

  9. Qt国际化(Q_DECLARE_TR_FUNCTIONS() 宏给非Qt类添加翻译支持,以前没见过QTextEncoder和QTextDecoder和QLibraryInfo::location()和QEvent::LanguageChange)

    Internationalization with Qt 应用程序的国际化就是使得程序能在国际间可用而不仅仅是在本国可用的过程. Relevant Qt Classes andAPIs 以下的类支持Q ...

随机推荐

  1. Spring 中context.start作用

    我们经常会看到 如下代码 ClassPathXmlApplicationContext context = new ClassPathXmlApplicationContext(configPath. ...

  2. SeaJS学习笔记(一) ./ 和 ../ 区别

    最近要去实习,公司里使用sea.js进行模块化开发 具体下载安装就不多说了,请参见SeaJS官网 <!DOCTYPE html> <html> <head> < ...

  3. FS,FT,DFS,DTFT,DFT,FFT的联系和区别

    DCT变换的原理及算法 文库介绍 对于初学数字信号处理(DSP)的人来说,这几种变换是最为头疼的,它们是数字信号处理的理论基础,贯穿整个信号的处理. 学习过<高等数学>和<信号与系统 ...

  4. [转] Web前端优化之 Server篇

    原文链接: http://lunax.info/archives/3093.html Web 前端优化最佳实践第二部分面向 Server .目前共计有 6 条实践规则.[注,这最多算技术笔记,查看最原 ...

  5. ubuntu下通过pip安装pyside

    首先安装相关库 sudo apt-get install build-essential git cmake libqt4-dev libphonon-dev python2.7-dev libxml ...

  6. JSF 2 multiple select dropdown box example

    In JSF, <h:selectManyMenu /> tag is used to render a multiple select dropdown box – HTML selec ...

  7. [iOS微博项目 - 1.8] - 各种尺寸图片加载 & 控件不显示研究

    A. 图片的加载:  [UIImage imageNamed:@"home"];  加载png图片    一.非retina屏幕  1.3.5 inch(320 x 480)  * ...

  8. 如何设置(修改)jetty(maven插件maven-jetty-plugi)的端口

    在使用jetty的maven插件,有两种方式来改变jetty server的端口,第一种方式较为简单,即: 通过命令行指定端口:mvn -Djetty.port=9999 jetty:run 另一种方 ...

  9. 启动报错:java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderListener

    如果你是maven项目,tomcat在发布项目的时候没有同时发布maven依赖所添加的jar包,你需要设置一下eclipse:项目 —> 属性 -> Deployment Assembly ...

  10. 《精通ASP.NET MVC5》第2章 第一个MVC应用程序

      控制器     public class NewHomeController : Controller     {         // GET: /NewHome/         public ...