图片扫描线
叠加经典 CRT 扫描线,呈现复古显示器观感——100% 在浏览器中完成。
源文件
将图片拖到此处
或点击选择文件
选项
什么是图片扫描线效果?
扫描线效果在图片上叠加均匀间隔的水平暗线,模仿老式阴极射线管(CRT)显示器或模拟电视的外观。真实 CRT 中,电子束逐行描绘画面,每次扫描之间的间隙在磷光行之间留下淡淡的暗条纹。数字化重现这些条纹,可瞬间为任何静态图像赋予复古、广播或街机感,这是其他方式难以伪造的。
本工具完全在浏览器中重现这一效果。您上传图片,用线频率滑块选择扫描线的密集程度,工具会遍历每一行像素,将每隔 N 行变暗,留下清晰的暗条纹。由于整个流程都通过 JavaScript 与 Canvas API 在本地运行,不会上传任何内容,结果几乎瞬时生成。
扫描线滤镜的工作原理
本工具底层使用 Canvas 2D API。源图像被绘制到离屏画布上,随后 getImageData 返回原始像素缓冲区。线频率滑块控制图案周期——值为 N 时,每隔 N 行被选为扫描线。对于扫描线行上的每个像素,红、绿、蓝通道都乘以 0.5,将其亮度减半,产生明显的暗条纹。中间的行保持不变,因此亮行保持明亮,暗行降至一半强度。
频率 1 将每一行都变成扫描线,均匀暗化整张图片;频率 10 则每九个亮行才有一个暗行,产生非常细微的条纹。默认值 3 取得平衡——每两个亮行对应一个暗行——在正常观看距离上呈现令人信服的 CRT 磷光掩膜观感。
扫描线与其他复古效果的区别
扫描线常与其他复古图像处理混淆,但它的作用非常具体。棕褐色或颗粒滤镜会改变颜色或在整个画面添加随机噪点,而扫描线严格遵循几何规律:它施加一个规则的水平暗条纹网格,不改变色相也不添加随机性。这使得扫描线在您想暗示"屏幕"而非"胶片"时成为首选。
与像素化滤镜相比,扫描线保留所有原始细节,仅逐行调制亮度,因此底层图像仍然可读——只是看起来像显示在 CRT 上。扫描线也与其他复古效果搭配绝佳:在扫描线之上叠加一点光晕或色差,比任何单一效果都更能令人信服地呈现"从旧显示器截取"的观感。
何时使用扫描线
扫描线是一种风格选择,当作品需要呈现"显示在旧屏幕上"的感觉时,常用于游戏美术、平面设计和视频制作。常见场景包括:
- 游戏美术与截图。让 UI 草图、角色立绘或场景静帧看起来像是从运行在 CRT 上的 1980 年代街机或 16 位主机中截取的。
- 复古品牌与海报。在合成波、蒸汽波或赛博朋克主题设计的主图上叠加扫描线,强化模拟科技氛围。
- 视频缩略图与标题卡。为静态帧赋予暂停 VHS 录像带或广播显示器的观感,暗示伪纪录片或科幻叙事。
- 网页与 UI 设计。用细微的扫描线纹理作为背景或点缀,暗示终端、仪表盘或抬头显示器。
- 隐私与风格化。扫描线叠加可柔化截图中可识别的细节,同时保持整体构图可辨。
当您希望图像显得屏幕化、广播化或街机时代化时,扫描线是最快的实现方式。
如何为图片添加扫描线
添加扫描线只需几秒,全部在浏览器中完成——无需上传、无需注册、无水印。请按以下步骤操作:
- 上传图片。点击上传区或将 JPG、PNG、WebP、GIF 或 BMP 文件拖入。图片会立即解码并预览。
- 设置线频率。使用 1 到 10 的滑块。数值越小扫描线越密集;数值越大间距越大,条纹越细微。
- 选择输出格式。选择 PNG 获得无损质量、JPG 获得更小照片体积、或 WebP 兼顾大小与质量。
- 点击"应用扫描线"。工具会处理图片,并并排显示原始与结果文件大小。
- 下载结果。点击"下载扫描线图片"保存图像。原文件保持不变。
由于每一步都在浏览器中通过 JavaScript 本地执行,您的图片绝不会被上传到服务器。这使得工具完全私密、快速,并适合处理敏感图片。
这个扫描线工具免费吗?
完全免费,无需注册、无水印、无限制。
应该使用多少线频率?
从 3 开始获得经典 CRT 观感。较低值(1–2)产生密集、更暗的条纹;较高值(6–10)产生细微、间距较大的线条。
扫描线会改变图片颜色吗?
不会。扫描线只会暗化选中的行;色相保持不变。亮行保持原始颜色,只有扫描线行被减暗。
我的图片会被上传吗?
不会。所有处理都在本地完成,图片不会离开您的浏览器。