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

借助数据万象(原万象),让 hexo 也用上 webp

虽然hexo官方提出了资源文件夹的概念,但是{% asset_img example.jpg This is an example image %}这种方式几乎不被任何 Markdown 编辑器支持。...最近CDN也不能满足我的胃口了,在尝试极限优化的路上,我又发现了一个更有想象力的方案,那就是借助腾讯云的数据万象(原万象)服务,对图片进行预处理或者实时处理,从而减小图片体积、提高打开速度。...通过数据万象处理为 webp 格式的图片链接为:https://img.blog.i1hao.com/IMG_0526.png?imageView2/format/webp。...但是 PicGo 唯一令我不太满意的就是,我在配置腾讯云COS为床时,遇到了点小问题,如果是新手可能会卡在这里一会。...imageView2/format/webp" type="image/webp"><source srcset="$url?

2.2K32

万象:图片成本优化的瑞士军刀

在今天星罗棋布的互联网环境下,每秒都有几亿张图片飞舞其间,其中万象支撑了海量的请求。主流的图片格式包括jpeg/gif/png/webp。每一种格式都有着不同的特点,存在着特性各异的优化空间。...7 降色操作优化效果 原图颜色数的多少对降色结果有着非常直接的影响,万象的降色接口对原图颜色丰富的gif比颜色单一的gif作用效果更为明显。...Google于2010年发布的WebP图片格式在相同质量下可以比jpeg图片节省约25%的文件大小,该图片格式也加入了万象的图片处理武器库中。...8 Guetzli优化效果 接下来本文将简要描述Guetzli的原理以及万象在这方面所做的优化。...我们会继续努力提升Guetzli的性能,丰富万象的“图片处理军火库”,为用户提供持续增长的价值。

2.4K10
您找到你想要的搜索结果了吗?
是的
没有找到

微信小程序基于万象实现图片 OCR

随着小程序开放越来越多的类目,越来越多的企业将各种各样的需求开发成小程序,而基于图像识别的名片识别、身份证识别或者普通文字的 OCR 也越来越多的被应用于各种场景中,基于此,腾讯云微信小程序解决方案团队将腾讯万象的身份证识别和文字印刷体...首先需要到腾讯云的万象控制台开通万象功能,并且创建 Bucket。创建的 Bucket 最好为公有读私有写的权限。...查阅 Wafer Node.js SDK 的 API 文档,可以看到 SDK 提供了两个万象接口,分别是身份证识别接口和印刷体 OCR 接口。...接口的第二个参数为万象的 Bucket,第三个参数为要识别的身份证的正面还是反面(0 代表带头像那面,1 代表国徽那面) const data = await uploader(ctx.req);.../xxx2.jpg'], 'qcloudtest', 0); 识别的结果直接透传万象接口返回值,具体数据结构可以参考:https://cloud.tencent.com/document/product

11.8K135

图片处理超规则和超限制报错排查

9999像素;针对动,原图宽 x 高 x 帧数不超过1亿像素 支持格式 目前支持处理 JPG、BMP、GIF、PNG、WEBP 格式,并且支持 HEIF 格式的解码和处理 动帧数限制 GIF 帧数限...300帧限制,返回超过限制报错. image.png 处理方法: 1.用户处理动,使动图符合万象要求(本案例动帧数小于300帧),再使用万象接口处理. 2.如果用户希望超过限制的动不返回报错,直接返回原图...imageMogr2/format/webp image.png 分析: 如下,通过工具,443613ad-ac5b-428e-8514-c25e325957c5.gif 动455帧, 超过万象处理300...帧限制,万象接口无法处理,返回无法查看报错. image.png 处理方法: 1.用户处理动,使动图符合万象要求(本案例动帧数小于300帧),再使用万象接口处理. 2.如果用户希望超过限制的动不返回报错...imageMogr2/format/webp 报错如下: image.png 分析: 如下,通过工具,可以看到160429245783c9490231b.jpg 图片宽高18501,格式转换处理后超过宽高

1.7K143

通过 WeCOS 进行小程序瘦身

到这里我们的瘦身也就基本完成了,但是 WeCOS 的能力还不仅于此,还有一些高级功能欢迎你来探索: 设置图片后缀 有些时候,我们需要限制上传图片的格式,例如只允许 jpg 格式,可以通过WeCOS提供的图片后缀配置项来定义...WeCOS默认支持 jpg,png,gif 三种格式,假如还需要添加其他格式,例如 webp,可以在该配置项中添加 "uploadFileSuffix": [".jpg",".png",".gif",...".webp"] 设置图片黑名单 开发过程中,某些特定的图片我们不希望被上传,可以通过 WeCOS 的黑名单配置来解决这个问题,配置后上传程序会自动忽略掉这些图片 黑名单配置支持目录或具体到文件名的写法..."https://example.com" 开启图片压缩 图片上传到 COS 之后虽然大大减轻了程序包的大小,但如果图片自身体积过大,访问速度也会影响到用户体验 WeCOS 还额外提供了基于腾讯云万象的图片压缩功能...首先,需要在万象控制台创建 COS 的同名 bucket。

4.5K61

【腾讯云的1001种玩法】 Laravel 整合万向图片管理能力,打造高效图片处理服务

什么是万象 万象是腾讯云为开发者提供图片智能鉴黄、图片内容识别、人脸识别、OCR识别等服务;也可以根据需求提供定制化的图片识别服务;同时也提供灵活的图像编辑服务,如裁剪、压缩,水印等,满足您的各种业务场景图片需求...如何在 Laravel 上使用万象?...) ); dd($res); 方法列表 方法名 备注 uploadImage 上传图片,万象V2接口 statImage 查询图片信息,万象V2接口 copyImage...复制图片,万象V2接口 delImage 删除图片,万象V2接口 uploadImageV1 上传图片,万象V1接口 statImageV1 查询图片信息,万象V1接口 copyImageV1...复制图片,万象V1接口 delImageV1 删除图片,万象V1接口 uploadVideo 上传视频 statVideo 查看视频状态 delVideo 删除视频文件 pornDetect

4.7K00

《数据万象带你玩转视图场景》第一期:avif图片压缩详解

数据万象产出的AVIF图片效果对比 1、AVIF 图片视觉对比 以下面一张作为例子说明 AVIF 图片的优势,保持图片分辨率不变,将图片分别转成 JPGWebP,AVIF 格式。...从上面四张可以看到,在经过压缩后,图片原有尺寸均不变的情况下,JPG格式的图片画质相对较差,房屋后面的云层变成大片的明显的色块色条;webp虽然没有出现色块,但整体颜色和原图相比有明显失真;avif格式的图形显示依旧平滑...,体积也很小,效果明显优于JPGWEBP。...2、AVIF 图片质量数据对比 通过大量图片样本测试,不同的压缩质量比较图片压缩前后的文件大小、 PSNR、SSIM,将 AVIF 与最为常见的图片格式 JPGWebP 、PNG 进行了对比,从以下的实测数据可以看出...AVIF 图片相对 WebP 图片大小平均减小30%多,相对 JPG 图片大小平均减小50%多,相对 PNG 图片平均减少90%左右。

63710

《数据万象带你玩转视图场景》第一期:avif图片压缩详解

数据万象产出的 AVIF 图片效果对比1、AVIF 图片视觉对比以下面一张作为例子说明 AVIF 图片的优势,保持图片分辨率不变,将图片分别转成 JPGWebP,AVIF 格式。...从上面四张可以看到,在经过压缩后,图片原有尺寸均不变的情况下,JPG格式的图片画质相对较差,房屋后面的云层变成大片的明显的色块色条;webp虽然没有出现色块,但整体颜色和原图相比有明显失真;avif格式的图形显示依旧平滑...,体积也很小,效果明显优于JPGWEBP。...2、AVIF 图片质量数据对比通过大量图片样本测试,不同的压缩质量比较图片压缩前后的文件大小、 PSNR、SSIM,将 AVIF 与最为常见的图片格式 JPGWebP 、PNG 进行了对比,从以下的实测数据可以看出...AVIF 图片相对 WebP 图片大小平均减小30%多,相对 JPG 图片大小平均减小50%多,相对 PNG 图片平均减少90%左右。

61740

使用腾讯云 CDN 、COS 以及万象实现HTTP2样例

所以我这里用到了万象的图片裁剪功能,简单介绍一下,当图片上传到万象的Bucket内之后,可以直接根据访问的url进行图片裁剪!...举个例子,在上面的示例中,我的原图是https://h2.qcloudcdn.com/qcloud-h2.jpg 使用万象的裁剪接口的话,比如我要获取左上角坐标(0,0),宽高是64*64那块图片,...Bucket即可,也可以参考文档创建万象 Bucket 选择一个图片测试文件上传到万象的Bucket里。...万象-图片上传 关联CDN。...图片上传OK后,通过万象提供的源站域名是可以直接访问的,但源站尚未支持HTTP/2,我们需要接入CDN,在万象的域名管理里面,添加我们的静态资源域名(注意是2个哦),可以参考文档万象-自定义域名设置

6.2K20

Google Guetzli图片压缩算法预研报告

此算法只是改了jpeg的编码算法,并没有改解码算法,编出的jpg通用目前的jpg解码器。考虑webp相对弱的兼容性和慢解码速度,Guetzli值得考虑的方案。...下图是libjpg、Guetzli、webp不同质量系数下的压缩率,可以看出: 整体压缩效果:webp>Guetzli>libjpg guetzli比libjpg12%-33%, webp比Guetzli...20%左右 guetzli在高质量系数下,压缩率表现更好 图片肉眼观察质量 对于相同质量系数压缩的图片,各算法肉眼是看不出区别 压缩延时 模型:这里假设业务需要5档,这里压缩延时计算模型是一张图片转换成业务需要的五档的总延时...也就是说业务用guetzli算法,单个节目或者专辑的图片五档,不算任务排队时间,转码就需要1分钟。...对于guetzli与webp的比较,视觉质量上无区别,从目前的测试数据来看,webp整体一些,但是优势不是特别明显,网络环境越好,guetzli表现的越好。

3.6K00

智能云上手指南:如何使用腾讯云开放的图片鉴黄能力?

1.选择 体验万象 by PHP SDK 选择体验万象 by PHP SDK这个实验,微信扫码即可免费领取实验机器。 2.准备工作 2.1、在使用万象前,您需要实名认证。...如果你还没有创建过密钥,可以在该页面点击 2.2、创建 Bucket,Bucket 用于存储使用万象时候用到的图片。...点击这里前往腾讯云控制台 万象 - Bucket管理 页面创建一个 Bucket 并记住名称,其他选项默认即可。...-O /data/img/demo.jpg 安装 万象 SDK for PHP git clone https://github.com/tencentyun/image-php-sdk-v2.0...也就是我们上传的demo10.jpg 调用接口后被识别为正常图片,属于性感图片的得分(99.657),为黄色图片的得分为(0.001)。

5.7K21

智能云上手指南:如何将历史数据迁移到万象

本文将为广大云开发者介绍如何将历史数据迁移到腾讯云万象。...1 历史数据迁移 在使用万象以前,您的图片数据可能存在服务器本地文件系统、分布式文件系统以及其他云存储等,我们提供迁移工具,方便您将这些历史图片迁移到万象,目前支持3种存储方式的迁移: 图片在服务器本地存储...,直接将某目录下的所有文件上传到万象。...工具会下载列表文件中的每一张图片并上传到万象。 指定七牛云存储的账号和空间名,迁移该指定空间中的所有文件或部分文件到万象。 本工具目前支持类Unix操作系统。.../2015/07/17/abc.jpg 1.3.4 万象账号信息 从万象图片空间中查看项目ID和空间名称,分别填写到appinfo.appid和appinfo.bucket; 从万象项目设置中查看

2.1K41

数据万象 CI 图片瘦身,实现超高压缩与视觉无损两全

为此,数据万象 CI 集成多种图片压缩方式:Guetzli 压缩、TPG 压缩、HEIF 压缩、webP 压缩等,满足不同终端不同转码格式的需求,大幅降低图片流量,提升页面加载速率。...图片瘦身功能有哪些亮点 功能丰富:支持 JPG/ PNG/ GIF/ webP/ TPG/ HEIF 等图片格式,支持视觉无损压缩,满足您多场景多终端的应用需求。...图片瘦身功能的优势 与其他图片压缩工具相比,数据万象 CI 图片瘦身还具有以下优势: 对比项 数据万象 CI 图片瘦身 其他压缩工具 产品功能 拥有 Guetzli、TPG、HEIF、webP、质量调整等多种压缩手段...Guetzli 图片压缩的技术实现 Guetzli 图片压缩是数据万象推出的视觉无损压缩服务,能够对 JPG 图像进行高比例压缩,为使用者节省流量,并加快用户加载速度,提升体验;压缩后图片保持为 JPG...而通常(如 libjpeg 等工具)压缩 jpg 图片时,在量化步骤按照一定规则丢弃高频信息,最终反映在 jpg 的质量中。Guetzli 巧妙降低了用户视觉无感知的质量,让用户以为仍然保持了质量。

1.2K30

数据万象盲水印功能介绍

一 简介 盲水印功能是腾讯云万象提供的全新水印模式。通过该功能,您可将水印以不可见的形式添加到原图信息中,并不会对原图质量产生太大影响。...万象提供的盲水印功能拥有半盲、全盲和文字盲水印三种类型: 1. 半盲水印拥有更强的抗攻击性,能抵抗裁剪、涂抹、变色等多种攻击,但提取水印需要原图。 2....三 接口 腾讯云万象支持盲水印处理功能,提供两个接口:添加盲水印和提取盲水印。 1 添加盲水印 该接口能为图片添加盲水印,并存储在万象。目前,水印图片必须指定为已存储于万象图中的图片。...图片上传时添加盲水印的请求包与 cos Put Object接口类似,只需将 host 信息更改为万象的域名,在请求包头部增加图片处理参数 Pic-Operations 并使用盲水印参数即可。...URL 需使用万象源站域名(不能使用CDN 加速、COS 源站域名),如:examplebucket-1250000000.image.myqcloud.com属于 CDN 加速域名,不能在水印 URL

3.1K40

如何选择正确的图片格式

4.gif的特点: 1)gif是一种8位无损格式,最多仅支持256种颜色。 2)可以保存多帧图像,并且有参数能控制播放的速度。 5.webp图片的特点: 1)具有无损和有损两种格式。...WebP有损图片大小比JPG图片小30%左右。 3)支持透明通道,支持动。 4)不是所有的浏览器都支持webp。...6.tpg图片的特点: 1)压缩效率比JPG高 47%, 比PNG高60%,比Gif高85%,比WebP高25% 2)支持透明通道,支持动 3)在集成了x5内核集成了解码模块,因此支持x5内核的浏览器可以直接使用...2、腾讯自研的Tpg和google的webp,集成了png、jpg、gif的功能,同时压缩比优秀,性价比很高,推荐在符合要求的平台、设备上使用。...上文提到的图片格式,腾讯云的数据万象产品都提供了云端的转码服务,业务可以根据自身需求,选择适合自己场景的图片格式。

2.6K80

开源应用中心|为什么别人的WordPress那么快?

压缩方案 支持格式 输出格式 兼容性 压缩比 压缩速度 Guetzli压缩 jpg jpg 强 高 慢 Webp转码 jpg/png/bmp/gif/heif/tpg/avif webp 强 一般 快...AVIF转码 jpg/png/bmp/gif/heif/webp/tpg avif 弱 极高 慢 HEIF转码 jpg/png/bmp/webp/avif heif 弱 高 快 TPG转码 jpg/png.../bmp/gif/heif/webp/avif tpg 弱 高 快 使用第二招: 仅需一步,轻松开启图片压缩,打开WordPress COS插件的配置: 先开启数据万象,以便对图片进行压缩处理;其次根据自己网站的使用场景...更多功能:图片处理 作为一个宝藏插件,WordPress COS插件还集成了数据万象图片处理能力,拥有更多丰富的图片处理功能,例如你想要的保护版权防止盗的图片水印功能;剪裁缩放质量调整;限制图片大小;...此外,WordPress COS插件还集成了数据万象图片处理功能,如图片水印、剪裁、缩放、质量调整等,各位站长们可以根据业务场景灵活地组合功能。

73630

腾讯云数据万象CI助力企业解决图片处理需求!

5.jpg 社交软件的头像录入是经过处理的标准格式的图片,数据万象的批量图片处理功能,可以进行简单、灵活的图片编辑与智能人脸裁剪功能满足社交软件头像录入、封面固定尺寸等标准图片格式的场景需求。...4.png 场景三:图片压缩 数据万象推出的视觉无损压缩服务,能够对JPG图像进行高比例压缩,为使用者节省下载流量,并加快用户下载速度,提升体验。...针对问题: 成本优化 素材网站使用高清大 社区类电商需保证图片质量和体验 解决方案: 针对jpg图片的Guetzli压缩节省高达30-50%,且无兼容性问题;支持webp、tpg等多种格式转码。...6.jpg 场景四:版权保护 通过该功能,您可将水印或者文字以不可见的形式添加到原图信息中,在图片被盗取后,您可对疑似被盗取的资源进行盲水印提取,验证图片归属。...8.jpg 2. 图片水印能够按照您设置的图片,由九宫格确定水印位置,在目标图片上设置水印。 640.jpg

3.4K00
领券