跳转到内容

移动世界最佳做法

TL;DR

消费者期望媒体内容丰富正因如此 图像加载速度视频播放是一个大因素用户经验面向优化客户对移动内容满意度,你必须注重数字资产的质量、格式和大小云化优化简单化,不仅提高移动网络应用性能,而且提高移动网络性能提升SEO游戏提高客户满意度

移动优化术语有时用同义词“响应设计”或“手机友好性”,指为访问网站或手机设备应用的用户设计有深度精简经验过程优化移动网站或应用必须超出屏幕尺寸调整范围,同时考虑网络条件和装置类型并提供目的性经验自用户在移动上消费远比桌面多视觉内容以来,数字媒体是移动优化策略中最重要的部分。

优化移动网站快速易行,云端能力即时变换URL和内置响应图像和视频解决方案

优化图像与云形移动方式

  • 添加f_autoq_aut参数所有图像URL向没有视觉退化的用户提供最优化格式和质量细节见此博客文章.
  • 调整大小或对图像采取响应式解决方案,方法如下:
    • 调整图像大小,如果有特定的布局维度并知道精确宽度或高度需要
    • 执行响应设计,即调整内容大小、分辨率和布局以适应应用环境
      • 云性 JavaScript响应解决方案添加w_auto,dpr_auto,c_limit参数到URLs并输入云端库并包括焊接响应类图像标签细节见此博客文章.
      • 取响应断点云化生成URL 标签或srcset设置.细节见此博客文章.

要清晰调整大小并调整解析度,你最终图像URL将看起来像:

https://res.www.aaaalireno.com/demo/image/upload/f_auto,q_auto,w_500,dpr_2.0,c_limit/happy-pup.jpg

令人印象深刻的是,这些简单URL参数将图像文件大小从1.23MB减为126KB

优化视频云化系统,注重尺寸、格式和质量如下:

  • 调整大小视频适配设计例举添加l_800c_限制参数对视频URL调整为800像素宽度,除非原创小刚修改800值为已知最大宽度视频

    https://res.www.aaaalireno.com/demo/video/upload/w_800,c_limit/dog.mp4

变大小参数将视频尺寸从9.1MB减为669KB

  • 默认情况下,用云式隐式应用视频的任何变换(如上文所述调整大小)也包括视频编码自动机vc_aut传变视频交付时设置vc_aut质量70q_70和通用视频音频设置与其为视频设置质量值,倒不如指定q_aut利用云化智能质量和编码算法视频服务原创视频不附加参数快速赢q_aut向URL查询更多细节见此博客文章.

    https://res.www.aaaalireno.com/demo/video/upload/q_auto/dog.mp4

    q_aut文件大小从911MB降为821KB而不影响视频视觉质量

  • 相似图像,您也可以指定f_aut视频自动优化视频编解码器,假设浏览器支持该参数举个例子

    https://res.www.aaaalireno.com/demo/video/upload/f_auto,q_auto,w_1280,c_limit/dog.mp4

视频尺寸从911MB520KBSarifari,394KBV9/WebPchrome和821KBH264/MP4Firefox

简编:

  • 优化图像移动f_autoq_aut参数转至URL并采用云式响应求解.
  • 优化视频移动网络添加q_aut参数选择最佳编解码器和质量压缩此外,您还可以调整视频大小l_800c_限制参数设置800至已知最大宽度视频
  • 长视频使用自适应比特率流.

云型iOS和AndroidSDKs提供简单而全面的优化和交付能力,你可以无缝地与本地应用集成

  • 吾族OSSDK使您能够上传、操作、优化并用几行代码提供图像和视频
  • 吾族AndroidSDK特征显示媒体管理器类配置处理所有媒体相关操作

下段描述如何优化本地应用的质量、格式和媒体规模

调整图像大小或应用响应程序设计对OS和Android都很重要云化响应本地a简化媒体资产多变多复杂

  • 安卓采用云压缩算法和谷歌优化图像格式WebP向用户提供光图像刚加q_autof_web参数到图像URL或通过SDK应用变换

    https://res.www.aaaalireno.com/demo/image/upload/f_webp,q_auto/fat_cat.jpg

    应用以上参数将文件大小从445KB减为21KB

  • 面向OS优化质量并应用JPEG2000格式化实现相似结果即加q_autof_j参数到图像URL或通过SDK应用变换

    https://res.www.aaaalireno.com/demo/image/upload/q_auto,f_jp2/fat_cat.jpg

    优化后图像从445KB降为25KB

作为一种奖赏,如果你接受用户生成内容预处理您的图片减少上传交付时间

优化视频如下:

  • 本地程序明确锁定URL中新视频编解码

  • 面向OS11以上利用H.265MP4支持q_aut并调整视频大小f_mp4,vc_h265,q_auto,w_1280,c_limit参数设置1280值为已知最大宽度视频

    https://res.www.aaaalireno.com/demo/video/upload/f_mp4,vc_h265,q_auto,w_1280,c_limit/cat.mp4

    上方优化将视频文件大小从3.6MB减为1.7MB

  • 面向Android4.4以上服务高优化VP9视频编解码q_aut并调整视频大小f_webm,vc_vp9,q_auto,w_1280,c_limit参数设置1280值为已知最大宽度视频

    https://res.www.aaaalireno.com/demo/video/upload/f_webm,vc_vp9,q_auto,w_1280,c_limit/cat.mp4

    上方优化将视频文件大小从3.6MB减为1.4MB

  • 确定视频播放器支持新视频编解码云情视频播放器说到做到旧设备默认通用编解码格式q_auto,w_1280,c_limit参数云式URL设置1280值为已知最大宽度视频

  • 自适应比特率流并很好工作长视频应用ExoPlayer系统Android支持动态自适应流AVPlayer系统OS支持HTTP流

简编:

  • OS加q_autof_j参数对图像并采用iOSSDK内置响应求解.使用云情视频播放器并添加vc_h265,f_mp4,q_auto参数外调整视频大小
  • Android加q_autof_web参数到您的图片并采用 AndroidSDK嵌入式响应求解.
  • 使用云情视频播放器并添加vc_vp9,f_webm,q_auto参数外调整视频大小
  • 添加回退格式q_auto,w_1280,c_limit旧设备参数不支持更新视频编解码1280值为已知最大宽度视频
  • 使用自适应比特率流播放长视频应用

服务优化图像和视频对传输网络内容至关重要自数字媒体在移动设备上更常出现以来,网络和移动应用开发者必须考虑这些设备广度生态环境,同时创建移动网站设计以及应用优化和交付策略以获取令人满意的终端用户经验云化实现响应性优化快速移动体验很容易易易易免费,解放你专注核心业务免费签名试一试


回顶

特征邮箱

Baidu
map