파비콘 점검

사이트의 파비콘·아이콘·웹 매니페스트 선언을 점검합니다.

파비콘 점검은 사이트의 HTML head에 선언된 아이콘과 웹 매니페스트, 그리고 루트의 /favicon.ico 기본 경로 존재 여부를 한 번에 확인하는 도구입니다. 브라우저 탭, 북마크, 홈 화면 아이콘이 제대로 표시되려면 적절한 <link rel="icon">·apple-touch-icon·manifest 선언이 필요합니다.

URL만 입력하면 서버가 해당 페이지를 안전하게 가져와 head에서 아이콘 링크를 추출하고, 동시에 /favicon.ico가 200으로 응답하는지 별도로 점검합니다. 파비콘이 보이지 않는 원인이 선언 누락인지, 기본 경로 파일 부재인지 빠르게 가려낼 수 있습니다.

URL예: https://example.com (http/https 포함)

아이콘 선언 종류와 역할

rel="icon" / shortcut icon: 탭·북마크에 쓰이는 기본 파비콘. PNG·SVG·ICO 사용.
apple-touch-icon: iOS 홈 화면에 추가할 때 쓰는 아이콘(권장 180×180 PNG).
mask-icon: Safari 고정 탭용 단색 SVG 아이콘.
rel="manifest": PWA 매니페스트. 안드로이드 홈 화면 아이콘·이름·테마색을 정의.

파비콘이 안 보일 때 점검 순서

먼저 head에 아이콘 링크가 선언돼 있는지 확인하고, 다음으로 /favicon.ico가 실제로 존재하는지 봅니다. 선언이 있어도 href 경로가 잘못됐거나(404), 캐시된 옛 아이콘이 남아 갱신이 늦을 수 있습니다. 브라우저는 파비콘을 오래 캐싱하므로 변경 후에는 강력 새로고침이나 파일명 변경이 도움이 됩니다. head에 들어간 다른 메타 태그 (title·description·canonical 등)까지 함께 점검하려면 SEO 메타 태그 점검을 이용하세요.

자주 묻는 질문

파비콘이 꼭 /favicon.ico에 있어야 하나요?

필수는 아닙니다. head에 <link rel="icon">로 명시하면 다른 경로·포맷도 됩니다. 다만 선언이 없을 때 브라우저는 관례적으로 /favicon.ico를 찾으므로, 기본 경로에 두면 안전망이 됩니다.

apple-touch-icon이 없으면 문제인가요?

iOS에서 홈 화면에 추가할 때 전용 아이콘이 없으면 화면을 캡처해 사용합니다. 모바일 사용자가 많다면 180×180 PNG로 apple-touch-icon을 두는 것을 권장합니다.

매니페스트는 왜 확인하나요?

PWA·안드로이드 홈 화면 아이콘과 앱 이름·테마색은 web app manifest에서 옵니다. rel="manifest" 선언이 있으면 그 경로를 표시하니, 매니페스트 누락 여부를 함께 점검할 수 있습니다.

입력한 URL은 어디로 전송되나요?

서버가 해당 페이지만 안전하게 1회 가져와 head를 분석하며, 결과는 잠시 캐싱됩니다. 내부망 주소 등 위험한 대상은 차단되고, 입력값을 제3자에게 전달하지 않습니다.

아이콘 선언 종류와 역할

파비콘이 안 보일 때 점검 순서

자주 묻는 질문

관련 도구