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 요구사항
1280x720 WebGL 게임을 Itch.io에 임베드할 때, 임베드 뷰포트 크기를 정확히 1280x720으로 설정하고 "Embed in page"를 활성화하세요.
이 항목은 깔끔한 내보내기와 정확한 미리보기를 위해 확인할 내용을 정리합니다. 1.이 항목은 깔끔한 내보내기와 정확한 미리보기를 위해 확인할 내용을 정리합니다. 2.이 항목은 깔끔한 내보내기와 정확한 미리보기를 위해 확인할 내용을 정리합니다. 3.이 항목은 깔끔한 내보내기와 정확한 미리보기를 위해 확인할 내용을 정리합니다. 4.이 항목은 깔끔한 내보내기와 정확한 미리보기를 위해 확인할 내용을 정리합니다. 5.

# 게시 전에 viewport와 canvas 함께 확인하기

Itch.io에서 계획한 viewport와 실제 canvas 크기를 비교하세요. 16:9 비율만으로는 스크롤바가 사라지지 않습니다. CSS 여백, 최소 너비, 크기 조정이 되지 않는 canvas 때문에 화면이 넘칠 수 있습니다.빌드할 때마다 보고서를 다시 확인하세요. 파일 이름, 시작 HTML, 엔진 출력이 바뀔 수 있습니다. 구조와 기하학 검사를 마친 뒤 여러 브라우저와 기기에서 실제 표시도 테스트하세요.

참고 문헌