前端架构Space_个人页

2026年08月

• 08.20 16:33:37
  发表了文章 2026-08-20 16:33:37

  怎么把一张图片变成真正能拼的图纸

  针对图片转豆图时颜色失真、细节丢失、色号不匹配等痛点，通过Lab色彩空间映射、Median Cut+K-means全局聚类、边缘感知采样及多层噪点清理等算法，兼顾“像原图”与“能拼出”
• 08.07 11:40:10
  发表了文章 2026-08-07 11:40:10

  从图片取色是怎么实现的？Canvas 像素读取、颜色换算与主色提取

  本文详解网页图片取色技术链路：Canvas绘制→坐标映射→像素读取→RGBA转HEX/RGB/HSL，并附放大镜精确定位与主色提取算法。推荐本地化、免上传的在线工具「鸭鸭图片取色器」，支持多方式加载、一键复制及配色分析。（239字）

2026年07月

• 07.20 11:09:50
  发表了文章 2026-07-20 11:09:50

  PNG、JPG、WebP 有什么区别？浏览器端图片格式转换原理与实践

  本文介绍一款纯浏览器端的在线图片格式转换工具（支持PNG/JPG/WebP/AVIF），详解各格式差异与适用场景，并分享如何利用Canvas、File API和toBlob()实现零上传、保隐私、高效率的本地转换方案。

2025年12月

• 12.23 16:11:26
  发表了文章 2025-12-23 16:11:26

  为什么网站图标要使用 ICO 格式？

  ICO 是专为图标设计的文件格式，支持多尺寸、多色深与透明度，广泛用于网站 favicon。凭借出色的浏览器兼容性、自动识别机制及单文件多尺寸特性，ICO 仍是网页图标首选，推荐结合 PNG、SVG 共同使用以兼顾兼容性与现代体验。（238 字）

2025年11月

• 11.25 17:57:43
  发表了文章 2025-11-25 17:57:43

  什么是 ws 和 wss

  本文深入解析 WebSocket 协议中 `ws` 与 `wss` 的区别，从原理、握手过程到 Node.js 实战部署，涵盖协议升级、TLS 加密、Nginx 反向代理及安全实践，助你构建稳定可靠的实时通信应用。