在FiftyOne浏览器端加载.tiff数据集遇问题，求可行解决方案

以下是几个可行的解决方案，避开浏览器扩展和Safari的局限性：

方案1：批量转换TIFF为通用图像格式（最直接） #

不用修改FiftyOne配置，直接将TIFF批量转成PNG/JPG格式，既保留原数据集，又能让FiftyOne完美识别。用Python的Pillow库即可实现：

import os
from PIL import Image

def convert_tiff_to_png(input_dir, output_dir):
    os.makedirs(output_dir, exist_ok=True)
    for filename in os.listdir(input_dir):
        if filename.lower().endswith((".tiff", ".tif")):
            img_path = os.path.join(input_dir, filename)
            with Image.open(img_path) as img:
                # 保存为无损PNG，也可替换为JPEG格式
                output_path = os.path.join(output_dir, os.path.splitext(filename)[0] + ".png")
                img.save(output_path, "PNG")

# 示例调用，替换为你的实际路径
convert_tiff_to_png("/path/to/your/tiff_dataset", "/path/to/converted_png_dataset")

转换完成后，直接用fiftyone.types.ImageDirectory加载转换后的文件夹，不会出现格式不支持提示，浏览器预览也完全正常。

方案2：扩展FiftyOne的TIFF支持（无需转换原文件） #

FiftyOne允许自定义媒体处理后端，我们可以注册一个支持TIFF的ImageBackend，用Pillow直接加载TIFF图像：

1. 先安装依赖：

pip install pillow fiftyone

2. 编写自定义后端并注册：

import fiftyone.core.media as fom
from PIL import Image
from io import BytesIO

class TIFFImageBackend(fom.ImageBackend):
    def __init__(self, filepath):
        super().__init__(filepath)
        self._img = None

    def get_data(self):
        if self._img is None:
            with Image.open(self.filepath) as img:
                # 转换为RGB格式，确保浏览器可正常渲染
                self._img = img.convert("RGB")
        return self._img

    def get_image(self):
        return self.get_data()

    def get_bytes(self):
        img = self.get_data()
        buf = BytesIO()
        img.save(buf, format="PNG")
        return buf.getvalue()

# 为TIFF/TIF格式注册自定义后端
fom.register_image_backend("image/tiff", TIFFImageBackend)
fom.register_image_backend("image/tif", TIFFImageBackend)

3. 加载数据集时直接使用ImageDirectory即可，FiftyOne会自动调用你注册的后端处理TIFF文件，界面预览正常显示。

方案3：修复Safari的图像裁剪问题 #

如果不想转换格式或修改代码，可尝试调整Safari的设置：

• 关闭自动缩放：打开Safari偏好设置 → 高级 → 取消勾选“按页面大小自动缩放”
• 禁用硬件加速：打开Safari偏好设置 → 高级 → 勾选“显示开发菜单”，然后在顶部菜单的「开发」中选择“禁用硬件加速”
• 调整界面缩放：在FiftyOne仪表盘右上角，将缩放比例恢复至100%

内容的提问来源于stack exchange，提问作者H A L I M