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 下增加这些文件

  1. config.tests/libwebp/libwebp.cpp lines Side-by-Side Unified
  2. config.tests/libwebp/libwebp.pro lines Side-by-Side Unified
  3. qtimageformats.pro +, - Side-by-Side Unified
  4. src/plugins/imageformats/imageformats.pro +, - Side-by-Side Unified
  5. src/plugins/imageformats/webp/main.cpp lines Side-by-Side Unified
  6. src/plugins/imageformats/webp/qwebphandler.cpp lines Side-by-Side Unified
  7. src/plugins/imageformats/webp/qwebphandler_p.h lines Side-by-Side Unified
  8. src/plugins/imageformats/webp/webp.json lines Side-by-Side Unified
  9. src/plugins/imageformats/webp/webp.pro lines Side-by-Side Unified
  10. tests/auto/auto.pro +, - Side-by-Side Unified
  11. tests/auto/webp/images/kollada.png new Unified
  12. tests/auto/webp/images/kollada.webp new Unified
  13. tests/auto/webp/images/kollada_lossless.webp new Unified
  14. tests/auto/webp/images/lena.jpg new Unified
  15. tests/auto/webp/images/lena.webp new Unified
  16. tests/auto/webp/images/lena_lossless.webp new Unified
  17. tests/auto/webp/tst_qwebp.cpp lines Side-by-Side Unified
  18. tests/auto/webp/webp.pro lines Side-by-Side Unified
  19. 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. 根据关键词获取进程ID然后杀掉进程

    例如需要杀掉监听进程,如下: [oracle@kel ~]$ ps -ef|grep lsnr oracle 4973 1 1 19:40 ? 00:00:00 /home/oracle/produc ...

  2. sgu 194 Reactor Cooling(有容量上下界的无源无汇可行流)

    [题目链接] http://acm.hust.edu.cn/vjudge/problem/viewProblem.action?id=20757 [题意] 求有容量上下界的无源无汇可行流. [思路] ...

  3. 线段相交 POJ 2653

    // 线段相交 POJ 2653 // 思路:数据比较水,据说n^2也可以过 // 我是每次枚举线段,和最上面的线段比较 // O(n*m) // #include <bits/stdc++.h ...

  4. win7旗舰版通知windows不是正版副本解决方法

    原文转载http://www.cnblogs.com/simple_666/archive/2013/04/13/win7%E6%97%97%E8%88%B0%E7%89%88%E9%80%9A%E7 ...

  5. 未能加载Connector/NET :: v6.7.4

    //从*.config文件获取连接字符串和提供程序 string dp = ConfigurationManager.AppSettings["provider"]; string ...

  6. Java中Runnable和Thread的区别(转)

    http://developer.51cto.com/art/201203/321042.htm 第一种方式:使用Runnable接口创建线程 第二种方式:直接继承Thread类创建对象 使用Runn ...

  7. 深入理解jQuery插件开发(转)

    转自:http://blog.jobbole.com/30550/ 如果你看到这篇文章,我确信你毫无疑问会认为jQuery是一个使用简便的库.jQuery可能使用起来很简单,但是它仍然有一些奇怪的地方 ...

  8. python setup.py install 失败

    由于curl证书太老,所以无法找到一些对应的版本. 如下更新证书即可: curl http://curl.haxx.se/ca/cacert.pem > /etc/pki/tls/certs/c ...

  9. FLEX实现两侧边栏固定中间自适应布局

    <style type="text/css"> #outer{ display: flex; width: 100%; flex-flow: row nowrap; } ...

  10. SpringMVC(四)

    好久没有来谢谢总结性的东西了,一直在赶项目进度,终于忙完了,今天就来说说项目过程中遇到的一些问题: 1.关于在使用@Param的用法,在前面也说过了一点,但是在实际使用中还遇到了一个问题.就是在Map ...