Pythonista从URL加载JPG到UI按钮显示全蓝问题求助

问题描述 #

在Pythonista中从URL加载JPG图片到UI按钮时，所有图片显示为全蓝色，但直接访问图片链接显示正常。相关实现代码如下：

def load_jpeg_image(image_url):
    # Fetch image data from the URL
    image_data = requests.get(image_url).content

    try:
        # Create a PIL Image from the JPEG data
        pil_image = Image.open(io.BytesIO(image_data))

        # Convert to RGB color space
        pil_image_rgb = pil_image.convert('RGB')

        # Save the RGB image to a BytesIO object
        rgb_image_data = io.BytesIO()
        pil_image_rgb.save(rgb_image_data, format='JPEG')
        rgb_image_data = rgb_image_data.getvalue()

        # Create a UI Image from the RGB data
        ui_image = ui.Image.from_data(rgb_image_data)
        
        return ui_image

# Create a view
view = ui.View()
view.background_color = 'white'  # Set the background color to white

# Set up variables for layout
margin = 10
image_width = (view.width - 4 * margin) / 3
image_height = image_width

for i, image_url in enumerate( image_urls):

    # Create a button with the image
    image_button = ui.Button(frame=(margin + i % 3 * (image_width + margin), margin + i // 3 * (image_height + margin), image_width, image_height))
    image_button.name = str(i)
    image_button.image = load_jpeg_image(image_url)
    image_button.action = image_tapped
    view.add_subview(image_button)

问题原因 #

1. 不必要的PIL二次编码：将PIL Image转为RGB后重新保存为JPEG的过程，可能导致iOS渲染时的色彩通道顺序错误，从而显示全蓝色。
2. RGB格式适配问题：Pythonista的ui.Image在处理纯RGB格式图片时，可能与iOS的色彩渲染机制不兼容，出现色彩偏差。

解决方案 #

方案1：直接加载原始JPEG数据（最简） #

去掉PIL的中间处理步骤，直接用ui.Image.from_data加载原始的JPEG字节数据：

def load_jpeg_image(image_url):
    import requests
    import ui
    image_data = requests.get(image_url).content
    return ui.Image.from_data(image_data)

方案2：优化PIL转换流程（保留PIL处理需求时） #

如果需要用PIL做图片处理，转换为RGBA格式并以PNG保存，避免JPEG的色彩编码问题：

def load_jpeg_image(image_url):
    import requests
    import io
    from PIL import Image
    import ui

    image_data = requests.get(image_url).content
    pil_image = Image.open(io.BytesIO(image_data))
    # 转换为RGBA格式，适配UI.Image的渲染要求
    pil_image_rgba = pil_image.convert('RGBA')
    # 用PNG格式保存，避免JPEG的色彩压缩问题
    img_buffer = io.BytesIO()
    pil_image_rgba.save(img_buffer, format='PNG')
    return ui.Image.from_data(img_buffer.getvalue())

额外布局修正 #

原代码中view.width在创建视图时未初始化，会导致按钮尺寸异常，建议显式设置视图初始尺寸：

view = ui.View(frame=(0, 0, 600, 600))  # 根据需求调整尺寸
view.background_color = 'white'

内容的提问来源于stack exchange，提问作者nasun