몇 초 만에 파비콘 만들기
파비콘은 브라우저 탭, 북마크, 방문 기록, 모바일 검색 결과 및 사용자가 사이트를 홈 화면에 추가할 때 표시되는 작은 아이콘입니다. 수많은 탭 속에서 방문자가 내 사이트를 쉽게 찾을 수 있게 도와주며, 작은 웹사이트라도 완성도 있게 보여줍니다. 이 파비콘 생성기는 단 하나의 이미지로 필요한 모든 파일을 만들어 줍니다. 아직 로고가 없다면 텍스트나 이모지를 사용할 수도 있으며, 사이트에 바로 적용할 수 있는 HTML 코드도 함께 제공합니다.
주요 기능
- 이미지로 만들기: PNG, JPG, SVG, WebP 등 지원.
- 텍스트 또는 이모지로 만들기: 색상 배경에 이니셜이나 이모지 적용.
- 둥근 모서리 및 여백 조절: 탭과 홈 화면에 아이콘이 딱 맞게 보이도록 조정.
- 실시간 미리보기: 16, 32, 64, 128 px 크기로 확인.
- 완벽한 패키지: 다양한 크기의 favicon.ico, PNG 아이콘, Apple touch icon, Android 아이콘 및 웹 매니페스트 제공.
- 바로 복사 가능한 HTML 링크 태그.
- 개인정보 보호: 서버 전송 없이 브라우저 내에서 모두 생성됩니다.
파비콘 크기 안내
| 파일 | 크기 | 용도 |
|---|---|---|
| favicon.ico | 16, 32, 48 px | 모든 브라우저, Windows 바로가기, 구형 브라우저 호환용 |
| favicon-16x16.png | 16 px | 브라우저 탭 |
| favicon-32x32.png | 32 px | 고해상도 화면의 탭, 작업 표시줄 |
| apple-touch-icon.png | 180 px | iPhone 및 iPad 홈 화면 |
| android-chrome-192x192.png | 192 px | Android 홈 화면 |
| android-chrome-512x512.png | 512 px | Android 스플래시 화면, PWA 설치 |
디자인 팁
- 단순화하세요. 회사 이름이 포함된 전체 로고 대신 로고 심볼을 사용하세요.
- 대비를 활용하세요. 아이콘은 브라우저의 라이트 모드와 다크 모드 모두에서 눈에 띄어야 합니다.
- 16 px에서 테스트하세요. 가장 작은 미리보기에서 알아볼 수 없다면 더 단순화하세요.
- 정사각형을 채우세요. 빈 공간이 많은 아이콘은 탭에서 너무 작게 보입니다. 여백을 줄이세요.
관련 도구
먼저 SVG PNG 변환으로 벡터 로고를 고해상도 PNG로 변환하거나, 이미지 크기 조절로 기존 이미지의 크기를 변경하거나, 이미지 변환기로 다양한 이미지 형식을 변환해 보세요.