使用x、y、width、height参数拼接报纸图像切片出现错位，问题根源是什么？

你遇到的报纸切片拼接错位问题，我帮你梳理了核心原因和修复方案，咱们一步步来看：

问题到底出在哪？ #

1. 坐标取整的累积误差
   你代码里用round(x)把文件名里的浮点坐标（比如181.5px）转成整数，但网页里的CSS定位是精确到小数的。单个切片偏移0.5px看似不起眼，多个叠加起来就会出现明显的重叠或者内容缺失，这是最主要的原因。

2. 画布尺寸计算的取整偏差
   同样，计算画布最大宽高时用round(x + w)，取整操作可能让画布尺寸要么不够用，要么多余，进一步打乱布局。

3. 图像实际尺寸和标注不符
   有些切片的实际像素尺寸，可能和文件名里写的width/height不一样（比如服务器偷偷压缩了图像），如果硬按标注尺寸算位置，肯定会错位。

修复方案 #

1. 保留精确坐标，合理转整数 #

PIL的paste方法只认整数坐标，但咱们可以先按浮点值算准布局，再把坐标转成整数（用int()向下取整，别用round()），同时确保画布尺寸够大：

import requests
from PIL import Image
from io import BytesIO

urls = [
    "https://epaper.janayugomonline.com/assets/epaper/thiruvananthapuram/2026/04/05/slices/01_38_43_141.5_359.jpg",
    "https://epaper.janayugomonline.com/assets/epaper/thiruvananthapuram/2026/04/05/slices/01_181.5_41_738_148.jpg",
    # 其他URL...
]

tiles = []
max_w, max_h = 0.0, 0.0
for url in urls:
    name = url.split("/")[-1].replace(".jpg", "")
    _, x, y, w, h = name.split("_")
    x, y, w, h = map(float, [x, y, w, h])
    
    # 下载图像并获取实际尺寸
    img_data = requests.get(url).content
    img = Image.open(BytesIO(img_data))
    actual_w, actual_h = img.size
    
    # 保存图像和精确坐标，更新画布的最大边界
    tiles.append((img, x, y))
    max_w = max(max_w, x + w)
    max_h = max(max_h, y + h)

# 把画布尺寸向上取整为整数，确保能装下所有切片
canvas_w = int(max_w) if max_w.is_integer() else int(max_w) + 1
canvas_h = int(max_h) if max_h.is_integer() else int(max_h) + 1
canvas = Image.new("RGB", (canvas_w, canvas_h), (255, 255, 255))

for img, x, y in tiles:
    # 把浮点坐标转成整数（向下取整，匹配网页的定位逻辑）
    paste_x = int(x)
    paste_y = int(y)
    canvas.paste(img, (paste_x, paste_y))

canvas.save("output.jpg")

2. 检查图像实际尺寸和标注是否一致 #

可以加个小校验，看看图像实际尺寸和文件名里的标注对不对得上，如果有偏差，就以实际尺寸为准调整：

# 在获取图像后添加这段代码
if abs(actual_w - w) > 1 or abs(actual_h - h) > 1:
    print(f"注意：切片 {name} 的实际尺寸({actual_w}, {actual_h})和标注({w}, {h})不一样哦")

3. 考虑网页的像素密度 #

网页里的CSS坐标可能和设备像素比（DPR）有关，如果原始页面是高分辨率的，可能需要把坐标乘以对应的缩放倍数。你可以用浏览器开发者工具看看页面的像素密度，再调整坐标计算。

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