이미지 한 장으로 파비콘 묶음 만들기

사이트에 예전 방식의 favicon.ico와, 휴대폰과 브라우저가 실제로 보여 주는 PNG 아이콘이 아직 필요할 때 씁니다. 원본 이미지는 한 장이면 됩니다. 정사각형 PNG나 SVG 로고가 가장 깨끗하게 나옵니다. 그림은 정사각형 캔버스에 맞추기로 들어갑니다. 가로로 긴 로고는 늘어나지 않고 여백이 생깁니다.

받는 PNG는 기본이 투명한 판입니다. ICO는 로고 뒤에 흰색, 또는 고른 색의 단색을 둡니다. 오래된 탭 화면은 아직 불투명한 아이콘을 기대하는 경우가 많습니다. 여기서는 층을 편집하지 않습니다. 먼저 자르거나 글을 넣어야 하면 Photasium에서 하고, 그 결과를 여기에 놓습니다.

zip에는 favicon.ico(16과 32), 16, 32, 180, 192, 512 PNG, 180 apple-touch-icon이 들어갑니다. 코드는 문서의 head에 붙입니다. 선택인 192와 512는 웹 앱 매니페스트가 보통 찾는 파일입니다. 그 파일 이름은 manifest.json에 직접 복사할 수 있습니다.

받은 뒤에 PNG가 아직 크면 압축합니다. 파비콘은 작게 유지합니다. 공유용 이미지는 이 묶음 대신 OG 이미지 1200×630을 씁니다.

작업은 이 브라우저 안에서 일어납니다. 계정이 없고, 올리는 파일도 없습니다. 탭을 닫으면 로고는 도구에서 사라집니다.