实时编辑图片库应用Imagor Studio

发表于 更新于 分类于 Waline： 阅读次数： 本文字数： 2.3k 阅读时长 ≈ 2 分钟
Imagor Studio 是一款自托管图片库和实时编辑 Web 应用程序，专为需要强大图像管理和编辑功能的创作者而设计。

简介

什么是 Imagor Studio ？

Imagor Studio 是一个自托管的图像画廊和实时编辑网页应用，旨在为创作者提供高性能的图像管理和编辑工具。该应用支持虚拟滚动和实时编辑，使用户能够方便地处理和展示图像。

主要特点

  • 高性能图像画廊：支持虚拟滚动，可即时生成缩略图，并流畅地浏览数千张图像。
  • 实时编辑能力：提供先进的图像编辑功能，包括颜色调整、特效、裁剪等，用户可以实时预览修改效果。
  • 零配置设置：提供简单的设置流程，支持通用存储方案，无需复杂的配置。
  • 非破坏性工作流程：所有编辑操作都是非破坏性的，用户可以随时恢复原始图像。
  • 即时 URL 生成：编辑后的图像可以立即生成可分享的 URL，方便用户进行分享和展示。
  • 触控优化界面：设计适应移动设备，同时保持桌面功能的完整性。
  • 快速启动：通过 Docker 快速运行，支持 SQLite 数据库和图像目录挂载。

应用场景

  • 个人摄影师：摄影师可以使用 Imagor Studio 来管理和编辑他们的作品，方便展示和分享。
  • 创作者和设计师：设计师可以利用该工具进行图像处理和修改，提升工作效率。
  • 内容创作者：博主和社交媒体内容创作者可以使用该应用来编辑和管理发布的图像。
  • 小型团队：小团队可以利用 Imagor Studio 进行协作，管理项目相关的图像资源。

Imagor Studio 是一个功能强大且灵活的工具，适合需要高效图像管理和编辑的用户。

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 shumc ，选择第三个 shumc/imagor-studio，版本选择 latest。

本文写作时， latest 版本对应为 0.6.16；

卷

在 docker 文件夹中，创建一个新文件夹 imagor-studio，并在其中建一个子文件夹 data 和 pictures。

注意：需要给 data 目录新增 Everyone 的 读取&写入权限，否则数据库创建会失败

文件夹 装载路径 说明
docker/imagor-studio/data /app/data 存放应用数据库等
docker/imagor-studio/pictures /app/gallery 存放你的图片（只读）

端口

本地端口不冲突就行。

本地端口 容器端口
8211 8000

环境

可变 值
DATABASE_URL sqlite:///app/data/imagor-studio.db

命令行安装

如果你熟悉命令行，可能用 docker cli 更快捷

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# 新建文件夹
mkdir -p /volume1/docker/imagor-studio/{data,pictures}

# 进入目录
cd /volume1/docker/imagor-studio

# 修改目录权限
chmod a+rw data

# 运行容器
docker run -d \
   --restart unless-stopped \
   --name imagor-studio \
   -p 8211:8000 \
   -v $(pwd)/data:/app/data \
   -v $(pwd)/pictures:/app/gallery:ro \
   -e DATABASE_URL="sqlite:///app/data/imagor-studio.db" \
   shumc/imagor-studio

也可以用 docker-compose 安装，将下面的内容保存为 docker-compose.yml 文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
version: '3'

services:
  imagor-studio:
    image: shumc/imagor-studio
    container_name: imagor-studio
    restart: unless-stopped
    ports:
      - "8211:8000"
    volumes:
      - ./data:/app/data
      - ./pictures:/app/gallery:ro
    environment:
      - DATABASE_URL=sqlite:///app/data/imagor-studio.db

然后执行下面的命令

1
2
3
4
5
6
7
8
9
10
11
12
13
# 新建文件夹
mkdir -p /volume1/docker/imagor-studio/{data,pictures}

# 进入目录
cd /volume1/docker/imagor-studio

# 修改目录权限
chmod a+rw data

# 将 docker-compose.yml 放入当前目录

# 一键启动
docker-compose up -d

运行

在浏览器中输入 http://群晖IP:8211 就能看到设置界面，首次启动会引导您完成管理员设置。

文件存储等，默认就可以

因为还没有导入照片，所以主界面还是空的

导入了一些图片

回到主界面刷新

打开任意一张图片，可以进行编辑处理

如果你觉得 Imagor Studio 好用，帮你解决了问题，可以点右上角的 Unregister，一次性付款 ，用于支持作者的持续开发

参考文档

cshum/imagor-studio: Self-hosted image gallery and live editing web application for creators
地址：https://github.com/cshum/imagor-studio

Imagor Studio
地址：https://imagor.net/

Introduction | Imagor Studio
地址：https://docs.studio.imagor.net/