精华内容
下载资源
问答
  • 但由于Photoshop这类元老级图像编辑软件不支持, 我们只能将图片为png格式,再进行编辑, 先进技术改变世界, 需要一个过程, 而在过程中提供一个折中的方案(把WebP装换为png, 再将png图片装换为WebP), 也是一件有价值的...
  • WebP是google推行的新的图片格式, 可以使用更小的空间,保存更清晰的图片, 但由于格式较新, Adobe Photoshop CC 2019 20.0.2版本都无法打开查看, 所以我们需要保存网页中的WebP图片为通用性较强png格式 我们可以使用...

    WebP是google推行的新的图片格式, 可以使用更小的空间,保存更清晰的图片, 但由于格式较新, Adobe Photoshop CC 2019 20.0.2版本都无法打开查看, 所以我们需要保存网页中的WebP图片为通用性较强png格式

    我们可以使用一款扩展程序图片另存为JPG/PNG/WebP, 将WebP格式图片转换为png格式

    我们以 谷歌艺术和文化 artsandculture.google.com/ 网站内的图片为例做一个示范

    除了能将浏览器图片保存为png, 还可以保存为jpg和WebP格式

    Chrome扩展图片另存为JPG/PNG/WebP 下载链接:

    https://chrome.google.com/webstore/detail/save-image-as-type/gabfmnliflodkdafenbcpjdlppllnemd
    复制代码

    Chrome扩展图片另存为JPG/PNG/WebP并不能自动批量转换大量图片的格式, 如果你有大量转换图片格式的需求, 可以尝试使用XnConvert这款软件, 官网下载地址: www.xnview.com/en/xnconver…

    XnConvert使用示例: 使用XnConvert将png格式图片批量转换为WebP格式

    小结:

    WebP是非常先进的格式, 但由于Photoshop这类元老级图像编辑软件不支持, 我们只能将图片为png格式,再进行编辑, 先进技术改变世界, 需要一个过程, 而在过程中提供一个折中的方案(把WebP装换为png, 再将png图片装换为WebP), 也是一件有价值的事~

    转载于:https://juejin.im/post/5d590e036fb9a06add4e2acf

    展开全文
  • 如何将webp图片变为jpng,png图片下载下来.zip
  • 测试结果 : WebP 格式图片 , 解码快 , 编码慢 , 占用空间小 ; 在解码速度上 , WebP 格式要优于 png 格式 ; 在编码速度上 , png 格式优于 WebP 格式 ;



    测试结果 : WebP 格式图片 , 解码快 , 编码慢 , 占用空间小 ;

    • 在解码速度上 , WebP 格式要优于 png 格式 ;
    • 在编码速度上 , png 格式优于 WebP 格式 ;




    一、测试 WebP 图片解码速度



    使用 【Android 安装包优化】WebP 图片格式 ( WebP 图片格式简介 | 使用 Android Studio 转换 WebP 图片格式 ) 二、使用 Android Studio 转换 WebP 图片格式 博客中的转换前后的图片 ;

    在这里插入图片描述

    这两张图片的像素值都是 2701 x 2702 像素 ;

    • icon_png.png 图片 , 大小 2.24MB ;
    • icon_webp.webp 图片, 大小 127.73 KB ;

    解码速度测试方法 : 使用 BitmapFactory 加载这两张图片 , 查看耗时毫秒数 ;

    import android.graphics.BitmapFactory
    import android.os.Bundle
    import android.util.Log
    import androidx.appcompat.app.AppCompatActivity
    
    class MainActivity : AppCompatActivity() {
        val TAG = "MainActivity"
    
        override fun onCreate(savedInstanceState: Bundle?) {
            super.onCreate(savedInstanceState)
            setContentView(R.layout.activity_main)
    
            // 测试 WebP 解码速度
            decodeWebP()
        }
    
        fun decodeWebP(){
            var pngStart = System.currentTimeMillis()
            BitmapFactory.decodeResource(resources, R.mipmap.icon_png)
            Log.e(TAG, "解码 png 格式图片时间 : ${System.currentTimeMillis() - pngStart} ")
    
            var webPStart = System.currentTimeMillis()
            BitmapFactory.decodeResource(resources, R.mipmap.icon_webp)
            Log.e(TAG, "解码 WebP 格式图片时间 : ${System.currentTimeMillis() - webPStart} ")
        }
    }
    

    执行结果 : 解码 WebP 图片比 png 图片耗时要少 , 因此其在解码时 , 解码速度性能没有损失 , 反而加强了 ;

    2021-04-24 19:57:19.994 2248-2248/kim.hsl.webp E/MainActivity: 解码 png 格式图片时间 : 285 
    2021-04-24 19:57:20.204 2248-2248/kim.hsl.webp E/MainActivity: 解码 WebP 格式图片时间 : 210 
    

    在这里插入图片描述





    二、测试 WebP 图片编码速度



    测试编码 WebP 格式图片 , 与编码 png 格式图片耗时 :

    import android.graphics.Bitmap
    import android.graphics.BitmapFactory
    import android.os.Bundle
    import android.util.Log
    import androidx.appcompat.app.AppCompatActivity
    import java.io.FileOutputStream
    
    class MainActivity : AppCompatActivity() {
        val TAG = "MainActivity"
    
        override fun onCreate(savedInstanceState: Bundle?) {
            super.onCreate(savedInstanceState)
            setContentView(R.layout.activity_main)
    
            // 测试 WebP 解码速度
            decodeWebP()
    
            // 测试 WebP 编码速度
            encodeWebP()
        }
    
        fun encodeWebP(){
            // 读取一张本地图片
            var bitmap = BitmapFactory.decodeResource(resources, R.mipmap.icon_png)
    
            var pngStart = System.currentTimeMillis()
            var fos = FileOutputStream("${cacheDir}/icon_png.png")
            bitmap.compress(Bitmap.CompressFormat.PNG, 75, fos)
            fos.close()
            Log.e(TAG, "编码 png 格式图片时间 : ${System.currentTimeMillis() - pngStart} ms , " +
                    "输出文件 : ${cacheDir}/icon_png.png")
    
            var webPStart = System.currentTimeMillis()
            fos = FileOutputStream("${cacheDir}/icon_webp.webp")
            bitmap.compress(Bitmap.CompressFormat.WEBP, 75, fos)
            fos.close()
            Log.e(TAG, "编码 WebP 格式图片时间 : ${System.currentTimeMillis() - webPStart} ms , " +
                    "输出文件 : ${cacheDir}/icon_webp.webp")
        }
    
        fun decodeWebP(){
            var pngStart = System.currentTimeMillis()
            BitmapFactory.decodeResource(resources, R.mipmap.icon_png)
            Log.e(TAG, "解码 png 格式图片时间 : ${System.currentTimeMillis() - pngStart} ")
    
            var webPStart = System.currentTimeMillis()
            BitmapFactory.decodeResource(resources, R.mipmap.icon_webp)
            Log.e(TAG, "解码 WebP 格式图片时间 : ${System.currentTimeMillis() - webPStart} ")
        }
    }
    

    测试结果 : 编码速度上 , 编码 WebP 耗时更多 , 性能低于编码 png 格式图片 ;

    2021-04-24 20:25:36.125 4483-4483/kim.hsl.webp E/MainActivity: 解码 png 格式图片时间 : 279 
    2021-04-24 20:25:36.331 4483-4483/kim.hsl.webp E/MainActivity: 解码 WebP 格式图片时间 : 205 
    2021-04-24 20:25:39.016 4483-4483/kim.hsl.webp E/MainActivity: 编码 png 格式图片时间 : 2416 ms , 输出文件 : /data/user/0/kim.hsl.webp/cache/icon_png.png
    2021-04-24 20:25:42.113 4483-4483/kim.hsl.webp E/MainActivity: 编码 WebP 格式图片时间 : 3097 ms , 输出文件 : /data/user/0/kim.hsl.webp/cache/icon_webp.webp
    

    在这里插入图片描述

    查看生成的两张图片大小 : icon_png.png 图片 23504132350413 字节 , icon_webp.webp 图片 177410177410 字节 ;

    C:\Users\octop>adb shell
    walleye:/ $
    2|walleye:/ $ su
    walleye:/ # cd /data/user/0/kim.hsl.webp/cache/
    walleye:/data/user/0/kim.hsl.webp/cache # ls -la
    total 2496
    drwxrws--x 2 u0_a394 u0_a394_cache    4096 2021-04-24 20:25 .
    drwx------ 4 u0_a394 u0_a394          4096 2021-04-24 19:56 ..
    -rw------- 1 u0_a394 u0_a394_cache 2350413 2021-04-24 20:25 icon_png.png
    -rw------- 1 u0_a394 u0_a394_cache  177410 2021-04-24 20:25 icon_webp.webp
    walleye:/data/user/0/kim.hsl.webp/cache #
    

    在这里插入图片描述





    三、参考资料



    参考文档 :

    博客资源 :

    博客源码 :

    展开全文
  • 我现在在做一个类似壁纸的应用,app获取服务端图片展示,有...但是webp图片下载到手机本地不能打开,同时分享webp图片都会出错。求助,该怎么解决。是要把服务端的图片格式都转换为jpg或者png吗?有代码能实现转换吗
  • webp图片加载

    2020-04-14 21:05:33
    1.下载该静态库并导入 https://github.com/YouZhiZheShiJingCheng/YZwebp 2.配置工程 TARGETS->Build Settings->Other Linker Flags 添加一个 -ObjC 3.开始应用 UIImageView* webp=[[UIImageView alloc] ...

    1.下载该静态库并导入

    https://github.com/YouZhiZheShiJingCheng/YZwebp

    2.配置工程

    TARGETS->Build Settings->Other Linker Flags 添加一个 -ObjC

    3.开始应用

        UIImageView* webp=[[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];
        //后缀为小写的时候可以省略
        webp.image=[UIImage imageWithWebP:@"a"];
        webp.backgroundColor=[UIColor redColor];
        webp.center=CGPointMake(self.view.center.x, self.view.center.y*0.5);
        [self.view addSubview:webp];
    
        UIImageView* webp1=[[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];
        webp1.image=[UIImage imageWithWebP:@"a.webp"];
        webp1.backgroundColor=[UIColor greenColor];
        webp1.center=self.view.center;
        [self.view addSubview:webp1];
    
        //名字大小写不对识别不了
        UIImageView* webp2=[[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];
        webp2.image=[UIImage imageWithWebP:@"a.WEBP"];
        webp2.center=CGPointMake(self.view.center.x, self.view.center.y*1.5);
        webp2.backgroundColor=[UIColor blueColor];
        [self.view addSubview:webp2];
    
    

    Demo地址:

    https://github.com/YouZhiZheShiJingCheng/WebpDemo

    展开全文
  • 1、将本地的webp图片转换为jpg 2、将下载的webp格式图片直接保存为jpg 代码如下: 1、将本地的webp图片转换为jpg from PIL import Image filename = 'xxxxxxxxxx.webp' im = Image.open(filename) if im....

     

     本文目录:
            1、将本地的webp图片转换为jpg
            2、将下载的webp格式图片直接保存为jpg

    代码如下:

    1、将本地的webp图片转换为jpg

    from PIL import Image
    
    
    filename = 'xxxxxxxxxx.webp'
    im = Image.open(filename)
    if im.mode == "RGBA":
        im.load()  # required for png.split()
        background = Image.new("RGB", im.size, (255, 255, 255))
        background.paste(im, mask=im.split()[3])
    save_name = filename.replace('webp', 'jpg')
    im.save('{}'.format(save_name), 'JPEG')

      

    2、将下载的webp格式图片直接保存为jpg

    from io import BytesIO
    from PIL import Image
    import requests
    
    
    url = 'http:xxxxx.JPG'  # 需要下载的图片地址
    headers = {}  # 请求头,按需添加
    
    resp = requests.get(url, headers=headers)
    byte_stream = BytesIO(resp.content)
    im = Image.open(byte_stream)
    
    # im.show()
    if im.mode == "RGBA":
        im.load()  # required for png.split()
        background = Image.new("RGB", im.size, (255, 255, 255))
        background.paste(im, mask=im.split()[3]) 
        
    
    im.save('xxx.jpg', 'JPEG')


     

    展开全文
  • webp图片优化

    2019-09-25 23:47:39
    根据对目前国内浏览器占比与 WebP 的兼容性分析,大约有 50% 以上的国内用户可以直接体验到 WebP,如果你的网站以图片为主,或者你的产品基于 Chromium 内核,建议体验尝试。假如你打算在 App 中... webp图片解决...
  • 一、使用 iSparta 转换 WebP 图片格式、 二、Google 提供的 libwebp 库、 三、参考资料
  • 保存webp图片

    千次阅读 2019-11-04 09:53:33
    方式一:删掉查询参数 修改网址 ...tp=webp&wxfrom=5&wx_lazy=1&wx_...
  • webp图片格式

    2016-11-09 12:44:42
    占资源更少的图片资源
  • webp 图片格式Introduction 介绍 How much smaller? 小多少? Generating WebP images 生成WebP图像 Browsers support 浏览器支持 How can you use WebP today? 您今天如何使用WebP? 介绍 (Introduction) WebP is ...
  • iOS WebP图片格式

    千次阅读 2015-01-24 14:38:29
    google出品 高清晰,体量小得图片格式,下面说在iOS下如何使用 添加头文件 #import "UIImage+WebP.h" #import "ViewController.h" #import "UIImage+WebP.h" @interface ViewController () @property (nonatomic ...
  • WebP图片优化

    2017-06-27 21:09:00
    关于网站优化,除了减少请求数意外,缩减静态资源体积也很重要,常见的比如压缩js,css文件,还有就是压缩图片体积,使其更快的下载并节省流量,WebP技术的出现,给图片压缩带来了更进一步的优化体验,同时具备了...
  • webp 图片格式

    2016-09-06 11:15:00
    webp 是一种图片格式,出自强大的谷歌公司,具体详情请自行百度了解 兼容性: PC:目前支持以 谷歌内核(webkit)渲染的浏览器,其他主要浏览器支持的不是很好,移动端:android 支持的很好,IOS 即将支持,说明...
  • WebP是 Google 的一种可以同时提供有损压缩(像 JPEG 一样)和透明度(像 PNG 一样)的图片文件格式,不过与 JPEG 或 PNG 相比,这种格式可以提供更好的压缩。Android 4.0(API 级别 14)及更高版本支持有损 WebP ...
  • webp图片实践之路

    2019-07-18 11:01:00
    最近,我们在项目中实践了webp图片,并且抽离出了工具模块,整合到了项目的基础模板中。传闻IOS10也将要支持webp,那么使用webp带来的性能提升将更加明显。估计在不久的将来,webp会成为标配。 本文主要分享一下...
  • webp图片适配流量优化

    2018-06-05 14:43:41
    刷新一个页面消耗的流量除了脚本样式文件以外,大头其实在下载图片。一张图片动辄几十kb,想尽办法优化样式、脚本文件所优化的图片流量其实还不如一张图片大。 本文从两个角度介绍如何对图片流量进行优化。本文...
  • .webp图片

    2019-09-28 05:39:04
    转载于:https://www.cnblogs.com/dbtd/p/10275626.html...
  • 但是,webp图片需要使用Chrome才能查看,如果没有安装第三方软件,那么保存下来的webp图片在mac上是不能查看的,如下图所示。现在已经有不少在线转换网站,可以把webp图片转换为png图片。但是如果每次都要先下载到...
  • Webp图片格式转换

    2020-03-26 00:00:00
    前言webp格式是Google推出的图片格式这种格式可以无损压缩10%~30%的大小(实测有时可以压缩50%)这样可以大大缩短网页加载速度此篇文章是Linux安装教程正文安装依赖sudo apt-get install libjpeg-dev libpng-dev ...
  • PPT 不支持打开显示 webp 图片

    千次阅读 2019-05-11 10:39:00
    手机打开含有 webp 图片的 PPT 文件正常,电脑无论是 wps ...让windows照片查看器支持webp格式,在windows下可以直接预览webp图片下载安装下面的编码器即可以让windows“原生”支持webp 墙外:WebP Codec fo...
  • 客户端WebP 图片格式优化

    千次阅读 2017-09-14 23:20:13
    前言在移动端,图片一直是流量大头,一些...而对传统的JPEG、PNG 和 GIF 这些图片格式的优化几乎已经达到了极致,而 Google在这个时候给了开发者一个新选择:WebP。在Google 的明星产品如 Youtube、Gmail、Google Play
  • 安装后支持使用windows内置照片查看器直接预览及打开webp图片,win10测试通过
  • 有时我们下载图片资料后发现跟以往的JPG或PNG图片不同,并不能直接打开,而图片格式也是不常见的webp格式,那么WEBP图片要怎么才能打开呢?是否能转成我们常用的JPG呢? 目前市面上有一部分看图软件,除了能打开普通...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 9,876
精华内容 3,950
关键字:

webp图片下载