简单易用,功能强大。

作为一个图片编辑工具,可以在线对图片进行处理并保存到本地。轻点鼠标,拖拽、连接所需要的功能面板就可以完成操作。
支持像素级别的修改、美化,包含曲线编辑、像素处理、高斯模糊、仿Lomo效果、素描、美肤等预置特效,能够实时预览修改的结果。

基于 JavaScript 以及 HTML5 技术制作,随时在线编辑。

通过 JavaScript 在 HTML5 的基础上实现了在网页浏览器中编辑处理图片的能力。
无需在计算机中安装应用程序,访问网络就可以方便地修改图片。
鉴于 HTML5 技术的特性,建议使用 QQ浏览器(9.6.5) 或者较新版本的 Chrome(61.0.31) 、 Opera(45.0) 等支持 HTML5 技术的浏览器。出于对 JavaScript 兼容性的考虑,不同浏览器在表现上会有所差异,因而不保证支持 IE 与 FireFox 浏览器!

免费、开源,敬请随心使用,没有任何限制。

这是一个免费的图片编辑工具,以 NORYOM/FlowEngine 为基础编写操作界面,图像处理核心采用 AlloyImage 图片图像处理库。
从这里起步
  • 基本的操作界面

    在操作界面上首先看到的是顶部一排按钮,点击它们将会添加相应的功能面板到下面的网格中。

    • 文件 - 提供选取文件的面板,选择要处理的图像文件
    • 预览 - 实时观察编辑修改的效果
    • 保存 - 把修改后的结果保存下来
    • 曲线编辑器 - 通过曲线调整图像明暗灰度等
    • 效果 - 包括美肤、素描、仿Lomo、柔焦等14项预置的滤镜特效
    • 像素处理 - 包括灰度、反色等简单的图像效果
    • 高斯模糊 - 对图像进行高斯模糊处理
    • 数值 - 输出数值,给其他需要配合使用的功能面板提供参数
  • 简易的拖拽方式

    通过连线连接两个功能面板,可以将图像数据传递下去,对图像的编辑修改都是通过连线来完成的。

    • 几乎所有功能面板右下方都有输出端口(一个小圆圈),而输入端口则排列在面板左上方
    • 用鼠标选择并按住一个面板的输出端不放,输入端会呈现出蓝色,移动鼠标可以拖拽出一条连线
    • 将连线拖拽到想要连接的面板的输入端后,输入端会呈现出绿色,此时放开鼠标使连线固定,两个面板就连接成功了
    • 如果想要断开连接,请从输入端按下鼠标并拖拽连线至其他任意地方后松开
  • 连线法则

    在操控连线连接两个功能面板的时候需要明白一些操作上的注意事项,否则会对工具的使用产生一定的疑问和影响

    • 所有的连线必须从输出端开始,输入端不能拖拽出一条连线
    • 当输出/输入端已经被连接(被占用)时将显示为黄色
    • 输出端可以有多个连接,但是输入端只能有一条连线
    • 当试图拖放一条连线在已经被占用的输入端上时,输入端会显示红色并提出警示信息
    • 一个面板的输出端可以连接到自己的输入端,不过这在应用中没有什么实际意义
  • “效果” 和 “像素处理”

    使用“效果”和“像素处理”两个功能面板预置了十几种的图像滤镜,可以轻松地使图像产生期望的特效

    • 添加 “效果” 或 “像素处理” 面板后,从下拉框中选择想要使用的滤镜
    • “效果”面板中包含了多达14种滤镜,且与 PhotoShop 相对应
    • “像素处理”拥有四种像素级别的处理功能
  • 高斯模糊

    高斯模糊需要配合 “数值” 面板一起使用,这样处理是因为在预览面板中显示的是缩略图,其效果和实际尺寸图像的模糊效果会有偏差。通过数值作为参数可以更精确地设定模糊效果。

    • 把 “高斯模糊” 和 “数值” 面板添加到网格视图中
    • 图像的来源连接到 “输入图片” 端口
    • “数值” 的输出端与 “模糊参数” 端口连接
    • 在 “数值” 面板上点击 “+” 或 “-” 按钮来分别选择百位数、十位数和个位数
    • 当数值为 0 时不会产生模糊效果,最小值请从 1 开始
  • 曲线编辑器

    曲线编辑器是一个非常有用的工具,它可以进行图形明暗的调节。如果你了解直方图,那将能够非常方便地使用这个工具。

    • 将图像来源与曲线编辑器连接,它的输出将是经过明暗(灰度)调节的图像
    • 曲线编辑器中从左下方到右上方有一条实线,线中间会有一个或多个控制点
    • 用鼠标选中并拖拽实线上的控制点来改变图像明暗
    • 在曲线编辑器面板右下方的 “+” 和 “-” 两个按钮分别表示添加或删除曲线控制点
    • 控制点最多有 8 个,最少为 0
    • 当有多个控制点时,最近操控过的那个控制点显示为黄色
开启新世界
  • 拖拽进行连接


  • 断开连接


  • 多个输出与单个输入


  • 像素处理


  • 滤镜效果


  • 高斯模糊


  • 曲线编辑器