같은 장면이라도 그림체가 바뀌면 파일 크기도, 흑백으로 인쇄했을 때의 모습도, 글자를 얹기 쉬운 정도도 달라집니다. 2026년 10월 26일, 이 사이트에 공개 중이던 일러스트 가운데 그림체가 기록된 5,589장을 모두 읽어 들여, 18가지 그림체별로 세 가지를 측정했습니다.
측정한 것
- 파일 크기: 배포하는 WebP 파일의 크기와, 같은 그림을 PNG와 JPG(화질 92)로 저장했을 때의 크기
- 흑백에서 사라지는 경계: 그림에서 색이 바뀌는 경계 가운데, 흑백으로 바꾸면 밝기 차이가 거의 남지 않는 경계의 비율. 그림의 어느 정도를 색 차이만으로 구분하고 있는지를 나타냅니다
- 글자를 놓을 수 있는 빈 공간: 그림을 작은 칸으로 나누고, 선도 무늬도 없는 칸만으로 만들 수 있는 가장 큰 직사각형이 그림 전체에서 차지하는 비율
표의 숫자는 그 그림체의 그림을 값 순서로 늘어놓았을 때 한가운데 오는 값(중앙값)입니다. 그림체 이름을 누르면 그 그림체의 소재 목록으로 이동합니다.
파일 크기
전체 중앙값은 WebP 143KB, PNG 1,302KB, JPG 227KB였습니다. 같은 그림을 PNG로 저장하면 약 8.5배, JPG로 저장하면 약 1.6배가 됩니다.
| 플랫 일러스트 | 430 | 52KB | 473KB | 107KB |
| 소프트 3D | 343 | 86KB | 1,101KB | 159KB |
| 심플 라인아트 | 361 | 100KB | 766KB | 171KB |
| 아이소메트릭 | 354 | 106KB | 957KB | 186KB |
| 소프트 파스텔 | 393 | 106KB | 1,011KB | 180KB |
| 그래픽 포스터 | 361 | 115KB | 1,019KB | 196KB |
| SD 캐릭터 | 189 | 127KB | 1,222KB | 216KB |
| 편안한 카툰 | 264 | 132KB | 1,117KB | 215KB |
| 종이 오리기 풍 | 330 | 134KB | 1,387KB | 214KB |
| 픽셀 아트 | 276 | 142KB | 1,318KB | 241KB |
| 애니메이션 채색 | 266 | 145KB | 1,322KB | 234KB |
| 과슈 | 358 | 181KB | 1,788KB | 265KB |
| 수채화 | 352 | 205KB | 1,902KB | 290KB |
| 손그림풍 | 335 | 223KB | 1,682KB | 306KB |
| 색연필 | 386 | 289KB | 2,281KB | 354KB |
| 레트로 인쇄 | 341 | 347KB | 2,280KB | 405KB |
| 사실화 | 126 | 348KB | 2,375KB | 410KB |
| 유화 | 124 | 547KB | 3,797KB | 604KB |
WebP가 가장 가벼운 그림체는 플랫 일러스트, 소프트 3D, 심플 라인아트, 가장 무거운 그림체는 유화, 사실화, 레트로 인쇄였습니다. 색을 평평하게 또는 매끄럽게 칠하는 그림체일수록 가볍고, 붓 자국이나 종이 결, 인쇄의 거친 질감까지 그려 넣는 그림체일수록 무겁습니다.
JPG로 저장했을 때 커지는 정도도 그림체마다 다릅니다. 가장 많이 커지는 것은 플랫 일러스트(약 2배), 가장 적게 커지는 것은 유화(약 1.1배)였습니다. 색을 평평하게 칠한 그림은 WebP에서 특히 작아지기 때문에 JPG와의 차이가 벌어집니다.
페이지를 가볍게 하고 싶은 블로그나 사이트라면 WebP 그대로 쓰는 것이 가장 효과적입니다. WebP가 열리지 않을 때의 대처법은 「WebP 파일이란? 다운로드한 이미지가 열리지 않을 때 해결 방법」에 정리해 두었습니다.
흑백에서 사라지는 색의 경계
학급 소식지나 배포물은 흑백으로 인쇄하는 경우가 많습니다. 컬러 화면에서는 빨강과 초록처럼 확실히 다른 색이라도 밝기가 비슷하면 흑백에서는 비슷한 회색이 되어 경계가 사라집니다. 아래는 같은 면접 장면을 두 가지 그림체로 그린 그림을 화면에서 흑백으로 바꾼 것입니다.
| 심플 라인아트 | 361 | 1.7% |
| 손그림풍 | 335 | 2.6% |
| 애니메이션 채색 | 266 | 3.9% |
| 그래픽 포스터 | 361 | 4.7% |
| 레트로 인쇄 | 341 | 5.0% |
| SD 캐릭터 | 189 | 5.1% |
| 수채화 | 352 | 5.1% |
| 편안한 카툰 | 264 | 5.3% |
| 소프트 파스텔 | 393 | 5.5% |
| 색연필 | 386 | 5.6% |
| 종이 오리기 풍 | 330 | 5.9% |
| 사실화 | 126 | 6.2% |
| 과슈 | 358 | 6.3% |
| 소프트 3D | 343 | 6.3% |
| 픽셀 아트 | 276 | 6.7% |
| 아이소메트릭 | 354 | 7.5% |
| 플랫 일러스트 | 430 | 7.8% |
| 유화 | 124 | 9.5% |
사라지는 경계가 적은 그림체는 심플 라인아트, 손그림풍, 애니메이션 채색, 많은 그림체는 유화, 플랫 일러스트, 아이소메트릭였습니다. 윤곽을 선으로 그리는 그림체는 색 차이가 사라져도 선으로 형태가 남습니다. 윤곽선 없이 색면으로 나눠 칠하는 그림체나, 색의 농담으로 형태를 그리는 유화는 밝기가 비슷한 색이 나란히 놓이기 쉬워 흑백에서 경계가 잘 사라집니다.
흑백으로 인쇄하는 지면에서의 배치와 확인 방법은 「학급 소식지·학년 소식지의 일러스트, 크기와 위치를 정하는 법」에 정리해 두었습니다.
글자를 놓을 수 있는 빈 공간의 넓이
썸네일이나 슬라이드 표지에서 그림 위에 제목을 얹을 때는 선도 무늬도 없는 곳에 두면 읽기 쉽습니다. 전체 중앙값은 그림의 6.3%로, 대부분의 그림이 화면을 가득 채워 그려져 있습니다. 빈 공간이 그림의 20% 이상인 그림은 전체의 13.4%였습니다.
| 플랫 일러스트 | 430 | 12.5% | 24.4% |
| 심플 라인아트 | 361 | 12.5% | 24.4% |
| 소프트 파스텔 | 393 | 8.2% | 19.6% |
| 그래픽 포스터 | 361 | 7.0% | 15.8% |
| 아이소메트릭 | 354 | 7.0% | 13.8% |
| 손그림풍 | 335 | 6.3% | 10.4% |
| 편안한 카툰 | 264 | 6.3% | 8.3% |
| 종이 오리기 풍 | 330 | 6.3% | 18.2% |
| 소프트 3D | 343 | 6.3% | 15.5% |
| 색연필 | 386 | 5.9% | 9.6% |
| 과슈 | 358 | 5.5% | 11.7% |
| 레트로 인쇄 | 341 | 5.5% | 10.9% |
| 픽셀 아트 | 276 | 4.7% | 6.2% |
| 수채화 | 352 | 4.7% | 13.4% |
| SD 캐릭터 | 189 | 4.3% | 3.2% |
| 애니메이션 채색 | 266 | 3.7% | 4.5% |
| 사실화 | 126 | 3.1% | 2.4% |
| 유화 | 124 | 2.1% | 0.8% |
빈 공간이 넓은 그림체는 플랫 일러스트, 심플 라인아트, 소프트 파스텔, 좁은 그림체는 유화, 사실화, 애니메이션 채색였습니다. 유화와 사실화는 화면 가장자리까지 그려 넣는 그림체라 빈 공간이 거의 남지 않습니다.
빈 공간이 좁은 그림에 글자를 얹을 때는 글자 뒤에 띠를 깔면 읽힙니다. 썸네일・대표 이미지 만들기에서 그림을 쓸 곳의 크기로 자르고, 띠와 글자를 얹어 저장할 수 있습니다. 썸네일에 넣을 글자의 양은 「YouTube 썸네일 크기와 문자를 넣을 때의 기준」을 참고하세요.
용도별로 어울리는 그림체
- 흑백으로 인쇄하는 배포물: 심플 라인아트, 손그림풍, 애니메이션 채색
- 글자를 겹치는 썸네일・표지: 플랫 일러스트, 심플 라인아트, 소프트 파스텔
- 빠르게 표시하고 싶은 페이지: 플랫 일러스트, 소프트 3D, 심플 라인아트
세 가지 모두에 들어가는 그림체는 심플 라인아트입니다.
다만 그림체는 내용과 읽는 사람에게 맞는지로 먼저 고르는 것이 우선입니다. 숫자는 후보가 둘 이상이라 망설여질 때의 결정 기준으로 써 주세요. 한 자료에 여러 그림을 함께 쓸 때 맞추는 방법은 「여러 일러스트를 한 자료에 넣으면 왜 어수선해 보일까」에 정리해 두었습니다.
측정 방법
- 대상은 2026년 10월 26일에 공개 중이던 일러스트 가운데 그림체가 기록된 5,589장입니다. 프로필 이미지와 아이콘은 포함하지 않았습니다. 그림체는 그림을 만들 때 지정한 그림체로 나눴습니다
- 그림 크기는 1024×1024, 1408×768, 1254×1254, 1698×926픽셀이 99%를 차지합니다. 그림체마다 크기 구성이 조금씩 다르므로, 파일 크기는 한 장당 대략적인 기준으로 봐 주세요
- PNG와 JPG는 이미지 처리 라이브러리로 저장했습니다. PNG는 기본 압축, JPG는 화질 92입니다. 저장하는 소프트웨어에 따라 크기가 달라집니다
- 사라지는 경계는 그림을 줄인 뒤 가까운 두 점의 색을 비교해, 색차(CIE L*a*b* 색차)가 20 이상인 쌍을 경계로, 그중 밝기(L*) 차이가 8 미만인 것을 사라지는 경계로 셌습니다. 실제 인쇄 결과는 프린터와 종이에 따라서도 달라집니다
- 빈 공간은 그림을 줄여 칸으로 나누고, 칸 안의 밝기와 색의 변화가 작은 것으로 정했습니다. 옅은 종이 질감과 완만한 색 변화는 빈 공간에 포함합니다
※2026년 10월에 측정한 값입니다.