파비콘이란
파비콘(Favicon)은 브라우저 탭, 북마크, 즐겨찾기 목록에 표시되는 작은 아이콘입니다. 웹사이트의 얼굴과 같은 역할을 합니다. 파비콘이 없으면 기본 아이콘이 표시되어 전문성이 떨어져 보입니다.
파비콘 규격
전통적인 16x16, 32x32부터 애플 터치 아이콘 180x180까지 필요합니다. 파비콘 생성기로 필요한 모든 크기를 한 번에 만들 수 있습니다.
효과적인 디자인
작은 크기에서도 식별 가능해야 합니다. 복잡한 로고는 단순화하세요. 온라인 도구에서 미리보기로 확인하세요.
적용 방법
HTML head 태그에 link 요소로 파비콘을 지정합니다. 생성기에서 HTML 코드도 함께 제공합니다.
캐싱 문제 해결
파비콘 변경 시 브라우저 캐시 문제가 있을 수 있습니다. 변환 도구로 새 파비콘을 만들어 적용해보세요.
크기별 용도
16x16은 브라우저 탭, 32x32는 즐겨찾기, 180x180은 iOS 홈화면에 쓰입니다. 한 번에 여러 크기를 생성해두면 다양한 환경에서 제대로 표시됩니다. 생성기를 쓰면 필요한 모든 크기를 자동으로 만들어줍니다.
디자인 팁
작은 크기에서도 식별 가능해야 합니다. 복잡한 로고보다 단순한 심볼이 효과적이에요. 브랜드 컬러를 사용하면 인지도가 높아집니다. 미리보기로 작은 크기에서 어떻게 보이는지 꼭 확인하세요.
ICO 파일로 변환하면 호환성이 좋습니다. 여러 브라우저에서 잘 보입니다.
브랜드 느낌을 살려서 디자인하세요.
마무리
작은 아이콘이지만 브랜드에 큰 영향을 줍니다. 정성껏 만드세요.