谷歌在线压缩图片…

关于webp图片格式调研及测试 资料收集 什么是 WebP? WebP(发音 weppy),是一种支持有损压缩和无损压缩的图片文件格式,派生自图像编码格式 VP8.根据 Google 的测试,无损压缩后的 WebP 比 PNG 文件少了 45% 的文件大小,即使这些 PNG 文件经过其他压缩工具压缩之后,WebP 还是可以减少 28% 的文件大小. 2010 年发布的 WebP 已经不算是新鲜事物了,在 Google 的明星产品如 Youtube.Gmail.Google Play 中都可以看到…

实用工具 前端在线工具 兼容性速查 html5兼容性查询 node-es6支持度 es6兼容性表查询 设备es6支持度 游览器H5支持度 浏览器内核检测工具 手机设备信息检测 浏览器市场份额 文档手册 W3C中国 W3C国内镜像 HTML5 - MDN JavaScript - MDN ECMAScript规范 es6使用对照手册 w3school 菜鸟教程 现代 Javascript 教程 Javascript备忘录手册 JavaScript参考手册 JavaScript 全局对象 JavaS…

Image is quite heavy in web traffic. it is about 53% whole web traffic. It is important to make sure loading image won't be a slow & bad experience to your user. There is a rearch showing that 83% redictopm om file size using the MozJPEG Encoder http…

未优化的图片是影响网站性能的主要因素之一,尤其会影响初次加载.取决于图像的分辨率和画质,图片可能占据整个网站流量的 70%. 生产环境出现未优化的图片并显著影响初次加载速度的现象还是挺常见的.缺乏经验的开发者通常没有意识到这一潜在问题,也不了解各种优化图片的工具和方法. 本文的目标是介绍优化 web 图片的主要工具和方法. 计算 JPG 文件尺寸 未压缩图片的尺寸很容易计算,只需将图片的长宽相乘(px 值),再乘以 3 字节(因为 RGB 色彩系统使用 24 个位元).所得结果除以 1,048,…

website 性能检测 & 前端性能优化 https://cdn.xgqfrms.xyz/ https://mobile.xgqfrms.xyz/ PageSpeed Insights https://developers.google.com/speed/pagespeed/insights/ https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.xgqfrms.xyz Lighthouse…

PWA bug https://developer.mozilla.org/zh-CN/docs/Web/Progressive_web_apps https://learning.xgqfrms.xyz/000projects/pwa-photo/index.html https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL https://github.com/xgqfrms/vue/issues/4 PWA &…

PWA & TWA https://www.bilibili.com/video/av68082979/ Service Worker workbox.js https://developers.google.com/web/tools/workbox/ https://codelabs.developers.google.com/codelabs/workbox-lab/#0 https://github.com/GoogleChrome/workbox https://www.smashin…

1.1 JNI(Java Native Interface) 提供一种Java字节码调用C/C++的解决方案,JNI描述的是一种技术 1.2 NDK(Native Development Kit) Android NDK 是一组允许您将 C 或 C++("原生代码")嵌入到 Android 应用中的工具,NDK描述的是工具集. 能够在 Android 应用中使用原生代码对于想执行以下一项或多项操作的开发者特别有用: 在平台之间移植其应用. 重复使用现有库,或者提供其自己的库供重复使用.…

本篇介绍一下直播技术中推流与引流的简单实现. 1.流媒体服务器测试 首先利用快直播 app (其他支持 RTMP 推流与引流的 app 亦可)和 ffplay.exe 对流媒体服务器进行测试. 快直播 app 下载地址: https://apkpure.biz/cn.nodemedia.qlive/快直播 快直播的推流界面和引流界面: Windows 下利用 ffplay 进行引流,命令行执行: ffplay rtmp://192.168.0.0/live/test # ip 地址换成流媒体服务…

前言 时至今日,短视频App可谓是如日中天,一片兴兴向荣.随着短视频的兴起,音视频开发也越来越受到重视,而且薪资水涨船高,以一线城市为例,音视频工程开发的薪资比Android应用层开发高出40%. 但是由于音视频开发涉及知识面比较广,入门门槛相对较高,让许许多多开发者望而生畏. 虽然网上有很多的博文总结了音视频打怪升级的路线,但是音视频开发相关的知识都相对独立,有讲"音视频解码相关"的,有讲"OpenGL相关"的,也有讲"FFmpeg相关的",但…