






# 一、 Imagor Studio介绍






## 1.1 Imagor Studio 简介
>`Imagor Studio` 是一款自托管的高性能图像画廊与实时编辑网络应用，专为创作者设计，结合虚拟滚动流畅展示与非破坏性编辑工作流，支持桌面与移动端无缝操作。

## 1.2  Imagor Studio主要特点
- 高性能图像画廊：基于 Imagor 引擎，支持虚拟滚动，实现海量图片的快速加载与流畅浏览。
- 零配置部署：开箱即用，无需复杂设置，兼容通用存储方案，简化部署与维护流程。
- 非破坏性编辑工作流：所有编辑操作保留原始图像，确保数据安全，支持随时回溯修改。
- 实时图像编辑：提供实时预览的编辑功能，包括颜色调整、特效应用、裁剪等专业工具。
- 即时生成编辑URL：每次编辑自动生成可分享的图像URL，便于协作与嵌入使用。
- 触摸优化界面：专为移动设备优化触控操作，同时保留桌面端完整功能，体验一致流畅。
















# 二、本次实践规划
## 2.1 本地环境规划
>本次实践为个人测试环境，操作系统版本为 Ubuntu 24.04.2 LTS。


|hostname| IP地址  | 操作系统版本   |Docker版本   |部署项目|备注
|--|--| --|  --|--|--|
|jeven |192.168.3.88  | Ubuntu 24.04.2 LTS| 28.5.0   | Imagor Studio |  ——


## 2.2 本次实践介绍
>1.本次实践部署环境为个人测试环境，生产环境请谨慎；
>2.在Docker环境下部署Imagor Studio图片编辑工具。





# 三、本地环境检查

## 3.1 检查Docker服务状态
>检查Docker服务是否正常运行，确保Docker正常运行。



```bash
root@jeven:~# systemctl status docker
● docker.service - Docker Application Container Engine
     Loaded: loaded (/usr/lib/systemd/system/docker.service; enabled; preset: enabled)
     Active: active (running) since Sat 2025-10-04 13:29:05 UTC; 2 days ago
TriggeredBy: ● docker.socket
       Docs: https://docs.docker.com
   Main PID: 888 (dockerd)
      Tasks: 65
     Memory: 1.2G (peak: 1.4G)
        CPU: 3min 23.296s
     CGroup: /system.slice/docker.service
```



## 3.2  检查Docker版本
>检查Docker版本

```bash
root@jeven:~# docker -v
Docker version 28.5.0, build 887030f
```


## 3.3 检查docker compose 版本
>检查Docker compose版本，确保2.0以上版本。


```bash
root@jeven:~# docker compose version
Docker Compose version v2.39.4

```


# 四、拉取Imagor Studio镜像
>下载Imagor Studio容器镜像，镜像名称： `registry.cn-hangzhou.aliyuncs.com/jeson/imagor-studio:0.6.7`



```bash
docker pull registry.cn-hangzhou.aliyuncs.com/jeson/imagor-studio:0.6.7
```




![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-4995888/38337624348eda8e6015a64b32405245.png)



















































# 五、部署Imagor Studio服务


## 5.1 创建部署目录
- 创建部署目录

```bash
mkdir -p /data/imagor-studio/{data,pictures}  && cd  /data/imagor-studio
```

- 目录授权工作

```bash
chmod -R 777 /data/imagor-studio
```

## 5.2 编辑部署文件

>使用docker-cli方式部署，可参考以下命令：


```bash
docker run -d \
   --restart unless-stopped \
   --name imagor-studio \
   -p 9200:8000 \
   -v $(pwd)/data:/app/data \
   -v $(pwd)/pictures:/app/gallery:ro \
   -e DATABASE_URL="sqlite:///app/data/imagor-studio.db" \
   registry.cn-hangzhou.aliyuncs.com/jeson/imagor-studio:0.6.7


```

>在部署目录下，创建docker-compose.yaml文件，如下所示：


```bash
vim docker-compose.yaml
```

```yaml
version: '3'

services:
  imagor-studio:
    image: registry.cn-hangzhou.aliyuncs.com/jeson/imagor-studio:0.6.7
    container_name: imagor-studio
    restart: always
    ports:
      - "9200:8000"
    volumes:
      - ./data:/app/data
      - ./pictures:/app/gallery:ro
    environment:
      - DATABASE_URL=sqlite:///app/data/imagor-studio.db


```












## 5.3 创建Imagor Studio容器
>执行以下命令，创建Imagor Studio容器。


```bash
docker compose up -d
```



![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-4995888/e8dfd0b18c9434c526c9d8d2fd2fcd53.png)















































## 5.4 查看Imagor Studio容器状态
>检查Imagor Studio容器运行状态，确保Imagor Studio容器正常启动。

```bash
root@jeven:/data/imagor-studio# docker compose ps
WARN[0000] /data/imagor-studio/docker-compose.yaml: the attribute `version` is obsolete, it will be ignored, please remove it to avoid potentialconfusion
NAME            IMAGE                                                         COMMAND                  SERVICE         CREATED          STATUS       PORTS
imagor-studio   registry.cn-hangzhou.aliyuncs.com/jeson/imagor-studio:0.6.7   "/usr/local/bin/imag…"   imagor-studio   28 seconds ago   Up 28 seconds   0.0.0.0:9200->8000/tcp, [::]:9200->8000/tcp
```









## 5.5 检查Imagor Studio容器日志

>检查容器运行日志，确保Imagor Studio服务正常运行。




```bash
docker compose logs
```


![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-4995888/2624785a16ebd0f6b9b97ed1d584fed2.png)

























































# 六、访问Imagor Studio服务






## 6.1访问Imagor Studio初始页








>浏览器地址： `http://<个人的服务器IP>:9200`，访问Imagor Studio初始页。如果无法访问，请确保宿主机的防火墙已关闭或已放行相关端口，对于云服务器还需配置相应的安全组规则。



![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-4995888/9991138b8ee78bf69e3e3d34bdb28496.png)
## 6.2 注册账号

>填写登录账号信息，填写完毕后，确认创建即可。

![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-4995888/ad1631d53dbc5527f7e3ac62a3fcb67a.png)
## 6.3 文件存储设置

>选择默认配置即可，确认选择文件存储。


![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-4995888/869ca49a4e9fd04467c8329ce081770e.png)
## 6.4 系统设置

>可选择首页标题名称，自行设置或者默认都可以，点击“Next”后，进入到Imagor Studio主页。

![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-4995888/ba26fd68dcde590259d752c9c2e1ca98.png)

![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-4995888/fdbf83ea0900e739e7f80cc327f69dd1.png)
## 6.5 上传图片

>在宿主机图片存储目录上传图片，如下所示：

```bash
root@jeven:/data/imagor-studio/pictures# pwd
/data/imagor-studio/pictures
root@jeven:/data/imagor-studio/pictures# ls
中秋图片.jpg
```
![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-4995888/7dc23d9f039f9ed19db8be2ba72c00b4.png)


>浏览器刷新Imagor Studio主页，可以看到图片正常显示。

![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-4995888/abb484c11ab4252eb7fd2c482a6cbdab.png)


## 6.6 编辑图片

>双击打开刚才上传的图片，点击编辑选项，可以对图片进行编辑处理。


![在这里插入图片描述](https://developer.qcloudimg.com/http-save/yehe-4995888/1088e42a4a6a532bae45429ecbf855a0.png)


# 七、总结


>通过本次实践，我们成功使用Docker部署了功能强大的自托管图像管理工具Imagor Studio。Imagor Studio不仅提供了高性能的图像画廊体验，还支持实时编辑、非破坏性工作流和即时生成编辑URL，极大提升了图像处理效率。其触摸优化的界面确保了在移动设备和桌面端都能获得流畅一致的操作体验。整个部署过程简单高效，是创作者和开发者管理与处理图像资源的理想选择。




Imagor Studio 是一款自托管的高性能图像画廊与实时编辑网络应用，专为创作者设计，结合虚拟滚动流畅展示与非破坏性编辑工作流，支持桌面与移动端无缝操作。

开源利器Imagor Studio：基于Docker容器化部署全过程

开发工具

音视频

后端

ImagorStudio是一款高性能自托管图像管理工具，支持虚拟滚动浏览、非破坏性编辑和实时预览功能。本文详细介绍在Ubuntu24.04系统下使用Docker部署ImagorStudio的完整流程，包括环境检查、镜像拉取、容器创建和服务访问等步骤，帮助用户快速搭建个人图像处理平台。

云服务器

数据安全

文件存储

图像处理

服务器

防火墙

容器

Docker

2026上云采购 | AI焕新·智启新局

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

开源利器Imagor Studio：基于Docker容器化部署全过程-腾讯云开发者社区-腾讯云

开源利器Imagor Studio：基于Docker容器化部署全过程

开源利器Imagor Studio：基于Docker容器化部署全过程

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐