일기
11/06/16 14:26(년/월/일 시:분)
파비콘(favicon)은 즐겨찾기(favorites)에 추가할 때 나타나는 아이콘이다.
간단히 16 x 16 짜리 아이콘을 만들어서 아래와 같이 매달면 된다.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
스마트폰용으로는 좀 더 큰 사이즈 57 x 57 을 만든다.
apple-touch-icon, 이름부터가 애플 거긴 한데, 안드로이드에서도 나온다.
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
나의 파비콘 디자인 정책은 이렇다.
1. 크기가 작기 때문에, 대비가 뚜렸해야 한다. 옅으면 눈에 잘 안 들어온다.
2. 마우스나 손가락으로 누름직하게 생겨야 한다. 왠지 누르면 눌릴 것 같아야 한다.