파비콘 생성기

핵심 개념

파비콘 생성기는 로고 한 장을 탭 아이콘과 애플 터치 아이콘 크기로 줄여 PNG로 받을 때 씁니다. 16과 32는 파비콘, 180은 애플 터치 아이콘 후보입니다. 리사이즈는 브라우저 캔버스에서만 이뤄지고 원본은 업로드되지 않습니다. 대부분의 최신 브라우저는 PNG 파비콘을 지원합니다.

ICO 컨테이너나 여러 해상도를 한 파일에 넣는 작업은 하지 않습니다. 복잡한 세부는 16픽셀에서 뭉개질 수 있으니, 두꺼운 실루엣 아이콘이 유리합니다. 투명 배경 PNG는 미리보기 체크무늬로 투명 영역을 가늠할 수 있습니다. 배포 후 캐시 때문에 옛 아이콘이 남으면 파일 이름을 바꾸거나 강력 새로고침이 필요합니다.

예시

정사각 로고를 올리면 세 크기가 한 번에 보입니다. 탭에서는 32 PNG를 favicon으로, 모바일 홈 추가에는 180 PNG를 apple-touch-icon으로 쓰는 식이 흔합니다. 직사각 이미지는 가운데가 잘리거나 늘어질 수 있어 미리보기로 구도를 확인하세요. 16픽셀에서는 가는 선이 사라지니 로고를 단순화한 뒤 올리는 편이 탭에서 식별하기 좋습니다. 배포 후 옛 아이콘이 남으면 파일 이름에 버전을 붙이거나 캐시 헤더를 짧게 두세요. 라이트·다크 탭 배경 모두에서 보이게 외곽선을 두른 원본이 유리합니다. 같은 입력을 여러 번 시험할 때는 초기화 후 새로 붙여 이전 출력과 섞이지 않게 합니다. 공용 컴퓨터라면 작업이 끝난 뒤 입력란을 비워 원문이 모니터에 남지 않게 하세요. 브라우저 탭을 닫으면 방금 붙인 값도 함께 사라지며 서버에 삭제 요청을 보낼 필요는 없습니다.