파비콘 생성
이미지를 넣으면 파비콘용 크기별 PNG를 만들어줍니다.
파비콘이 무엇인가
브라우저 탭과 즐겨찾기 목록에 뜨는 작은 사이트 아이콘입니다. 기기와 용도에 따라 필요한 크기가 달라서 보통 여러 장을 준비합니다.
만들어지는 크기
16과 32는 브라우저 탭용, 48과 64는 고해상도 화면 대응, 180은 아이폰 홈 화면 추가용, 192와 512는 안드로이드와 웹앱 매니페스트용입니다. 아래에 HTML에 넣을 링크 태그도 함께 만들어줍니다.
이미지 준비 요령
정사각형이 아니면 가운데를 기준으로 정사각형으로 잘라냅니다. 원하는 부분이 있다면 이미지 자르기에서 1:1 비율로 먼저 다듬으세요. 16px로 줄었을 때도 알아볼 수 있어야 하므로, 글자가 많거나 선이 가는 이미지보다 단순한 도형이 적합합니다.
투명 배경
원본이 PNG이고 배경이 투명하다면 투명 유지를 고르세요. 다만 어두운 테마의 브라우저에서 어두운 색 아이콘이 묻힐 수 있어, 배경을 채우는 편이 안전한 경우도 있습니다.