首页 图片扫描线

图片扫描线

叠加经典 CRT 扫描线,呈现复古显示器观感——100% 在浏览器中完成。

源文件

将图片拖到此处

或点击选择文件

.jpg.png.webp.gif.bmp

选项

原始
扫描线后

什么是图片扫描线效果?

扫描线效果在图片上叠加均匀间隔的水平暗线,模仿老式阴极射线管(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 设计。用细微的扫描线纹理作为背景或点缀,暗示终端、仪表盘或抬头显示器。
  • 隐私与风格化。扫描线叠加可柔化截图中可识别的细节,同时保持整体构图可辨。

当您希望图像显得屏幕化、广播化或街机时代化时,扫描线是最快的实现方式。

如何为图片添加扫描线

添加扫描线只需几秒,全部在浏览器中完成——无需上传、无需注册、无水印。请按以下步骤操作:

  1. 上传图片。点击上传区或将 JPG、PNG、WebP、GIF 或 BMP 文件拖入。图片会立即解码并预览。
  2. 设置线频率。使用 1 到 10 的滑块。数值越小扫描线越密集;数值越大间距越大,条纹越细微。
  3. 选择输出格式。选择 PNG 获得无损质量、JPG 获得更小照片体积、或 WebP 兼顾大小与质量。
  4. 点击"应用扫描线"。工具会处理图片,并并排显示原始与结果文件大小。
  5. 下载结果。点击"下载扫描线图片"保存图像。原文件保持不变。

由于每一步都在浏览器中通过 JavaScript 本地执行,您的图片绝不会被上传到服务器。这使得工具完全私密、快速,并适合处理敏感图片。

这个扫描线工具免费吗?

完全免费,无需注册、无水印、无限制。

应该使用多少线频率?

从 3 开始获得经典 CRT 观感。较低值(1–2)产生密集、更暗的条纹;较高值(6–10)产生细微、间距较大的线条。

扫描线会改变图片颜色吗?

不会。扫描线只会暗化选中的行;色相保持不变。亮行保持原始颜色,只有扫描线行被减暗。

我的图片会被上传吗?

不会。所有处理都在本地完成,图片不会离开您的浏览器。