跳到主要内容

Filerobot 图像编辑器

规格​

标签值
版本0.1.0（更新于 2024-04-21）
开发者Labii Inc.
类型章节
支持配置否

概述​

Filerobot 图像编辑器小插件提供功能强大且触控友好的图像编辑平台，专为科学图像记录和标注而设计。实验室工作人员可以在保持数据完整性的同时，编辑、标注和增强凝胶电泳结果、显微镜图像及设备读数等实验图像。此小插件可用于记录实验结果、为科学图像添加标注、应用精确测量，以及创建与电子实验记录本无缝集成的出版级图像。

信息

Pintura Image Editor 已由 Filerobot Image Editor 取代。

使用场景​

  • 凝胶电泳分析：在凝胶图像上标注条带、添加泳道标签、标记分子量指示物，并突出显示蛋白质或 DNA 片段
  • 显微镜图像增强：调整显微镜图像的亮度、对比度和色彩平衡，同时添加比例尺和标注
  • 实验记录：为设备读数、实验装置和操作照片添加箭头、文本标签和形状
  • 结果比较：使用实时比较功能显示处理前后的效果，或并排比较不同实验条件
  • 出版准备：调整图像大小、裁剪图像并添加水印，用于演示文稿、出版物和研究文档
  • 质量控制：使用带标注的图像记录产品缺陷、设备问题或质量控制检查点
  • 协作审核：与团队成员共享带标注的图像，以便协作分析和同行评审
  • 数据完整性：通过历史记录管理和版本控制保留图像编辑的审计追踪，以满足监管合规要求

界面​

只读视图​

只读视图以最终状态显示编辑后的图像，并保留编辑过程中添加的所有标注、调整和修改。此视图针对科学图像的审核、共享和导出进行了优化，可防止意外修改。

  • 数据显示：以实际分辨率呈现图像，并显示所有已应用的编辑、滤镜、标注和水印
  • 导航：使用缩放控件详细检查图像区域，并可平移大型图像
  • 导出选项：一键下载多种格式（PNG、JPEG、WebP）的编辑后图像，并可自定义质量设置
  • 比较模式：在原始版本和编辑后版本之间切换，以审核应用的所有修改
  • 元数据显示：查看图像尺寸、文件大小、格式和编辑历史摘要

Filerobot 图像编辑器只读视图，显示带标注的凝胶电泳图像

只读视图显示最终编辑后的图像，并保留所有标注和调整以供记录

编辑视图​

编辑视图提供全面的图像编辑界面，包含多种标注、调整和变换工具。该界面适用于桌面设备和触控设备，可在实验室平板电脑和工作站上使用。

  • 输入方式：从本地文件上传图像、从剪贴板粘贴图像，或使用状态导出/导入功能加载以前的会话
  • 编辑工具：
    • Annotate：添加文本标签、箭头、形状（矩形、圆形、多边形）和自由绘图
    • Adjust：调整亮度、对比度、饱和度、曝光度和色温，并实时预览
    • Filters：应用预定义滤镜来增强图像（锐化、模糊、灰度、棕褐色等）
    • Crop & Resize：锁定宽高比进行精确裁剪，并按尺寸调整大小
    • Watermark：添加文本或图像水印，并自定义位置和不透明度
    • Transform：旋转、翻转和调整透视，以对齐图像
  • 格式选项：
    • 自定义所有标注的颜色、线条粗细和不透明度
    • 为文本标注选择字体、调整字号并设置文本样式（粗体、斜体）
    • 使用堆叠控制管理复杂标注的图层
  • 验证：保存前实时预览所有编辑，并自动验证图像尺寸和文件大小
  • 协作：可以同时选择和变换多个标注，便于创建复杂的图像文档
  • 历史记录管理：不限次数的撤销/重做操作，并可一键重置为原始图像

Filerobot 图像编辑器编辑视图，显示标注工具和调整面板

编辑视图通过直观界面提供用于标注和调整实验室图像的全面工具

配置​

初始设置​

Filerobot 图像编辑器只需少量配置即可开始使用，同时提供丰富的自定义选项，以适应实验室的特定工作流程。

前往要添加图像编辑功能的章节，然后单击 Add Widget

在小插件库的 Office 类别中选择 Filerobot Image Editor

上传初始图像或从空白画布开始编辑

必需设置​

Filerobot 图像编辑器使用默认设置即可运行。基本图像编辑功能不需要任何必需配置。

可选设置​

  • Default Export Format：设置导出图像的首选格式（PNG、JPEG 或 WebP）。需要无损质量的科学图像建议使用 PNG
  • Quality Settings：配置默认 JPEG 质量（1-100）和 WebP 导出质量
  • Watermark Template：预先配置可快速应用到图像的公司水印（徽标、文本或两者）
  • Color Palette：为标注定义自定义颜色预设，以符合实验室的文档标准
  • Maximum Image Size：设置图像尺寸或文件大小限制，以优化性能
  • Enable Features：根据用户权限或工作流程要求启用或禁用特定编辑功能
信息

此小插件使用针对科学图像编辑优化的默认值。大多数实验室无需自定义配置即可立即开始使用编辑器。

高级配置​

对于专业实验室工作流程或合规要求：

从小插件配置面板访问 Advanced Settings

配置 State Management 设置：

  • 启用自动状态保存以保留编辑会话
  • 为长时间编辑会话设置自动保存间隔
  • 配置用于共享编辑模板的状态导出格式

设置 Compliance Features：

  • 启用编辑历史记录日志，以符合 FDA 21 CFR Part 11 要求
  • 为受监管环境配置审计追踪设置
  • 为最终图像设置数字签名要求

定义 User Interface Preferences：

  • 自定义工具栏布局和可用工具
  • 设置默认缩放级别和画布大小
  • 为平板电脑用户配置触控灵敏度

单击 Save Configuration 应用所有高级设置

注意

高级配置选项会影响用户与图像交互的方式，并可能影响合规工作流程。在部署到生产环境之前，请在开发环境中进行全面测试。

其他功能​

数据导入/导出​

  • 导入：

    • 支持所有常见图像格式：PNG、JPEG、JPG、GIF、WebP、BMP、TIFF
    • 通过拖放上传或浏览选择文件
    • 直接从剪贴板粘贴图像
    • 从 URL 加载远程资源图像
    • 通过状态文件（JSON 格式）导入以前的编辑会话

  • 导出：

    • 多种格式选项：PNG（无损）、JPEG（压缩）、WebP（现代压缩）
    • 可针对每种格式自定义质量设置
    • 按原始尺寸或自定义尺寸导出
    • 可选择保留研究数据的元数据

使用可用的标注和调整工具完成图像编辑

单击工具栏中的 Save 或 Export 按钮

选择所需格式：

  • PNG：最适合要求无质量损失的科学图像
  • JPEG：适合照片以及需要较小文件大小的图像
  • WebP：具有出色压缩效果的现代格式，适合通过 Web 共享

根据需要调整质量设置（JPEG：1-100，WebP：1-100）

单击 Download 将编辑后的图像保存到设备，或单击 Save to Labii 直接附加到记录

状态导出/导入（实验性功能）​

此功能可用于协作编辑和工作流程模板：

编辑图像后，单击工具栏中的 Export State 按钮

保存包含所有编辑信息（标注、调整、滤镜）的导出 JSON 文件

若要稍后继续编辑或与同事共享，请单击 Import State 并选择保存的 JSON 文件

编辑器将恢复完全相同的编辑会话，使您可以从上次停止的位置继续，或在相似图像上复制编辑操作

信息

状态导出特别适合为重复实验（例如凝胶泳道或显微镜网格）创建标准化标注模板，也可用于培训团队成员正确记录图像。

实时比较功能​

实时比较原始版本和编辑后版本：

  • Split View：在图像上拖动滑块，并排显示原始版本和编辑后版本
  • Toggle Mode：单击按钮，在原始版本和编辑后版本之间快速切换
  • Before/After Preview：用于记录图像调整并保持数据完整性
  • Audit Documentation：提供所有修改的可视证据，以满足监管合规要求

历史记录管理​

全面控制所有编辑的版本：

  • Unlimited Undo/Redo：在整个编辑历史记录中后退或前进
  • History Timeline：通过可视时间线按顺序显示所有编辑操作
  • Selective Revert：跳转到编辑历史记录中的任意时间点
  • Reset to Original：一键恢复未编辑的图像
  • History Export：保存完整编辑历史记录，用于审计追踪文档

移动端和触控支持​

针对实验室平板电脑和移动设备进行了优化：

  • Touch Gestures：通过双指缩放、双指平移和长按进行精确操作
  • Responsive Interface：自动适应不同屏幕尺寸
  • Stylus Support：提高平板电脑数字笔用户的操作精度
  • Mobile Upload：直接集成相机，可现场拍摄和编辑图像

性能优化​

专为高效处理大型科学图像而构建：

  • Tree-shaking：ES6 库设计会移除未使用的代码，从而加快加载速度
  • Lazy Loading：按需加载工具和功能，缩短初始加载时间
  • Image Optimization：自动优化大型文件且不损失质量
  • Canvas Rendering：使用硬件加速呈现，带来流畅的编辑体验

最佳实践​

数据整理​

  • 使用一致的命名规则整理图像文档，以便检索（例如 "Gel_Experiment123_Lane1-8_2024-03-15"）
  • 使用描述性标注清楚标识重要特征（分子量、样品 ID、感兴趣区域）
  • 在同一记录章节中整理相关图像，为实验工作流程提供上下文文档
  • 在说明文字中添加元数据，描述实验条件、设备设置和采集参数

图像质量和完整性​

  • 始终使用高分辨率原图，并单独保存编辑后的版本，以保留源数据
  • 对需要无损质量的科学图像（凝胶、Western 印迹、显微镜图像）使用 PNG 格式
  • 完成编辑前启用实时比较，确认调整没有遮盖重要数据
  • 在记录备注中记录所有重大编辑，确保同行评审和审计过程透明
  • 对可能需要修改或复制的复杂标注，导出并保存编辑状态

标注最佳实践​

  • 在不同实验中使用一致的颜色编码（例如红色表示阳性结果，蓝色表示对照）
  • 应用具有足够对比度的文本标注，确保数字版和印刷版均清晰易读
  • 为显微镜图像添加比例尺，提供尺寸背景信息
  • 谨慎使用箭头和形状，在突出主要特征的同时避免图像过于杂乱
  • 使用状态导出创建标注模板，确保相似实验采用标准化文档

性能优化​

  • 在进行大量编辑前，将大型图像调整到合适尺寸，以提高响应速度
  • 仅特定区域需要调整时，使用选择性编辑，而不是应用全局滤镜
  • 对于非常长的编辑会话，定期清除编辑历史记录以释放内存
  • 对于批量操作，使用导出的状态模板快速对多张图像应用一致的编辑

应避免的常见问题​

  • 避免过度编辑：过多的滤镜或调整可能会遮盖原始数据，并引发对数据完整性的质疑
  • 避免破坏性编辑：始终保留原始图像；使用编辑器带历史记录管理的非破坏性工作流程
  • 避免低质量导出：对出版图像使用高强度 JPEG 压缩可能会在科学图像中产生伪影
  • 正确做法：科学图像使用 PNG，单独保留原图，并透明记录所有调整
  • 避免含糊的标注：不清晰的标签或未标记的区域可能让协作者和审核人员感到困惑
  • 正确做法：为所有标注使用清晰的描述性文本，并采用适当的颜色和位置

维护和故障排除​

  • 定期检查图像文件大小，在不影响质量的前提下提高存储效率
  • 监控导出设置，确保不同文档中的设置保持一致
  • 如果编辑器运行缓慢，请减小图像尺寸或关闭其他浏览器标签页以释放内存
  • 如果标注出现像素化，请在配置设置中提高画布分辨率
  • 对于触控设备问题，请在高级设置中校准触控灵敏度，或使用触控笔提高精度
编辑此页
最后由 Yonggan Wu 于 更新