itch.io 페이지 꾸미기
itch.io는 스팀이나 모바일 스토어와 달리 페이지 디자인 자유도가 매우 높은 플랫폼입니다. 배경색, 페이지 레이아웃, 폰트까지 직접 손댈 수 있다 보니 오히려 어디서부터 손을 대야 할지 막막해지기 쉽습니다. 이 글에서는 itch.io 페이지를 꾸밀 때 우선순위로 챙길 요소와 기본적인 커스터마이징 방향을 정리합니다. 정확한 이미지 규격은 itch.io 정책이 종종 바뀌므로, 페이지 편집 화면에 표시되는 권장 크기를 항상 최종 기준으로 확인하시기 바랍니다.
커버 이미지의 역할
커버 이미지는 itch.io 홈페이지의 브라우즈 목록, 검색 결과, 게임 잼 페이지 등 게임이 목록형으로 노출되는 거의 모든 자리에서 사용되는 대표 이미지입니다. 스팀의 캡슐 이미지와 비슷한 역할을 한다고 보면 됩니다. 작은 크기로 여러 게임과 함께 나열되는 경우가 많기 때문에, 텍스트를 많이 넣기보다는 색감과 실루엣만으로도 게임을 구분할 수 있는 단순한 구도가 유리합니다.
itch.io는 커스텀 게임 페이지에서도 커버 이미지를 헤더 배경이나 페이지 상단 이미지로 재활용하는 경우가 많으므로, 처음부터 여러 곳에 쓰일 것을 감안해 여백을 넉넉히 두고 만드는 것이 좋습니다. 정확한 픽셀 규격은 itch.io의 게임 편집 화면(Edit game page) 안내 문구에서 매번 확인하는 것이 가장 정확합니다.
스크린샷과 GIF 활용
itch.io 페이지는 스크린샷을 여러 장 등록할 수 있고, 정적 이미지 대신 GIF를 올리는 것도 가능합니다. 특히 인디·실험적인 게임이 많이 모이는 플랫폼 특성상, 짧은 GIF로 핵심 동작이나 독특한 비주얼을 바로 보여주는 방식이 정적 스크린샷보다 눈길을 끄는 경우가 많습니다. 페이지 상단에 GIF를 하나 배치해서 게임의 움직임을 즉시 보여주고, 그 아래에 스크린샷을 정적으로 나열하는 구성이 많이 쓰입니다.
스크린샷을 고를 때는 UI가 과도하게 복잡한 화면보다 게임의 아트 스타일이나 핵심 상황이 잘 드러나는 장면을 우선하는 것이 좋습니다. itch.io 방문자는 스팀이나 모바일 스토어 이용자보다 실험적인 게임에 대한 호기심이 높은 편이라, 완성도만큼이나 "이 게임만의 독특한 지점"을 보여주는 이미지가 반응을 얻습니다.
페이지 커스터마이징 기본
itch.io는 게임 편집 화면에서 페이지 배경색, 텍스트 색상, 링크 색상, 커스텀 CSS까지 조정할 수 있습니다. 처음 페이지를 꾸밀 때는 다음 순서로 접근하는 것을 권장합니다.
- 배경·텍스트 색상 먼저. 게임의 아트 스타일과 어울리는 톤으로 기본 색상만 맞춰도 페이지 전체 인상이 크게 달라집니다.
- 커버 이미지와 스크린샷 배치. 시각 자료가 페이지 방문자의 시선을 가장 먼저 붙잡는 요소이므로 색상 다음으로 우선순위를 둡니다.
- 설명 텍스트 정리. 게임 소개, 조작법, 다운로드 안내를 짧고 명확하게 정리합니다.
- 커스텀 CSS는 마지막. 레이아웃을 세밀하게 조정하고 싶다면 기본 요소가 다 갖춰진 뒤 손대는 것이 시행착오를 줄입니다.
커스텀 CSS는 강력한 만큼 과하게 사용하면 모바일 환경에서 페이지가 깨지는 경우도 있으므로, 수정 후에는 반드시 페이지를 실제로 열어 여러 화면 크기에서 확인하는 과정을 거치는 것이 안전합니다.
가격 설정과 다운로드 방식도 페이지 인상에 영향
itch.io는 무료, 고정 가격, "원하는 만큼 지불(Pay what you want)" 등 다양한 판매 방식을 지원합니다. 어떤 방식을 택하느냐에 따라 페이지에 노출되는 버튼과 문구가 달라지므로, 페이지 디자인을 마무리하기 전에 판매 방식을 먼저 정해두는 것이 이후 재작업을 줄이는 방법입니다.
정리
itch.io 페이지는 자유도가 높은 만큼 커버 이미지, 스크린샷·GIF, 색상 테마 순으로 우선순위를 정해 단계적으로 꾸미는 것이 효율적입니다. 정확한 이미지 규격이나 정책은 itch.io 편집 화면과 공식 도움말에서 항상 최신 기준을 확인하고, 색상과 CSS 커스터마이징은 게임의 아트 스타일을 해치지 않는 선에서 절제 있게 적용하는 것이 좋습니다.