아이콘을 여러 크기로 한 번에 내보내기

꼭은 아니에요. 모난 그림은 정사각형 화판에 비율대로 줄여 사방을 투명 여백으로 둬요 (contain), 실제로 어떻게 됐는지는 페이지가 알려 줘요. 그래도 512 화소 넘는 정사각형 원본이 좋아요—여백은 아이콘이 네모 안에서 떠 있는 셈이라, 말끔한 정사각형 아이콘이랑 나란히 놓으면 결이 달라 보여요.

요즘 브라우저랑 PWA 다 PNG favicon 을 받고, 16/32/48/64/192 면 거의 다 커버돼요, 그래서 이 페이지는 간단하게 PNG 만 내요. 정말 .ico 가 필요하면 (옛 사이트, favicon.ico 를 박아 둔 CMS) 'PWA 아이콘과 스플래시 화면' 페이지를 쓰세요—16, 32, 48 PNG 를 그 자체로 ICO 통 하나에 담아요. 180 은 애플 터치 아이콘 자주 쓰는 치수, 512 는 앱이랑 maskable 아이콘에 자주 쓰고, 설치 자원 한 벌 (manifest, maskable 안전구역, iOS 기종별 시동 화면) 도 그 페이지에 있어요.

줄일 때 최근접 표본을 써요—뭉개지도, 계단 완화도 안 걸어요—색덩어리랑 로고 가장자리를 또렷한 하드한 가장자리로 두는 건, 아이콘 도구의 흔한 기준이에요. 16/32 이 까끌까끌하면, 원본 선을 굵게 하든 디테일을 단순하게 하든 해서 다시 내보내세요.

안 해요. 풀기가랑 정사각화가랑 줄이기가랑 PNG 부호화 전부 브라우저에서 끝나고 (PNG 는 직접 짠 순수 JS 부호기가 한 글자씩 빚어요), 그림은 기기 밖 안 나가고, 새로고침하면 지워져요.