Favicon 생성기 (멀티 사이즈 PNG)

각 환경은 스케일하지 않고 가장 가까운 사이즈를 고릅니다. 브라우저는 32, Apple touch는 180, Chrome PWA는 192/512를 씁니다. 전부 제공하는 것이 안전합니다.

최신 브라우저는 PNG를 선호합니다. 그래도 favicon.ico가 필요하면 favicon-32.png의 이름만 바꿔도 대부분 허용됩니다.

작은 사이즈에서는 디테일이 사라지므로 단순화된 로고를 사용하세요. 많은 사이트가 32px 미만에는 별도 마크를 씁니다.

투명 배경은 다크·라이트 브라우저와 PWA 설치에서 잘 어울립니다. 단색(흰색/브랜드) 배경은 iOS 홈 화면에서 버튼처럼 보여 보기 좋습니다.

아닙니다. 확장자만 다른 PNG일 뿐입니다. 브라우저는 이름을 믿지 않고 내용을 확인하기 때문에 넘어가는 것이고, 그래서 /favicon.ico로 제공되는 PNG는 요즘 브라우저에서 모두 제대로 표시됩니다. 다만 유효한 ICO 컨테이너는 아니므로, 구형 인터넷 익스플로러나 일부 피드 리더, 형식을 제대로 파싱하는 데스크톱 도구는 거부합니다. 16·32·48을 한 파일에 담은 진짜 다중 해상도 아이콘이 필요하면 실제 ICO 변환기를 쓰세요. 그렇지 않다면 생성된 마크업의 PNG 링크만으로 최신 브라우저는 전부 커버됩니다.

안드로이드가 purpose를 "maskable"로 선언한 아이콘에 마스크를 씌우는데, 반드시 보이는 영역은 안쪽 원뿐이기 때문입니다. 지름이 아이콘의 80%라서 512px 정사각형 안에서는 409.6px입니다. 정사각형을 꽉 채운 그림은 모서리를 잃고, 이미 가장자리까지 닿은 로고는 의미 있는 부분까지 잘려 나갑니다. 원본 이미지의 사방에 10% 여백을 남기거나, 매니페스트에 두 항목을 넣으세요. 여백이 있는 maskable용과 여백이 없는 일반 "any"용입니다.