剪藏#剪藏#各种折腾

实时编辑图片库应用Imagor Studio

2025 年 10 月 8 日1 分钟
分享Twitter / XTelegram微博
实时编辑图片库应用Imagor Studio 封面

简介

什么是 Imagor Studio ?

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

主要特点

  • 高性能图像画廊:支持虚拟滚动,可即时生成缩略图,并流畅地浏览数千张图像。

  • 实时编辑能力:提供先进的图像编辑功能,包括颜色调整、特效、裁剪等,用户可以实时预览修改效果。

  • 零配置设置:提供简单的设置流程,支持通用存储方案,无需复杂的配置。

  • 非破坏性工作流程:所有编辑操作都是非破坏性的,用户可以随时恢复原始图像。

  • 即时 URL 生成:编辑后的图像可以立即生成可分享的 URL,方便用户进行分享和展示。

  • 触控优化界面:设计适应移动设备,同时保持桌面功能的完整性。

  • 快速启动:通过 Docker 快速运行,支持 SQLite 数据库和图像目录挂载。

应用场景

  • 个人摄影师:摄影师可以使用 Imagor Studio 来管理和编辑他们的作品,方便展示和分享。

  • 创作者和设计师:设计师可以利用该工具进行图像处理和修改,提升工作效率。

  • 内容创作者:博主和社交媒体内容创作者可以使用该应用来编辑和管理发布的图像。

  • 小型团队:小团队可以利用 Imagor Studio 进行协作,管理项目相关的图像资源。

Notion image

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

安装

在群晖上以 Docker 方式安装。

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

本文写作时, latest 版本对应为 0.6.16

Notion image

docker 文件夹中,创建一个新文件夹 imagor-studio,并在其中建一个子文件夹 datapictures

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

Notion image

docker/imagor-studio/data /app/data 存放应用数据库等
docker/imagor-studio/pictures /app/gallery 存放你的图片(只读)

Notion image

端口

本地端口不冲突就行。

8211 8000

Notion image

环境

DATABASE_URL sqlite:///app/data/imagor-studio.db

Notion image

命令行安装

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

JAVASCRIPT
# 新建文件夹
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 文件

JAVASCRIPT
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

然后执行下面的命令

JAVASCRIPT
# 新建文件夹
mkdir -p /volume1/docker/imagor-studio/{data,pictures}

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

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

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

# 一键启动
docker-compose up -d

Notion image

运行

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

Notion image

文件存储等,默认就可以

Notion image

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

Notion image

导入了一些图片

Notion image

回到主界面刷新

Notion image

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

Notion image

如果你觉得 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/

@所有人:写文不易,如果你都看到了这里,请点个在看,分享给更多的朋友;为确保你能收到每一篇文章,请主页右上角设置星标。

原文地址: https://mp.weixin.qq.com/s?__biz=MzI1NTQxMzc3MA==&mid=2247511228&idx=1&sn=670f417edf281708d6871cf9156a4a48&chksm=eb19743ad0b6aeb03e4733ee44d3cef7e4a465432d71a46d3df06dadb24774f9f8ec7fbc6773&mpshare=1&scene=1&srcid=1008w9h2M4QZFFNqI49MdZ5z&sharer_shareinfo=1cdcdc96fcf56a6b6e48e65d47fb2230&sharer_shareinfo_first=1cdcdc96fcf56a6b6e48e65d47fb2230#rd

相关文章