파비콘(favicon.ico) 만드는 법 — PNG 로고로 1분 만에

준비할 이미지

정사각형, 256×256px 이상의 PNG가 가장 좋습니다. 작은 크기(16px)에서도 알아보도록 단순한 모양이 유리합니다. 투명 배경을 쓰면 탭 색과 자연스럽게 어울립니다.

ICO 만들기

anyview.dev에 PNG를 올리고 「ICO」를 누르면 16·32·48·64·128·256px가 한 파일에 담긴 favicon.ico가 다운로드됩니다. 정사각형이 아니면 투명 여백을 두고 가운데 맞춥니다.

사이트에 넣기

favicon.ico를 사이트 최상위(/favicon.ico)에 올리고 <head> 안에 <link rel="icon" href="/favicon.ico" sizes="any">를 넣습니다.

아이폰 홈 화면용으로는 180×180 PNG를 <link rel="apple-touch-icon" href="/apple-touch-icon.png">로 추가하면 좋습니다.

바로 안 바뀔 때

브라우저가 예전 파비콘을 오래 저장합니다. 강력 새로고침(Ctrl+F5, ⌘+Shift+R)이나 시크릿 창으로 확인하세요.