투명도를 평탄화하지 않고 PNG 이미지 압축하기
로고, 스크린샷, 인터페이스 에셋, 투명 그래픽을 위한 PNG 전용 옵션을 준비하세요.
PNG 이미지 선택
정적 PNG 파일만 지원합니다. 이번 릴리스에서는 APNG를 허용하지 않습니다. · 파일 제한: 최대 20개 · 파일당 5 MB
투명도 고려 압축
디자인을 평탄화하지 않고 PNG 파일을 더 작게
투명한 가장자리, 선명한 텍스트, 평면 색상 그래픽을 존중하는 PNG 전략을 선택하세요.
투명도 유지
투명 및 반투명 픽셀을 보존합니다.
디코딩된 색상 보호
픽셀 값을 의도적으로 바꾸지 않고 인코딩을 최적화합니다.
색상 종류 줄이기
로고나 UI 에셋이 허용하는 경우 더 적은 색상을 사용합니다.
애니메이션 손실 방지
애니메이션 PNG 파일은 이 워크플로우에 포함되지 않습니다.
투명도나 깔끔한 가장자리가 사라진다면, 아무리 작은 PNG라도 쓸모가 없습니다.
PNG 구조
알파, 가장자리, 색상 구조를 보호하세요
PNG에는 불투명 픽셀, 부분 투명도, 텍스트, 단색 영역이 함께 들어갈 수 있습니다. 이런 요소들은 사진용 압축 프리셋 하나로 처리하기보다 각각 따로 점검하는 것이 좋습니다.
투명 픽셀을 의도대로 유지하세요
밝은 배경과 어두운 배경 모두에서 안티앨리어싱 가장자리를 테스트해 보세요. 한 번의 미리보기만으로는 평탄화나 헤일로가 숨어버릴 수 있습니다.
그라데이션과 작은 텍스트를 점검하세요
멀리서 보면 썸네일이 괜찮아 보여도, 팔레트 변경은 부드러운 톤과 1픽셀 디테일에 영향을 줄 수 있습니다.
원본과 내보낸 파일을 비교하세요
내보낸 PNG를 밝은 배경과 어두운 배경 모두에 놓고 확인하세요. 작은 텍스트, 단색, 그라데이션, 부분 투명 가장자리를 점검하세요.
PNG 전략
픽셀 정확도를 지킬지, 검토된 팔레트 변경을 할지 선택하세요
PNG 그래픽은 투명도, 선명한 가장자리, 안정적인 색상이 필요할 수 있습니다. 색상 수를 줄이기(팔레트 축소)를 고려하기 전에, 디코딩된 픽셀이 정확히 유지되어야 하는지 먼저 판단하세요.
검증된 무손실 방식이 우선입니다
계약상 지정된 색상, UI 픽셀, 투명 가장자리 값이 디코딩 후에도 변함없이 유지되어야 할 때 사용하세요.
검토 후에만 색상을 줄이세요
평면 일러스트는 적은 색상도 견딜 수 있지만, 그라데이션/스크린샷/텍스처가 있는 일러스트는 밴딩이 눈에 띄게 생길 수 있습니다.
필요하면 관련 도구를 선택하세요
투명도가 필요 없는 불투명 사진에만 JPG 워크플로를 사용하세요. 이미지에 투명 픽셀이 필요하다면 PNG를 유지하세요.
결과 확인
투명 가장자리와 작은 디테일을 확인하세요
내보낸 PNG를 밝은 배경과 어두운 배경 모두에 놓고 확인하세요. 작은 텍스트, 단색, 그라데이션, 부분 투명 가장자리를 점검하세요.부드러운 가장자리 확인
PNG를 밝은 배경과 어두운 배경에 올려 머리카락, 그림자, 안티앨리어싱 텍스트 주변의 번짐(테두리)이 드러나는지 확인하세요.
단색 확인
로고와 UI 그래픽에서 브랜드 색상이 바뀌거나 색조가 사라졌는지 확인하세요. 팔레트 축소는 사진과는 다른 방식으로 이런 영역에 영향을 줄 수 있습니다.
픽셀 정확도 확인
정확한 픽셀이 필요하다면 파일 바이트가 아니라 디코딩된 픽셀 값을 비교하세요. PNG가 더 작다고 해서 무손실 결과라는 증거가 되지는 않습니다.
자주 묻는 질문
이 PNG 워크플로우는 알파 투명도를 보존하도록 설계되었습니다. 원본 에셋을 교체하기 전에 VisionStory에서 실제 처리 결과물을 확인하세요.
