아이콘·이미지 확대할 때 화질: 보간 방식 쉽게 이해하기
작은 아이콘을 크게 키우면 어떤 건 흐릿해지고, 어떤 건 모자이크처럼 깨집니다. 같은 이미지라도 어떤 방식으로 키우느냐에 따라 결과가 크게 달라지기 때문입니다. 이 글에서는 확대가 실제로 무슨 일을 하는지, 이미지 종류별로 어떤 방식을 골라야 하는지, 그리고 애초에 몇 배가 필요한지 계산하는 법을 정리합니다.
확대는 '없던 픽셀을 만들어 내는 일'이다
100×100px 아이콘을 400×400px로 키우면 픽셀 수는 1만 개에서 16만 개로 늘어납니다. 새로 생긴 15만 개 픽셀에는 원래 정보가 없으므로, 주변 픽셀을 보고 "이 자리에는 이런 색이 있었겠지" 하고 채워 넣어야 합니다. 이 추정 방법을 보간(interpolation)이라고 합니다. 어떤 보간을 쓰든 원본에 없던 디테일이 생기지는 않는다는 점이 출발점입니다.
대표적인 보간 방식
최근접 이웃(nearest neighbor)은 새 픽셀을 가장 가까운 원래 픽셀의 색으로 그대로 복사합니다. 2배로 키우면 픽셀 하나가 2×2 블록이 되는 식이라, 경계가 날카롭게 유지되는 대신 계단 모양도 그대로 커집니다. 일부러 각진 모양을 살리는 도트(픽셀 아트)에는 이 방식이 정답입니다. 다만 2배, 3배처럼 정수 배율일 때 가장 깔끔하고, 2.5배처럼 어중간한 배율에서는 블록 크기가 들쭉날쭉해집니다.
쌍선형(bilinear)·쌍입방(bicubic) 보간은 주변 여러 픽셀의 색을 거리에 따라 섞어 새 픽셀을 만듭니다. 계단 없이 매끄럽게 이어지는 대신 경계가 번져 흐릿해집니다. 사진이나 그라데이션이 많은 3D·컬러 일러스트에는 자연스럽지만, 선이 생명인 아이콘에서는 선이 뭉개져 보일 수 있습니다.
AI 업스케일(초해상도)은 수많은 이미지를 학습한 모델이 "이런 흐린 경계는 원래 이런 선이었을 것"이라고 추정해 디테일을 그려 넣습니다. 결과가 선명해 보이지만, 원본에 없던 질감이나 모양이 생겨나기도 하므로 로고처럼 정확해야 하는 이미지에는 결과를 꼼꼼히 확인해야 합니다.
이미지 종류별로 이렇게 고르세요
- 도트·픽셀 아트 — 최근접 이웃, 정수 배율. Icon Splitter에서는 "픽셀 유지(도트)" 모드입니다.
- 3D·컬러 일러스트, 그라데이션이 많은 그림 — 부드러운 보간. Icon Splitter의 기본값인 "부드럽게" 모드는 한 번에 목표 크기로 늘리지 않고 2배씩 나눠서 확대합니다.
- 선화·라인 아이콘 — 부드럽게 키운 뒤 흐려진 가장자리를 다시 또렷하게 세우는 방식이 잘 맞습니다. Icon Splitter의 "선명하게(라인아트)" 모드는 확대 후 테두리 투명도의 대비를 높여 번진 외곽선을 정리합니다.
- 로고·정확한 도형 — 가능하면 확대 대신 원본 벡터(SVG·AI·피그마 파일)에서 다시 내보내는 것이 가장 좋습니다.
몇 배가 필요한지 계산하는 법
화면용이라면 기기의 화면 배율을 생각해야 합니다. 요즘 스마트폰과 고해상도 노트북은 화면에서 1px로 표시되는 자리를 실제 픽셀 2~3개로 그립니다. 그래서 웹페이지에 48×48 크기로 보일 아이콘이라면 96×96(2x)이나 144×144(3x) 이미지를 준비해야 선명하게 보입니다. 피그마의 1x·2x·3x 내보내기가 바로 이 개념입니다.
인쇄용이라면 보통 300dpi(1인치당 300픽셀)를 기준으로 계산합니다. 1인치는 2.54cm이므로 가로 5cm로 인쇄할 스티커라면 5 ÷ 2.54 × 300 ≈ 591px이 필요합니다. 원본 아이콘이 200px이라면 약 3배를 키워야 하는 셈입니다. 가까이서 보지 않는 포스터라면 이보다 낮아도 괜찮습니다.
계산해 보면 필요한 배율이 생각보다 작은 경우가 많습니다. 필요 이상으로 크게 키우면 파일만 커지고 화질은 좋아지지 않으니, 용도에 맞는 크기만큼만 키우세요.
가장 좋은 방법은 처음부터 크게
어떤 보간 방식도 원본보다 나은 디테일을 만들어 내지는 못합니다. AI로 아이콘을 생성한다면 가능한 높은 해상도로 받고, 한 장에 너무 많은 아이콘을 몰아넣지 않는 것만으로도 확대할 필요가 크게 줄어듭니다. 생성 단계에서 챙길 것들은 아이콘 시트 정리 가이드에 따로 정리해 두었습니다.
정리
도트는 각지게, 일러스트는 부드럽게, 선화는 부드럽게 키운 뒤 외곽선을 다시 세우기. 그리고 확대 전에 실제로 몇 픽셀이 필요한지 먼저 계산해 보세요. 이 세 가지만 지켜도 "키웠더니 화질이 엉망이 됐다"는 일은 대부분 피할 수 있습니다.