Itch.io 网页游戏检查器与实时分辨率优化工具

上传HTML5导出文件或ZIP压缩包，实时测试视口、修复滚动条、检查Godot和Unity WebGL构建，并生成Itch.io嵌入设置。

将游戏构建或ZIP文件拖放至此处

将任何.ZIP文件、导出文件夹或HTML5构建文件拖放到此区域即可立即检查。

实时布局与滚动条测试

[Artificial Zoom-Out Active] 视口超出屏幕宽度。已应用人工缩小以使整个画布可见。禁用自动缩放可查看真实的布局效果。
Zoom 100%
工具工作室

想把这个工具添加到你的网站吗？

为 WordPress、Notion 或你自己的网站自定义配色和深色模式。

立即开始

常见问题

为什么我的Godot 4游戏在Itch.io上显示黑屏？

Godot 4网页导出使用需要SharedArrayBuffer支持的WebAssembly多线程。在Itch.io游戏编辑页面的帧选项中启用"SharedArrayBuffer support"。

发布前应该检查哪项设置？ 1

发布文件前请一起检查尺寸、目标环境和预览效果。

# Itch.io HTML5游戏导出格式指南

在Itch.io上发布HTML5和WebGL游戏需要精确配置视口尺寸、归档文件结构和跨源安全标头。
16:9 横向 标准网页宽高比
960 x 540 px 经典Itch分辨率
根目录的index.html 必需入口文件
COOP / COEP标头 Godot 4要求
在Itch.io上嵌入1280x720的WebGL游戏时，将嵌入视口尺寸精确设置为1280x720，并启用"Embed in page"。
本节汇总了正确导出和可靠预览所需的关键检查。 1.本节汇总了正确导出和可靠预览所需的关键检查。 2.本节汇总了正确导出和可靠预览所需的关键检查。 3.本节汇总了正确导出和可靠预览所需的关键检查。 4.本节汇总了正确导出和可靠预览所需的关键检查。 5.

# 发布前同时检查 viewport 与 canvas

将实际 canvas 尺寸与 Itch.io 计划使用的 viewport 进行比较。16:9 比例并不能自动消除滚动条，CSS 边距、最小宽度和未缩放的 canvas 仍可能造成内容溢出。每次构建后都重新查看报告，因为文件名、入口文件和引擎输出可能变化。完成结构检查后，还应在不同浏览器和设备上确认真实显示效果。

参考文献

同类更多工具 游戏开发工具

Steam 胶囊图与艺术图像预览生成器

裁剪、预览并格式化 Steam 商店和库官方胶囊图像，支持实时安全区校验。

使用工具

Sprite Sheet 精灵图打包与提取器

将独立的动画帧图像打包为纹理图集，或从现有精灵图集中提取单张图像，优化 2D 游戏渲染性能。

使用工具

游戏音频循环点查找器与元数据注入器

定位精确的音频循环点，自动对齐到过零点以消除杂音咔嗒声，并导出嵌入LOOPSTART和LOOPEND元数据的WAV文件。

使用工具

游戏存档文件混淆与在线编辑器

在浏览器本地100%安全地解密、检查、编辑JSON结构并使用Base64、XOR掩码或明文重新加密游戏存档文件。

使用工具

Godot 与 Unity 本地化 CSV 及 JSON 修复工具

检查翻译 CSV 和 JSON 文件中的空单元格、重复键及损坏行，并导出可直接导入游戏引擎的规范化文件。

使用工具

Steam BBCode, Markdown 与 HTML 转换器

支持 Steam BBCode、Markdown 和 HTML 之间的双向自动识别转换与实时预览。

使用工具

复古游戏音效生成器

在浏览器中直接生成复古游戏音效，提供快速预设、波形调节、实时示波器与一键 WAV 导出。

使用工具

像素艺术调色板调换工具

在浏览器中将精灵图和精灵图集快速转换为复古主机调色板或自定义 Hex 颜色。

使用工具

游戏 UI 无障碍压力测试工具

在浏览器本地检测游戏 UI 截图，支持色盲模拟、HUD 对比度取色、模糊、缩放及边缘坍塌热力图。

使用工具

像素动画 Hitbox 与 Hurtbox 帧编辑器

在精灵动画每帧上绘制碰撞判定图层，通过洋葱皮预阅动作连贯性，精确编辑像素坐标并导出引擎中立的 JSON 项目。

使用工具

游戏伤害公式与 TTK 击杀时间实验室

在安全环境下对比游戏伤害公式，通过实时曲线、攻防热力图、舍入断点、暴击收益及击杀所需时间 (TTK) 进行数值平衡分析。

使用工具

游戏 Delta Time 与固定 Timestep 实验室

通过可重复的帧尖峰、移动模拟、追赶步骤和可见的时间偏差，比较可变与固定的游戏循环。

使用工具