파비콘 만들기

파비콘 만들기 소개

파비콘은 브라우저가 탭과 북마크에 표시하고, 사이트를 휴대폰 홈 화면에 추가할 때도 보여 주는 작은 아이콘입니다. 파비콘 만들기 도구는 이미지, 한두 글자, 또는 이모지로 웹사이트에 필요한 파일 세트 전체를 만듭니다.

favicon.ico, 브라우저·iPhone·Android용 PNG 아이콘, 웹 매니페스트, 페이지에 붙여 넣을 HTML 코드를 받을 수 있습니다. 아이콘은 브라우저에서 그려지며 아무것도 업로드되지 않습니다.

사용 방법

1. 아이콘을 무엇으로 만들지 고르세요. 이미지, 텍스트, 이모지 중에서 선택할 수 있습니다.
2. 이미지라면 파일을 선택하고 여백과 배경을 정하세요. 텍스트라면 한두 글자를 입력하고 글꼴, 색, 모양을 고르세요. 이모지라면 이모지 하나를 입력하거나 붙여넣으세요.
3. 밝은 배경과 어두운 배경에서 16, 32, 180픽셀 크기의 미리보기를 확인하세요.
4. "favicon.zip 다운로드"를 클릭하고, 파일을 웹사이트의 루트 폴더에 업로드한 다음, 페이지의 <head> 안에 HTML 코드를 붙여넣으세요.

기능

• 세 가지 시작 방법: 로고나 사진(SVG 포함), 어떤 언어로든 한두 글자, 또는 이모지를 사용하세요.
• 모든 크기를 ZIP 하나에: 16, 32, 48 px 아이콘이 담긴 favicon.ico, 16, 32, 180, 192, 512 px PNG 아이콘, site.webmanifest가 들어 있습니다.
• 작은 크기에서도 선명하게: 큰 원본 아이콘을 단계적으로 줄이므로 16 px에서도 경계가 매끄럽게 유지됩니다.
• iPhone 대응: iOS는 투명한 부분을 검은색으로 표시하므로 Apple 터치 아이콘에는 단색 배경을 넣습니다.
• 개인정보 보호: 아이콘은 사용자의 기기에서 그려집니다. 아무것도 업로드하거나 저장하지 않습니다.

사용 예

제한 사항과 참고

• 이모지는 Apple, Google, Windows 기기마다 모양이 다릅니다. 아이콘에는 아이콘을 만드는 기기의 이모지가 사용됩니다.
• 텍스트는 기기에 설치된 글꼴(시스템 산세리프, Georgia, 시스템 고정폭 글꼴)을 사용합니다.
• SVG 파비콘은 만들지 않습니다. 파일은 모든 브라우저가 지원하는 PNG와 ICO입니다.
• 파일은 웹사이트의 루트 폴더(홈페이지와 같은 위치)에 업로드해야 작동합니다.

자주 묻는 질문