图像处理

浏览器端为什么导不出渐进式JPEG组里讨论首屏大图要不要换渐进式 JPEG 时有人问了一句很实在的话。既然渐进式能先糊后清，为什么浏览器里压出来的 JPG 全是基线式？我在图映 ImgIng 负责的就是端侧编解码，这个问题落到我头上不奇怪。先把实测的部分摆出来。我在一台 Apple M4 / 16 GB 的 Mac 上用 Chromium 149 开源构建的 toBlob 按质量 0.85 导出一张图，帧头是 SOF0。图映前几天测红字海报时留下的两份导出 JPG 帧头也是 SOF0。下面从编码这一侧拆原因，实测和推测我分开写。

Chrome读不了HEIC怎么办：原生解码和WASM两条路公司上个月办了个读者投稿活动。收上来的照片有一小半是 .heic，审核后台在 Chrome 里一张都预览不出来。同事问我能不能在网页里直接转 JPG。我先得搞清楚两件事：浏览器自己能读到什么程度？读不了的时候塞一个 WASM 解码器进去又要付出多少？测试用的是 Playwright 1.61.1 自带的三个内核构建。全部 headless，机器是 Apple M4 / 16 GB。样本是我用 sips 从合成图编出来的 HEIC，分 3MP、12MP 和 48MP 三档。它们不是 iPhone 拍的原片。

红色的字压成JPEG就发糊，查到最后是色度抽样国庆前社团让我做一张活动海报，正式文案还没定下来。我就先用代码画了一张练习图。上半截是红底黄字，下半截是一张白卡红字。我用自己写的网页小工具把它导出成 JPEG，放大一看红字边上裹着一圈发脏的粉边。质量从 0.80 调到 0.99 以后文件涨到了 2.25 倍。字边却几乎没变干净。这篇记下我一路查下去的过程。先弄清 RGB 怎么被拆成亮度和色度，再看 4:2:0 到底丢了什么。然后我用几十行 Python 自己复现了一遍，还读了 JPEG 文件头里的采样因子。后面几章讲黑字为什么没事，还有三个浏览器内核在

AI生成3D场景第一次进入总卡一下？用6步排查Shader编译、纹理上传与预加载把 AI 生成的 3D 场景、材质和模型批量导入 Unity、Unreal 或其他实时项目后，经常会遇到一种容易被平均帧率掩盖的问题：场景第二次进入很顺畅，第一次进入却会明显卡一下。

ISP标定-AWB标定（Auto White Balance，自动白平衡校准）自动白平衡校准（AWB）通过检测环境光的色温和光谱特性，自动调整图像中红、绿、蓝三色通道的增益比例，消除光源色偏，使白色区域在图像中呈现真实的白色。AWB能够适应多种光照环境，如日光、荧光灯、钨丝灯等，保证图像色彩还原自然准确。AWB标定通过动态校准不同光源的色温，确保拍摄场景中所有颜色的真实还原，避免因光源变化导致的色偏问题。

硬件学长森哥

成像技术实例-HDR视频技术基础本文整理了HDR视频相关的基础，从标准到实现方式以及软件流程一次整理好。总结了HDR视频常见的标准格式，以及HDR视频的几种实现方式涉及等技术，最后整理了HDR视频的软件实现流程。

工具页案例图如何编写 alt让图片说明与处理场景对应给案例图补上 alt 并不难，难的是让说明始终对应图片：原图和结果图说的是不是同一件商品，描述的是处理目标还是实际画面，图片加载失败后换了备用素材，文字有没有一起换？这些问题比“每张图都有 alt”更接近工具页的真实维护成本。

Photoshop2026新版 AI 功能实测，看这一篇就够了2026 年 5 月 Adobe 推送 Photoshop 2026（27.6 版本），本次更新重心落在 AI 生成能力、设计工作流简化、界面交互细节优化三块，创成式填充、智能修复、图层自动化管理等工具迎来底层升级。

定向 FGSM 攻击：让神经网络《指猫为狗》目录0、实验小猫1、什么是 FGSM 和对抗样本2、实验环境准备3、定向 FGSM 攻击4、详细步骤与代码

端侧AI能省多少服务器钱：把账换成字节算「端侧 AI 不花服务器钱」这句话我听过很多遍。我想给自己的小工具站加一个 AI 抠图，动手前先把这句话拆开算了一遍账：省掉的只有推理那台机器。其余开销没有消失而是换了形态：每个新访客的一次下载、用户屏幕前的等待、用户电脑里的内存，外加回退与兼容的成本。这篇全程只拿实测的字节数和耗时做算术。快速 AI 每个新访客首次要下载 50.18 MB，1000 个新访客就是 50.18 GB；其中 44.23 GB 走模型所在的第三方 CDN，5.95 GB 走网站自己。快速 AI 冷启动要等 14.6–16.0

【阅读笔记】Weighted Guided Image Filtering（WGIF）权重引导滤波论文信息：Zhengguo Li, Jinghong Zheng, Zijian Zhu, Wei Yao, Shiqian Wu. Weighted Guided Image Filtering.

安防监控夜视方案2026：AI全彩+边缘计算+云平台安防监控是夜视技术最大的应用市场。2026年AI全彩夜视+边缘计算+云平台的融合方案，正在替代传统红外监控。理解这套方案，是安防行业从业者的必备功课。

网页图片编辑器如何添加文字：字体、换行与导出一致性在网页图片编辑器中，添加文字看似只是调用 fillText，真正容易出问题的是字体还没加载就开始测量、预览和导出使用了两套换行规则，以及选择框尺寸没有跟着多行文字更新。本文结合图片猫 www.piccat.cn 前端的文字编辑器实现，说明怎样把文字对象、字体加载、测量换行和最终导出串成一条可验证的渲染链。

C# 基于OpenCv的视觉工作流-章110-YOLO 实例分割C# 基于OpenCv的视觉工作流-章110-YOLO 实例分割本章目标：一、模型训练；二、实例分割；实例分割优点在于得到更精确的目标边界，即识别结果中除了有矩形框参数外，额外多了一个区域掩膜。

搞科研的小刘选手

【工程院院士领衔 | SCI期刊专题同步征稿 | 湖南长沙举办】第五届图像处理、计算机视觉与机器学习国际学术会议(ICICML 2026)第五届图像处理、计算机视觉与机器学习国际学术会议(ICICML 2026)2026 5th International Conference on Image Processing, Computer Vision and Machine Learning

图片预览越来越占内存聊聊 URL.createObjectURL 的释放时机反复选图、切换预览、打开大图，再返回列表，页面里的图片换了一轮，旧资源却未必已经退出。排查这类问题时，我会先给每一次 createObjectURL 找到对应的使用者和结束条件，而不是看到内存上涨就直接认定泄漏。

网站支持HEIC上传要多大解码器？gzip后510KB我那个工具站的上传框只收 JPG、PNG 和 WebP，iPhone 用户直接传 HEIC 会被提示格式不支持。要不要补上 HEIC 我拖了很久。拖的原因很具体：Chrome 读不了 HEIC，想在浏览器里读就得多带一个解码器。它有多大？每个访客要替它付多少流量？这笔账我一直没算过。量体积时我用的是图映 ImgIng（https://imging.cn/）的 HEIC 读取，机器是 Apple M4 / 16 GB，内核是 Playwright 1.61.1 自带的 Chromium 149（headle

夜间野生动物监测：AI全彩夜视+AI行为分析方案野生动物的夜间行为研究是动物学的重要课题。传统观察方式（如红外触发相机）只能拍照片，无法实时观察。AI全彩夜视+行为分析的方案，让科研人员第一次能"看见"动物夜间的真实活动。

Micam 多容器太吃资源？用 Go2RTC + EasyNVR 给小米摄像头换一套轻量本地录像方案之前为了把小米摄像头录像留在自己的 NAS 里，我已经试过 Micam 这类多容器方案。功能能实现，但放到 N1 这种只有 2GB 内存的小设备上，常驻容器一多，资源压力很快就能感觉出来。对我来说，监控系统最重要的不是“组件越多越专业”，而是视频流能稳定出来、录像能真正落盘、回放时找得到，长期跑着也别把盒子拖得太累。现在 Go2RTC 已经能直接处理小米摄像头这一侧的接入，整条链路就有机会做得更短。监控这类长期运行的服务，我尤其不喜欢为了一个结果叠太多中间层，因为一旦某个容器异常，最后往往连“到底是谁没工

SVG 文件如何打开、预览与压缩？前端图标优化的一条龙做法SVG 是矢量格式，图标、图形、插画里用得很多，但不少人遇到两个问题：一是下载的 .svg 双击不知道用什么打开预览，二是 SVG 源码里常含冗余信息（注释、空白、无用属性），体积偏大。这篇把 SVG 的查看和优化讲清楚。一、SVG 是什么、为什么重要 SVG（可缩放矢量图形）用 XML 描述图形，放多大都不失真，体积通常比位图小，所以是网页图标、Logo、插画的首选格式。但它是文本文件，需要合适的工具来预览和优化。二、SVG 怎么查看和预览