摘要：
双图输入的商品原位替换：我把场景底图、SKU参考图和验收顺序拆开了 做商品图替换时，最容易出错的不是提示词，而是两张参考图的角色没有说清楚。 一张图负责“场景是什么”，另一张图负责“要放进去的商品是什么”。如果把两张图都当成普通参考，模型可能把台面、光线、商品包装一起改掉，最后看起来像重新生成了一张 阅读全文
posted @ 2026-08-23 07:12
谙忆
阅读(2)
评论(0)
推荐(0)
摘要：
做过一个门店核销的小工具，前端要同时管两头：一头把一串核销码画成二维码给用户看，另一头调摄像头把店员手机上的码扫进来。听起来两个功能都是「装个库调一下」的活儿，真做起来一堆细节能把人绊倒——logo 盖上去扫不出来、暗光下识别率惨、iOS Safari 摄像头黑屏、扫描循环把 CPU 跑满。这篇把我 阅读全文
posted @ 2026-07-14 09:15
谙忆
阅读(26)
评论(0)
推荐(0)
摘要：
去年接手一个图片量很大的前端项目，首页光是首屏就有二十来张商品图，Lighthouse 天天在 LCP 上给我打红叉。老板不懂技术但会看数字，PSI 分数低于 90 就来问我"是不是又出问题了"。那阵子我把 WebP、AVIF、JPEG XL 挨个折腾了一遍，也在生产上翻过车。这篇就把当时的判断过程 阅读全文
posted @ 2026-07-14 07:50
谙忆
阅读(31)
评论(0)
推荐(0)
摘要：
做业务的时候，图片处理需求总是零零碎碎地冒出来：产品图要抠个背景、上传前要压一下体积、老素材要转 webp、扒来的图带水印要清、缩略图要放大到能印刷。每一件单独看都不大，但攒到一起，就成了一个绕不开的"图片处理"话题。 我这两年在几个项目里陆陆续续踩过坑，也做过几次选型。这篇不讲某个具体库怎么用，而 阅读全文
posted @ 2026-07-12 08:37
谙忆
阅读(5)
评论(0)
推荐(0)
摘要：
写博客、发技术文档、做个人主页，绕不开一件小事：图片放哪。你可能觉得这是芝麻大点的事，随手找个免费图床往里一扔就完了。但凡这么想过的人，多半都在某个深夜发现自己两年前博客里的图全变成了一片红叉。 这篇把「图床」这件事从头理一遍：它到底解决什么问题，有哪几条路，个人和小团队分别该怎么选，以及那些迟早会 阅读全文
posted @ 2026-07-12 08:35
谙忆
阅读(22)
评论(0)
推荐(0)
摘要：
做过前端图片处理的同学大概都撞过一堵墙：用户上传一张手机拍的 4000×3000 的照片，想在本地做个缩放、锐化、滤镜、格式转换，纯 JavaScript 写下来，主线程直接卡死几秒，页面转圈、按钮点不动，体验稀烂。 后端能解决，但把每张图都传上去处理，带宽、延迟、隐私、服务器成本样样是负担。于是「 阅读全文
posted @ 2026-07-11 14:27
谙忆
阅读(29)
评论(0)
推荐(0)
摘要：
做前端这些年，图片相关的坑踩得不比布局少。图片尺寸不受控、加载时页面抖一下、头像裁歪了、滤镜一多就卡……这些问题多数其实不用上 Canvas、也不用后端裁图，纯 CSS 就能解决大半。 这篇把我平时最常用的一批 CSS 图片处理技巧梳理成册：从 object-fit 自适应裁剪，到 aspect-r 阅读全文
posted @ 2026-07-11 08:55
谙忆
阅读(23)
评论(0)
推荐(0)
摘要：
做过在线图片工具、头像编辑器、或者简单的图片美化功能的前端，多半绕不开 Canvas 的像素处理。产品说"加个复古滤镜""让图片模糊一点""帮我描个边"，本质上都是在对一张图的每个像素做数学运算。这篇不讲怎么用现成的滤镜库，而是把底层机制掰开：一张图在 Canvas 里到底是什么、getImageD 阅读全文
posted @ 2026-07-11 08:54
谙忆
阅读(24)
评论(0)
推荐(0)
摘要：
做前端和后端这些年，图片格式选型的问题反复出现：产品图该存 JPEG 还是 WebP？图标用 PNG 还是 SVG？上了 AVIF 老浏览器打不开怎么办？很多人凭感觉选，结果要么体积白白大一截，要么在某些设备上直接裂图。这篇把六种主流格式的压缩原理、能力边界、兼容性摊开对比，再给一套按场景选型的判断 阅读全文
posted @ 2026-07-11 08:54
谙忆
阅读(33)
评论(0)
推荐(0)
摘要：
做过用户头像上传、证件照裁切、商品图预处理的前端同学，大概都被"图片裁剪"这个看似简单的需求折腾过。产品的原话往往是"就让用户框一下、转一下、放大缩小一下再上传"，听起来一句话的事，真动手你会发现坑一个接一个：拖出来的框和最终导出的像素对不上、iPhone 拍的竖图上传后自己躺平了、大图一裁浏览器直 阅读全文
posted @ 2026-07-11 06:21
谙忆
阅读(34)
评论(0)
推荐(0)
浙公网安备 33010602011771号