欢迎来到第 77 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介
🔥强烈推荐
- UPNG.js - 纯前端实现PNG图片压缩
- 视频：Deno 团队介绍 JSR，涵盖了主要动机和功能
- 摸头杀生成
🔧开源工具&技术资讯
- fig 团队加入亚马逊
- fx - 终端中友好的处理JSON
- cmdk - 命令行式的React菜单组件
🤖AI工具&资讯
- Chat Nio - 下一代 AI 一站式解决方案
- StickerBaker - 个性化贴纸生成工具
也推荐大家关注一下最后的推荐内容（周刊的主要内容来源渠道）
下面开始本期内容的介绍，预计阅读时间 7 分钟。
🔥强烈推荐
1. UPNG.js - 纯前端实现PNG图片压缩
一个轻量且极速的 PNG/APNG 编码和解码库，Photopea 图像编辑器的主要 PNG 引擎。
引入后简单几行代码调用即可实现 PNG 图片压缩。
ts
import UPNG from 'upng-js'
async function compressPNG(file: File) {
const arrayBuffer = await file.arrayBuffer()
const decoded = UPNG.decode(arrayBuffer)
const rgba8 = UPNG.toRGBA8(decoded)
// 关键的压缩方法
// 这里 保持宽高不变，保持80%的质量（接近于 tinypng 的压缩效果）
const compressed = UPNG.encode(
rgba8,
decoded.width,
decoded.height,
256 * 0.8
)
return new File([compressed], file.name, { type: 'image/png' })
}压缩效果接近于 tinypng 。
2. 视频：Deno 团队介绍 JSR，涵盖了主要动机和功能
现状：npm包
- 将编写的
TS转为JS - 编译产物包含
CJS和ESM两种 - 生成
d.ts定义文件 - 创建文档站介绍使用
为了简化整个流程提出了 JSR 这个替代方案。
JSR 的一些特性：原生TS 支持, 仅支持 ESM, 运行时无关, npm 超集, JSDoc 注释自动生成文档。
3. 摸头杀生成
使用非常简单
GIF 图片合成使用 gif.js
🔧开源工具&技术资讯
4. fig 团队加入亚马逊
产品将在 9月1日 停止服务，推荐用户迁移到 CodeWhisperer。
CLI工具目前只有Mac 版本，迁移后使用体验和 fig 一样。
5. fx - 终端中友好的处理JSON
CLI 工具（Go 实现），下面是使用示例：
sh
fx package.json
可以很友好的在终端里查看、搜索、修改 JSON 文件内容。
支持 windows！
6. cmdk - 命令行式的React菜单组件
🤖AI工具&资讯
7. Chat Nio - 下一代 AI 一站式解决方案
一站式 Chat + 中转 API 站点，支持 OpenAI，Midjourney，Claude，讯飞星火，Stable Diffusion，DALL·E，ChatGLM，通义千问，腾讯混元，360 智脑，百川 AI，火山方舟，新必应，Gemini，Moonshot 等模型，支持对话分享，自定义预设，云端同步，模型市场，支持弹性计费和订阅计划模式，支持图片解析，支持联网搜索，支持模型缓存，丰富美观的后台管理与仪表盘数据统计。
有使用诉求，或搭建多模型聚合平台的可以参考，项目开源支持私有化部署。
8. StickerBaker - 个性化贴纸生成工具
访问 stickerbaker.com/ 即可使用，效果还行。
支持关键词生成，人脸图转换。
😛趣图
起因： 
篇幅有限，如果你还没看够，可移步后面的推荐渠道，继续游览，历史周刊（<20）移步博客
⭐️强力推荐关注
- 阮一峰: 科技爱好者周刊 - 记录每周值得分享的科技内容，周五发布
- 云谦：MDH 前端周刊 - 前端资讯和分享
- 童欧巴：前端食堂 - 你的前端食堂，吃好每一顿饭
- 前端RSS - 根据 RSS 订阅源抓取最新前端技术文章
- 值得一读技术博客 - 每天进步一点点，每天分享有料的技术文章！
- FRE123 技术周刊精选 - 前后端技术周刊精选推荐信息流