从动画GIF到动画WebP的转换
随着移动互联网的发展，越来越多的互联网内容服务商开始使用动图。一方面，动图内容可以给用户带来更鲜活的体验；另一方面，动图内容可以更有针对性的推荐其产品。
时尚不是你期望在科技界重演的东西——技术进步迅速，几乎从不回头。但是，在涉及动画gif的地方，似乎90年代又来了。动画gif无处不在，不仅在奇怪，俗气的网站上 - 它们已经成为主流。现在，您可以在腾讯视频和优酷等知名网站中看到以动画gif形式共享和播放的短视频。
gif格式远非最佳。虽然它是所有web浏览器和智能手机都支持的简单图像格式，但gif文件占用空间大、色彩表现力有限、在终端的解码效率差的问题越发突出，导致了动图相关功能网络流量占用大、终端解码负担重，最终使app用户体验变差。
gif格式不适用于全彩色视频。它仅使用256种颜色（没有半透明的alpha通道），更适合绘图而不是照片或视频帧。对于单个相框，jpeg 在质量和文件大小方面都是一种更好的格式，但 jpeg 不支持动画。
从动画gif到动画webp的转换 以下无聊的人的动画gif已从维基媒体上传到cloudinary。虽然这是一个相对较小的279×193的图像，但这个短视频的重量高达1.5mb。如果您的网站上有30张这样的图片，则总共为45mb，这需要时间来加载。如果您的站点每天有1000名访问者，则仅这些图像的每月带宽就为1.3tb！
https://res.cloudinary.com/demo/image/upload/bored_animation.gif
cloudinary的媒体管理服务支持上传，转换和管理各种媒体文件，包括图像，视频和音频到新兴媒体类型。下面的代码示例（在所有流行的框架中）构造一个动态 url，用于将上面的动画gif 转换为动画 webp。此url 启用该标志（或者，如果您直接提供url），并引用同一图像，将其文件扩展名更改为（这告诉 cloudinary 您要将图像转换为此文件格式）。awebpfl_awebpbored_animation.webp
https://res.cloudinary.com/demo/image/upload/fl_awebp/
bored_animation.webp
注意：动画 webp 目前仅受chrome 浏览器支持。如果您在此处看到损坏的图片，请尝试在chrome（v32 或更高版本）中打开此博客文章。
上面的webp动画是在访问动态url 时由 cloudinary 动态生成的。它看起来与原始图像相同，但重量仅为419kb。这意味着与原始的1.5mb动画gif相比，我们节省了72%的文件大小，带宽和加载时间。
默认情况下，cloudinary 在有损模式下生成动画 webp。用于上述动画 webp的默认质量级别为 80%，但您可以选择其他质量级别。
让我们尝试生成质量级别较低的相同动画 webp。我们将参数设置为 40（直接提供 url 时）。您可以在下面看到动态转换 url 和生成的webp 动画。qualityq_40
https://res.cloudinary.com/demo/image/upload/fl_awebp,q_40/
bored_animation.webp
当质量设置为40%时，视觉差异几乎不明显，但生成的文件仅重195kb。与 80% 质量的动画 webp 相比，这节省了 53% 的大小和带宽，并且与原始 gif 相比，大小减少了87%。
调整动画 gif 的大小和裁剪，并转换为动画 webp
您可以使用 cloudinary 的图像转换 url 来裁剪动画 gif 并调整其大小。以下转换url 和生成的图像将生成相同动画 gif 的 150×100 北填充矩形。生成的图像（其中 cloudinary 已经应用了某些动画gif 优化）的重量为429kb。
https://res.cloudinary.com/demo/image/upload/
w_150,h_100,c_fill,g_north/bored_animation.gif
现在我们可以将此图像转换为动画webp。以下 url 生成相同的 150×100 缩略图，同时转换为质量为 80% 的动画 webp。结果仅重 154kb，这意味着我们节省了 64% 的文件大小，而不会影响质量。
https://res.cloudinary.com/demo/image/upload/
w_150,h_100,c_fill,g_north,fl_awebp,q_80/bored_animation.webp
动画 webp 格式对于绘图动画也非常有用，而不仅仅是视频。以下示例显示了从维基媒体上传到 cloudinary 的动画绘图。左侧的原始动画gif重790kb，而右侧的webp版本质量为80%，仅重375kb（减少52.5%）。
https://res.cloudinary.com/demo/image/upload/
fl_awebp/cell_animation.webp
解决方案：深维佳图gif2webp动图转码方案
动图webp编码的计算复杂度很高，导致此转码运算时延会非常惊人。为解决这一问题，深维科技采用fpga异构计算架构，推出深维佳图gif2webp动图转码方案，借用异构计算的技术优势，一次性解决时延、流量、存储、计算等问题，此方案可应用于兴趣社区、电子商务、社交应用、在线视频等众多领域。
深维佳图 gif2webp动图转码方案大幅缩减转码时延
对比cpu方案，深维佳图gif2webp动图转码方案将转码处理延迟（端到端的单张图像处理延迟）平均降低了15倍。即从十几秒到几十秒缩短到零点几秒到1秒多，这种场景下的webp动图就从不可用变成可用。
百亿美元加持，OLED电视如何在技术创新中突围
差速器的工作原理及作用
基于PCM1864前端语音处理解决方案(3)
USB-C接口或将成电子产品统一标准接口，上游连接器市场迎来爆发期
无线网络管理的六大策略
从动画GIF到动画WebP的转换
趣步APP开发系统开发,趣步模式开发定制方案
虹科案例 | 如何让基于CAN总线的医护通讯系统避免出现信号失真的问题？
同步解调技术背后的基本思想是什么
内存/SSD疯涨收割PC党行情大好：颗粒厂美光收入创纪录
基于三轴加速度计的评估板的设计演示
解读分散式48V架构的汽车电源系统方案
区块链技术进化的下一步将是完全去中心化
3D打印机在制造业有什么作用
西藏首家华为授权体验店Plus将于8月19日正式开业
接口测试和常用接口测试工具介绍
某公寓装修工程智能照明控制系统的设计以及应用
工程监测多通道振弦模拟信号采集仪VTN恢复出厂参数
应用不切换，灵感不掉线！EMUI 11打造无缝协同办公新体验
找准设计支点 将医院“装进”口袋
时尚不是你期望在科技界重演的东西——技术进步迅速，几乎从不回头。但是，在涉及动画gif的地方，似乎90年代又来了。动画gif无处不在，不仅在奇怪，俗气的网站上 - 它们已经成为主流。现在，您可以在腾讯视频和优酷等知名网站中看到以动画gif形式共享和播放的短视频。
gif格式远非最佳。虽然它是所有web浏览器和智能手机都支持的简单图像格式，但gif文件占用空间大、色彩表现力有限、在终端的解码效率差的问题越发突出，导致了动图相关功能网络流量占用大、终端解码负担重，最终使app用户体验变差。
gif格式不适用于全彩色视频。它仅使用256种颜色（没有半透明的alpha通道），更适合绘图而不是照片或视频帧。对于单个相框，jpeg 在质量和文件大小方面都是一种更好的格式，但 jpeg 不支持动画。
从动画gif到动画webp的转换 以下无聊的人的动画gif已从维基媒体上传到cloudinary。虽然这是一个相对较小的279×193的图像，但这个短视频的重量高达1.5mb。如果您的网站上有30张这样的图片，则总共为45mb，这需要时间来加载。如果您的站点每天有1000名访问者，则仅这些图像的每月带宽就为1.3tb！
https://res.cloudinary.com/demo/image/upload/bored_animation.gif
cloudinary的媒体管理服务支持上传，转换和管理各种媒体文件，包括图像，视频和音频到新兴媒体类型。下面的代码示例（在所有流行的框架中）构造一个动态 url，用于将上面的动画gif 转换为动画 webp。此url 启用该标志（或者，如果您直接提供url），并引用同一图像，将其文件扩展名更改为（这告诉 cloudinary 您要将图像转换为此文件格式）。awebpfl_awebpbored_animation.webp
https://res.cloudinary.com/demo/image/upload/fl_awebp/
bored_animation.webp
注意：动画 webp 目前仅受chrome 浏览器支持。如果您在此处看到损坏的图片，请尝试在chrome（v32 或更高版本）中打开此博客文章。
上面的webp动画是在访问动态url 时由 cloudinary 动态生成的。它看起来与原始图像相同，但重量仅为419kb。这意味着与原始的1.5mb动画gif相比，我们节省了72%的文件大小，带宽和加载时间。
默认情况下，cloudinary 在有损模式下生成动画 webp。用于上述动画 webp的默认质量级别为 80%，但您可以选择其他质量级别。
让我们尝试生成质量级别较低的相同动画 webp。我们将参数设置为 40（直接提供 url 时）。您可以在下面看到动态转换 url 和生成的webp 动画。qualityq_40
https://res.cloudinary.com/demo/image/upload/fl_awebp,q_40/
bored_animation.webp
当质量设置为40%时，视觉差异几乎不明显，但生成的文件仅重195kb。与 80% 质量的动画 webp 相比，这节省了 53% 的大小和带宽，并且与原始 gif 相比，大小减少了87%。
调整动画 gif 的大小和裁剪，并转换为动画 webp
您可以使用 cloudinary 的图像转换 url 来裁剪动画 gif 并调整其大小。以下转换url 和生成的图像将生成相同动画 gif 的 150×100 北填充矩形。生成的图像（其中 cloudinary 已经应用了某些动画gif 优化）的重量为429kb。
https://res.cloudinary.com/demo/image/upload/
w_150,h_100,c_fill,g_north/bored_animation.gif
现在我们可以将此图像转换为动画webp。以下 url 生成相同的 150×100 缩略图，同时转换为质量为 80% 的动画 webp。结果仅重 154kb，这意味着我们节省了 64% 的文件大小，而不会影响质量。
https://res.cloudinary.com/demo/image/upload/
w_150,h_100,c_fill,g_north,fl_awebp,q_80/bored_animation.webp
动画 webp 格式对于绘图动画也非常有用，而不仅仅是视频。以下示例显示了从维基媒体上传到 cloudinary 的动画绘图。左侧的原始动画gif重790kb，而右侧的webp版本质量为80%，仅重375kb（减少52.5%）。
https://res.cloudinary.com/demo/image/upload/
fl_awebp/cell_animation.webp
解决方案：深维佳图gif2webp动图转码方案
动图webp编码的计算复杂度很高，导致此转码运算时延会非常惊人。为解决这一问题，深维科技采用fpga异构计算架构，推出深维佳图gif2webp动图转码方案，借用异构计算的技术优势，一次性解决时延、流量、存储、计算等问题，此方案可应用于兴趣社区、电子商务、社交应用、在线视频等众多领域。
深维佳图 gif2webp动图转码方案大幅缩减转码时延
对比cpu方案，深维佳图gif2webp动图转码方案将转码处理延迟（端到端的单张图像处理延迟）平均降低了15倍。即从十几秒到几十秒缩短到零点几秒到1秒多，这种场景下的webp动图就从不可用变成可用。
百亿美元加持，OLED电视如何在技术创新中突围
差速器的工作原理及作用
基于PCM1864前端语音处理解决方案(3)
USB-C接口或将成电子产品统一标准接口，上游连接器市场迎来爆发期
无线网络管理的六大策略
从动画GIF到动画WebP的转换
趣步APP开发系统开发,趣步模式开发定制方案
虹科案例 | 如何让基于CAN总线的医护通讯系统避免出现信号失真的问题？
同步解调技术背后的基本思想是什么
内存/SSD疯涨收割PC党行情大好：颗粒厂美光收入创纪录
基于三轴加速度计的评估板的设计演示
解读分散式48V架构的汽车电源系统方案
区块链技术进化的下一步将是完全去中心化
3D打印机在制造业有什么作用
西藏首家华为授权体验店Plus将于8月19日正式开业
接口测试和常用接口测试工具介绍
某公寓装修工程智能照明控制系统的设计以及应用
工程监测多通道振弦模拟信号采集仪VTN恢复出厂参数
应用不切换，灵感不掉线！EMUI 11打造无缝协同办公新体验
找准设计支点 将医院“装进”口袋