트위치 이모티콘이 28px에서 흐릿하다면 먼저 내려받은 28×28px PNG를 실제 크기로 열어 보세요. 112px 미리보기가 깔끔해도 작은 입, 손가락, 글자까지 그대로 남지는 않습니다. 밝은 배경과 어두운 배경에서 표정의 뜻과 전체 윤곽이 바로 보이는지 확인하는 것이 첫 단계입니다.
이 글은 정지 이모티콘을 대상으로 그림 자체의 문제와 표시 환경의 차이를 구분합니다. 파일 규격을 함께 확인하려면 플랫폼별 이미지 크기 가이드를 참고하세요.
28px를 실제 크기로 열고 증상을 나누세요
이미지 앱의 ‘화면에 맞추기’를 끄고 배율을 100%로 설정하세요. 브라우저에서 파일을 열었다면 페이지 확대·축소도 100%로 되돌립니다. 고밀도 디스플레이에서는 물리적으로 보이는 크기가 달라질 수 있으므로 같은 기기와 같은 배율로 비교하는 것이 좋습니다.
112px, 56px, 28px를 차례로 보면서 어느 단계에서 뜻이 흐려지는지 찾습니다. 확대하면 알아볼 수 있는지가 아니라, 평소 거리에서 ‘웃음’, ‘응원’, ‘조용히 지켜보기’ 중 어떤 반응인지 읽히는지가 기준입니다. 파일 이름을 잠시 가리고 보면 이름을 단서로 표정을 추측하고 있지는 않은지도 알 수 있습니다.
| 보이는 증상 | 먼저 확인할 부분 | 다음 작업 |
|---|---|---|
| 112px에서는 보이지만 28px에서는 표정이 모호함 | 눈·입·소품이 하나의 덩어리로 합쳐지는지 | 원본에서 핵심 형태를 키우고 세부 묘사를 줄이기 |
| 어두운 배경에서만 윤곽이 사라짐 | 어두운 몸체와 배경의 경계, 투명 영역 | 외부 편집 도구에서 색과 외곽선 조정하기 |
| 그림 주위에 흰 사각형이 보임 | 배경이 실제로 투명한지 | 의도한 테두리와 남아 있는 배경 구분하기 |
| 로컬 PNG는 선명한데 특정 화면에서만 다름 | 기기·앱·테마·확대 배율 | 조건을 맞춰 비교하고 표시 상황 기록하기 |
이미지가 아예 표시되지 않는 문제와 작아서 알아보기 어려운 문제도 다릅니다. 먼저 파일 자체를 열어 그림과 투명도를 확인한 다음 트위치에서의 표시를 살펴보세요.
112px의 세부 묘사가 28px에서 사라지는 이유
112px를 28px로 줄이면 가로와 세로는 각각 4분의 1, 전체 픽셀 수는 16분의 1이 됩니다. 112px에서 폭이 2px인 선은 단순 비례로 계산하면 28px에서 약 0.5px에 해당합니다. 주변 색과 섞여 선으로 구별하기 어려워질 수 있습니다. 원리를 설명하는 예일 뿐, 모든 그림에 적용되는 통과 기준은 아닙니다.
가는 눈썹, 손가락 사이, 작은 무늬를 모두 같은 비중으로 남기려 하면 중요한 표정이 묻힙니다. 눈과 입의 관계, 하트나 눈물처럼 감정을 설명하는 형태부터 지키세요. ‘고마워요’ 같은 한글을 작게 넣고 싶다면 글자를 더 줄이기 전에 그림만으로 뜻이 전달되는 구도를 먼저 시험해 보세요.
흰 테두리는 어두운 윤곽을 배경에서 분리하는 방법 중 하나입니다. 의도적으로 넣은 흰 테두리와 배경이 남은 흰 사각형, 가장자리에 번진 흰색은 구분해야 합니다. 흰 배경에서 놓친 흔적이 어두운 배경에서는 보일 수 있습니다. 테두리를 굵게 할수록 얼굴과 손에 쓸 공간도 줄어드므로 모든 그림에 맞는 단일 굵기는 없습니다.
선명하게 하기 처리는 일부 경계를 강조할 수 있지만, 사라진 표정이나 잘린 손을 다시 그려 주지는 않습니다. 어떤 반응인지 알기 어렵다면 축소 방식뿐 아니라 원본 구도도 다시 살펴야 합니다.
기존 샘플에서 남는 형태와 줄어드는 정보를 비교하세요
아래 비교에는 PhotoToSticker 사이트에서 사용 중인 기존 생성 샘플을 썼습니다. 이 이미지를 제품의 정규화 처리로 로컬에서 다시 가공해 112·56·28px 투명 PNG를 만들었습니다. 이 글을 위해 새 AI 이미지를 생성하거나 트위치에 업로드하지 않았습니다.
기존 사이트 샘플을 로컬에서 다시 처리한 PNG의 브라우저 비교입니다. 트위치 화면이나 심사 결과가 아닙니다. 본문 이미지는 화면 너비에 따라 줄어들 수 있으니 실제 크기 판단에는 개별 PNG를 사용하세요.
이 비교에서 Love의 빨간 하트와 빨간 눈은 28px에서도 보입니다. 반면 몸체의 작은 패널 무늬와 하트를 잡은 손의 세부는 덜 뚜렷합니다. 전달할 반응이 ‘애정’이라면 하트가 읽히는지를 먼저 보고, 무늬가 얼마나 남았는지만으로 판단하지 마세요.
Lurk에서는 빨간 눈과 세로 경계가 남지만, 경계를 잡은 작은 손은 구별하기 어려워집니다. 어두운 몸체는 어두운 배경과의 대비도 약합니다. ‘조용히 들여다본다’는 의도와 ‘윤곽 자체가 안 보인다’는 상태를 나눠 생각할 수 있는 사례입니다.
Love 28px PNG와 Lurk 28px PNG를 저장해 100% 배율로 비교해 보세요. 이 내용은 편집 과정의 관찰입니다. 시청자의 인식률을 측정한 실험이나 사용성 통과 판정, 트위치 승인 결과를 뜻하지 않습니다.
생성 도구에서는 후보를 만든 뒤 실제 크기로 고르세요
Twitch Emote Maker(영어) (영어)는 사용할 권리가 있는 이미지 한 장을 참고해 AI 이모티콘을 생성합니다. 입력 형식은 JPG·PNG·WebP이며 최대 15MB입니다. 이미지는 생성을 명시적으로 요청할 때 업로드되며, 로그인과 사용 가능한 생성 권한·잔액이 필요합니다.
반응은 Hype, LOL, Love, Rage, Shock, Sad, GG, Lurk의 8가지로 고정되어 있습니다. 성공한 세트에는 각 반응의 112×112·56×56·28×28px 투명 정지 PNG, 총 24개 파일과 README가 포함됩니다. GIF, 애니메이션, 배지를 만들거나 트위치에 자동 등록하는 기능은 제공하지 않습니다.
결과 화면에서는 112·56·28px를 전환하며 밝고 어두운 배경에서 실제 크기 미리보기를 비교할 수 있습니다. 먼저 28px에서 후보를 고른 뒤, 마음에 걸리는 그림만 112px로 돌아가 원인을 살피세요. 큰 그림의 세밀함에만 이끌리지 않고 작은 반응의 전달력을 확인하기 좋습니다.
결과 화면에는 자르기, 외곽선, 선명도, 글자 조절 슬라이더가 없습니다. 수정이 필요하면 외부 도구에서 원본을 편집하거나 얼굴과 핵심 소품이 더 뚜렷한 참고 이미지를 선택하세요. 다시 생성한다고 원하는 부분만 같은 모습으로 고칠 수 있는 것은 아니므로 현재 후보부터 충분히 검토하는 편이 좋습니다.
제출 전에는 같은 조건으로 짧게 점검하세요
파일 크기 규격과 표정의 가독성은 각각 확인해야 합니다. 트위치 공식 안내도 100% 해상도에서 선명하게 보이는지 확인하도록 설명합니다. 제출 조건의 최신 내용은 트위치 공식 이모티콘 가이드라인(영어)에서 확인하세요.
| 점검 항목 | 볼 내용 | 문제가 있다면 |
|---|---|---|
| 28px의 의미 | 이름 없이도 주요 반응이 전달되는지 | 표정과 소품 단순화하기 |
| 밝고 어두운 배경 | 윤곽과 핵심 부분이 배경에 묻히지 않는지 | 색·외곽선·여백 검토하기 |
| 투명 영역과 가장자리 | 흰 사각형, 불필요한 테두리, 잘린 손이 없는지 | 원본과 내보내기 확인하기 |
| 세 가지 크기 | 112·56·28px가 같은 반응의 파일인지 | ZIP의 각 폴더에서 대조하기 |
| 표시 조건 | 실제 크기, 100% 배율, 같은 기기인지 | 조건을 맞춰 다시 보기 |
ZIP에서는 예를 들어 emotes/112x112/love.png와 대응하는 56x56·28x28 폴더를 확인합니다. 파일 이름이 맞는다고 가장자리와 투명도까지 확인한 것은 아닙니다. 수정한 뒤에는 마지막으로 다시 28px를 열어 보세요.
자주 묻는 질문
112px PNG가 있으면 28px 확인을 생략해도 되나요?
직접 확인하는 편이 좋습니다. 규격에 맞게 변환할 수 있다는 것과 작은 표정이 전달된다는 것은 다릅니다. 큰 미리보기와 실제 28px PNG를 나란히 보세요.
흰 테두리를 넣으면 항상 잘 보이나요?
어두운 윤곽을 배경에서 분리하는 데 도움이 될 수 있지만 복잡한 표정이나 작은 글자 문제까지 해결하지는 않습니다. 밝고 어두운 배경 모두에서 확인하고 중요한 형태를 좁히지 않는지 살펴보세요.
내 컴퓨터에서는 선명한데 트위치에서만 흐릿하면요?
기기, 사용 앱, 테마, 배율, 어느 화면에서 보았는지 기록하고 같은 PNG의 실제 크기 표시와 비교하세요. 로컬 이미지 문제인지 확실하지 않다면 현재 공식 도움말을 확인합니다. 특정 환경에서 생긴 차이를 트위치 전체의 공통 오류라고 단정할 수는 없습니다.
이 도구로 완성된 이모티콘을 그대로 축소할 수 있나요?
Twitch Emote Maker는 참고 이미지를 바탕으로 AI 생성하는 도구입니다. 완성된 그림을 그대로 유지하며 크기만 바꾸려면 외부 이미지 편집·크기 조절 도구를 사용하고, 내보낸 28px 파일을 위 순서대로 점검하세요.
