앱 아이콘 · 파비콘 · 프로필 사진 · AI 업스케일 · 배경 제거
디자인 자산은 단일 표준 사이즈로 출시되어야 하는 경우가 많습니다 - 아이콘 세트, 프로필 사진, 썸네일, 배경화면 - 플랫폼이나 프레임워크가 규격 외 파일을 거부하기 때문입니다. 이 카탈로그는 모든 주요 디자인 컨텍스트의 표준 사이즈를 다루며, 추가로 AI 업스케일(Real-ESRGAN)과 배경 제거(U²-Net) 도 브라우저 안에서 실행 가능합니다.
잘못된 사이즈의 디자인 결과물은 플랫폼 등록 단계에서 거부됩니다 - 앱스토어 Connect, Play Console, 카카오톡 이모티콘 마켓 등 모두 정확한 픽셀 수와 포맷을 요구합니다. 잘못된 사이즈로 등록을 시도하면 검수 단계에서 24시간 이상 지연될 수 있습니다. 한 번에 정확히 맞추는 것이 시간 절약입니다.
어떤 프리셋을 골라야 하나요?
- 플랫폼 / 컨텍스트로 선택. iOS(1024×1024 원본), Android(108-dp 적응형), Slack(512×512), Discord(256×256), 카카오톡 이모티콘(360×360 PNG). 카드 부제(subtitle)에서 정확한 플랫폼을 확인하세요.
- 멀티 사이즈 번들이 필요한 경우. 파비콘(.ico, 16/32/48), iOS 앱 아이콘(다중 사이즈), PWA 아이콘은 한 파일에 여러 사이즈를 묶어야 합니다. '멀티 사이즈' 라벨이 붙은 카드가 한 번에 생성합니다.
- 원본이 작을 때 AI 업스케일. 256×256 로고만 있는데 1024×1024 규격이 필요하다면 일반 업스케일은 흐려집니다. Real-ESRGAN은 디테일을 재구성하므로 픽셀을 단순히 늘리는 것과 다른 결과를 만듭니다 - 사진 모델은 자연 사진에, 애니메이션 모델은 일러스트/라인아트에 사용하세요.
- 투명 배경이 필요한 결과물에 BG Remove. 상품 사진, 프로필 사진, 디자인 컴포지트 등 투명 배경이 필요한 작업물에 활용. U²-Net은 머리카락과 부드러운 경계를 크로마키 방식보다 잘 보존합니다.
- 레티나 / HiDPI 변형 계획. 대부분 플랫폼이 레티나 화면에서 2배 크기로 자산을 서빙합니다. 1024×1024가 아닌 2048×2048도 함께 만들면 모던 화면에서 선명하게 표시됩니다.
디자인 · 아이콘 · 업스케일 프리셋 전체
이 카테고리의 36개 프리셋 전부. 카드를 클릭하면 채팅으로 이동하며 프리셋이 미리 로드됩니다 - 이미지를 드롭하면 바로 실행됩니다.
흔한 실수
- 최대 사이즈만 만드는 실수 - 브라우저와 OS는 컨텍스트에 맞는 가장 작은 사이즈를 골라 사용합니다. 중간 사이즈가 없으면 시스템이 즉석으로 다운샘플하여 흐려집니다.
- 투명도 필요한데 JPEG로 - JPEG는 알파를 저장할 수 없습니다. 아이콘, 로고, 색상이 통제되지 않는 배경에 올릴 자산은 PNG로.
- 이미 업스케일된 파일을 다시 업스케일 - 모델은 자연 원본 콘텐츠로 학습되었습니다. 처리된 출력물에 다시 적용하면 디테일을 재구성하는 게 아니라 발명합니다.
- 플랫폼이 어차피 재인코딩한다는 점 - Slack, Discord, 앱스토어 모두 업로드한 아이콘을 자체 파이프라인으로 재인코딩합니다. 색상 시프트와 약간의 흐림은 원본이 깔끔해도 정상.
- 안티앨리어싱된 가장자리를 색상 배경에 박기 - 원본을 투명 배경에 렌더링하면 아이콘 가장자리가 어떤 표면에 올려도 깔끔하게 블렌딩됩니다.
- 잘못된 업스케일 모델 선택 - 사진 모델은 애니메이션/라인아트의 가장자리를 부드럽게 만들고, 애니 모델은 사진의 피부 텍스처를 거칠게 만듭니다. 카드 제목에서 모델을 확인하세요.
자주 묻는 질문
AI 업스케일과 일반 업스케일(바이큐빅)의 차이는?
바이큐빅 리샘플링은 인접 픽셀 4×4 그리드에서 새 픽셀을 추정합니다 - 기존 디테일을 늘릴 뿐 새 디테일을 발명하지 않습니다. Real-ESRGAN은 자연 콘텐츠로 학습된 신경망 모델로, 저해상도 입력에서 그럴듯한 고주파 디테일을 재구성합니다. 결과는 더 또렷하지만 추정치입니다 - 모델이 디테일이 어떻게 생겼을지 상상한 것입니다.
어떤 업스케일 모델을 골라야 하나요?
'photo'는 자연 사진(인물, 상품, 풍경) 콘텐츠에, 'anime'는 일러스트/라인아트/셀셰이딩 콘텐츠에 사용. 사진에 anime 모델을 쓰면 피부 텍스처가 거칠어지고, 애니에 photo 모델을 쓰면 라인아트가 흐려집니다. 카드 제목에 모델이 명시되어 있습니다.
AI 모델이 디바이스에서 실행되나요?
네. Real-ESRGAN(약 30 MB 양자화)과 U²-Net(약 5 MB) 모두 WebGPU에서 또는 fallback으로 WebAssembly에서 실행됩니다. 모델 가중치는 첫 실행 때 다운로드되어 서비스 워커가 캐시합니다. 원본 이미지는 절대로 브라우저를 떠나지 않습니다.
업스케일러가 처리할 수 있는 최대 원본 사이즈는?
파일 크기보다 메모리에 좌우됩니다. 2048×2048 원본을 4× 업스케일하면 8192×8192 출력이 되며, 4 GB RAM 폰에서는 OOM이 발생할 수 있습니다. 매우 큰 원본은 타일 단위로 실행한 뒤 합성하거나 작은 원본부터 시작하세요.
파비콘 프리셋이 왜 3개 사이즈를 묶나요?
16×16은 주소 표시줄 파비콘, 32×32는 즐겨찾기 아이콘과 Windows 작업 표시줄, 48×48은 고DPI 데스크톱 탭. 브라우저가 컨텍스트에 맞는 사이즈를 선택하며, 중간 사이즈가 없으면 시스템이 즉석에서 다운샘플하여 흐려집니다.
처리 과정의 프라이버시는?
모든 프리셋은 사용자 브라우저 안에서 실행됩니다 - Real-ESRGAN, U²-Net, 일반 리사이즈/크롭 프리셋 모두 Canvas API와 WebAssembly를 사용하며 업로드되지 않습니다. 브랜드 자산, 미공개 신상품 사진, IP 민감 콘텐츠가 디바이스 안에 유지됩니다.