간단히 말해서, 웹사이트의 파비콘을 온라인에서 확인하려면 PromoPilot의 무료 파비콘 검사 도구 에 도메인을 입력하고 "검사"를 클릭하세요. 이 도구는 HTML에 선언되어 있고 /favicon.ico 와 같은 표준 경로에 있는 모든 아이콘을 찾아 각 아이콘의 미리보기와 크기를 표시하고, Apple Touch 아이콘을 확인하며, 누락된 크기의 아이콘을 알려줍니다. 아래는 최소한의 아이콘 세트, 완성된 코드, 그리고 Google 로고 대신 회색 지구본을 표시하는 이유입니다.
저는 12년 동안 웹사이트를 만들어 왔고, 파비콘이 다른 어떤 요소보다도 더 자주 간과된다는 것을 알고 있습니다. 디자이너는 로고를 만들고, 개발자는 웹사이트를 구축하지만, 첫 번째 클라이언트가 "경쟁사는 Google 결과에 파비콘이 있는데 왜 우리는 없나요?"라고 묻기 전까지는 아무도 탭에 파비콘을 추가하지 않습니다.
Favicon Check는 무엇을 검사하나요?
웹사이트 아이콘은 더 이상 favicon.ico 파일 하나만으로 표현되지 않습니다. 브라우저, 아이폰, 안드로이드, Google 모두 각기 다른 파일 형식과 크기를 사용합니다. 이 도구는 이러한 모든 아이콘을 하나의 보고서로 통합합니다.
| 무엇을 확인하는 건가요? | 그는 무엇을 보고 있는 걸까? | 이 사이트는 왜 이것이 필요한가요? |
|---|---|---|
| HTML 아이콘 | 모든 태그 <link rel="icon">, shortcut icon, apple-touch-icon | 브라우저와 Google 가장 먼저 고려하는 것은 바로 이러한 요소들입니다. |
| 표준 경로 | 사이트 루트의 /favicon.ico 및 기타 일반적인 주소 | 많은 시스템은 태그가 없더라도 해당 위치에서 아이콘을 찾습니다. |
| 각 아이콘의 크기 | 너비와 높이는 픽셀 단위이며, 형식은 ICO, PNG, SVG입니다. | 작은 아이콘이 고화질 화면에서 흐릿하게 보입니다. |
| 애플 터치 아이콘 | 아이폰과 아이패드용 아이콘이 있나요? | 이 옵션을 선택하지 않으면 해당 페이지의 스크린샷이 홈 화면에 나타납니다. |
| 시사 | 발견된 아이콘들은 각각 어떻게 생겼나요? | 깨지거나, 비어 있거나, 또는 다른 (템플릿) 아이콘이 보일 수 있습니다. |
| 권장 사항 | 어떤 사이즈가 빠져 있나요? | 디자이너를 위한 준비된 작업 목록 |
웹사이트의 파비콘을 온라인에서 확인하는 방법은 무엇인가요?
- 파비콘 검사기를 엽니다.
- 도메인을 입력하세요. 예를 들어
example.com처럼 입력하면 되고, 페이지 주소는 지정할 필요가 없습니다. - "확인"을 클릭하세요. 해당 도구가 홈페이지 HTML과 표준 경로를 분석합니다.
- 찾은 아이콘들을 검토하세요: 미리보기, 형식, 크기 등을 확인합니다. 그중에 표준 CMS 또는 호스팅 아이콘이 있는지 확인하세요.
- 권장 사항을 읽고 누락된 치수를 설계자에게 제공하거나 직접 측정하십시오.
도구 페이지: 도메인 필드, "확인" 버튼, 확인 항목에 대한 설명 및 FAQ.
검증은 간단합니다. 게스트 제한이 충분해서 자신의 사이트와 몇몇 경쟁업체 사이트를 비교 검토할 수 있습니다. 어떤 사이트의 아이콘이든 보고 다운로드할 수 있어, 예전 시공업체와 함께 잃어버린 로고 원본을 찾아야 할 때 유용합니다.
2026년에는 어떤 크기의 파비콘이 필요할까요?
아이콘 생성기는 보통 20개 이상의 파일을 생성하지만, 실제로 필요한 것은 간결한 세트입니다. 제가 모든 프로젝트에서 사용하는 최소한의 아이콘 세트는 다음과 같습니다.
| 파일 | 크기 | 어디에 사용되나요? |
|---|---|---|
favicon.ico | 16×16 및 32×32 크기의 이미지가 하나의 파일에 포함되어 있습니다. | 루트 디렉토리에서 아이콘을 찾는 구형 브라우저 시스템 |
favicon.svg | 벡터 | 최신 브라우저에서 어떤 화면에서도 선명하게 보입니다. |
apple-touch-icon.png | 180×180 | 아이폰 및 아이패드 홈 화면 |
icon-192.png 및 icon-512.png | 192×192 및 512×512 | 웹 매니페스트: 안드로이드, 웹사이트를 앱으로 설치하기 |
그리고 <head> 에 대한 코드는 다음과 같습니다.
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
디자인 팁: 16픽셀 크기에서는 로고와 텍스트가 흐릿하게 보입니다. 대비되는 배경에 기호, 이름의 첫 글자 또는 단순화된 문자를 사용하세요. Apple 터치 아이콘의 경우 투명 배경을 사용하지 마세요. iOS에서 검은색으로 채워집니다.
디자이너 없이 직접 파비콘을 만드는 방법은 무엇일까요?
아이콘이 하나도 없다면 30분 안에 기본적인 아이콘 세트를 만들 수 있습니다. 방법은 다음과 같습니다.
- 로고 전체가 아닌 심볼을 사용하세요. 이름의 첫 글자, 로고의 심볼, 또는 브랜드 색상의 간단한 기하학적 도형을 사용하세요. 16픽셀 크기에서도 알아볼 수 있어야 합니다.
- 512x512 크기의 정사각형을 그리세요. 그래픽 편집기나 온라인 디자인 프로그램을 사용해도 됩니다. 표지판이 테두리에 닿지 않도록 가장자리에 여백을 남겨두세요.
- 원본 파일을 SVG 형식으로 저장하세요. 그러면
favicon.svg생성되고, 필요한 크기의 모든 PNG 파일을 품질 손실 없이 잘라낼 수 있습니다. - 나머지 크기(ICO, 180, 192)의 아이콘도 아이콘 생성기를 사용하여 생성 하고 해당 파일을 사이트 루트 폴더에 배치하세요.
- 코드를 헤더에 붙여넣고 도구에서 결과를 다시 확인하세요.
브라우저의 다크 테마에서 아이콘이 어떻게 보이는지 확인해 보세요. 투명한 배경에 검은색 아이콘은 어두운 크롬 탭에서 아예 보이지 않습니다. 밝은 배경이나 대비되는 테두리를 사용하면 더 잘 보일 것입니다.
Google 사이트의 파비콘을 표시하지 않는 이유는 무엇인가요?
가장 자주 묻는 질문: 검색 결과에서 주소 옆에 회색 지구본이 표시되면 일반적으로 몇 가지 이유가 있습니다.
- 아이콘이 정사각형이 아닙니다. Google 1:1 비율과 최소 8x8 크기를 요구하지만, 48x48보다 큰 크기를 권장합니다. 16x16 크기의 작은
favicon.ico검색 결과에서 흐릿하게 보입니다. - 해당 아이콘은 로봇 접근이 차단되었습니다. Google -Image는 아이콘 파일에 대한 접근 권한이 있어야 하며, Google 메인 파일에 대한 접근 권한도 있어야 합니다. robots.txt 파일에서 이미지 폴더가 차단되었거나 파일 접근 시 오류가 발생하는 경우, 해당 아이콘은 검색 결과에 표시되지 않습니다.
- 해당 태그는 홈페이지에 없습니다. Google 도메인 또는 서브도메인의 홈페이지에서 파비콘을 가져옵니다.
example.com/shop과 같은 홈페이지 섹션은 적합하지 않습니다. - 아이콘의 주소가 불안정합니다. 사이트 빌드 시마다 경로가 변경되는 경우(
/icon.a83f2.png), Google 이를 신속하게 업데이트하지 못할 수 있습니다. - 시간이 좀 걸렸네요. Google 수정 후에도 파비콘을 바로 업데이트하지 않습니다. 검색 콘솔에서 홈페이지 재스캔을 요청하면 업데이트 속도를 높일 수 있습니다. Google 정확한 업데이트 기간을 제공하지 않으므로, 며칠 후에 결과를 확인해 보세요.
- 해당 아이콘은 규칙을 위반합니다. Google 허용되지 않는 이미지를 표준 아이콘으로 대체합니다.
비교: 파비콘 검사기와 대안들
| 도구 | 무료인 것은 무엇일까요? | 제한 | 누구에게 적합한가요? |
|---|---|---|---|
| PromoPilot - 파비콘 검사기 | HTML 및 표준 경로의 모든 아이콘, 크기, 미리보기, Apple Touch 아이콘, 추천 정보 | 아이콘을 생성하지 않고, 기본 아이콘을 확인합니다. | 자사 웹사이트 또는 경쟁사 웹사이트를 빠르게 확인해 보세요. |
| 리얼파비콘 생성기 | 아이콘 및 코드 세트 생성, 파비콘 확인 | 생성기는 많은 파일을 생성하므로 어떤 파일을 유지할지 결정해야 합니다. | 아이콘을 처음부터 제작해야 하는 분들을 위해 |
| Google 검색 콘솔 | 메인 재스캔을 요청합니다 | 인증된 사이트만 해당 아이콘을 확인하지 마세요. | 검색 결과 아이콘 업데이트 속도 향상 |
| 브라우저의 개발자 도구 | 매니페스트 및 아이콘이 있는 탭 | 어디를 봐야 할지 알아야 합니다. | 개발자용 |
결론: 온라인 도구는 확인에 더 편리하고, 생성기는 세트를 만드는 데 유용하며, Google 검색 콘솔은 Google 업데이트 속도를 높이는 데 더 적합합니다.
참고로, PromoPilot은 87가지의 무료 SEO 도구를 제공합니다. 검색 엔진 결과 페이지(SERP) 미리보기에서 제목 옆에 파비콘이 어떻게 표시되는지 쉽게 확인할 수 있습니다. 저희 시리즈에서 이와 관련된 별도의 글을 참고하세요.
파비콘 인증의 한계점은 무엇인가요?
이 도구는 사이트에서 광고하고 반환하는 내용을 확인합니다. Google 검색 결과의 아이콘을 업데이트하는 시점은 알려주지 않습니다. 이는 검색 엔진 자체의 기능입니다. 페이지 로드 후 스크립트에 의해 아이콘이 추가된 경우, 일부 아이콘은 보고서에 포함되지 않을 수 있습니다. 또한 이 검사는 도메인 전체를 살펴보므로, 사이트의 각 섹션(예: 스토어 하위 도메인)에 서로 다른 아이콘이 있는 경우 해당 섹션을 별도로 검사합니다.
무료 도구가 충분하지 않은 경우는 언제일까요?
파비콘은 전문가의 도움이 필요한 경우는 드문 사소한 문제입니다. 하지만 사소한 문제가 문제의 징후일 수도 있습니다. 다음과 같은 경우 전문가의 도움이 필요합니다.
- 아이콘 자체는 맞지만, Google 몇 달 동안 지구본 아이콘을 표시해 왔습니다. 이는 로봇 접근 권한 문제이거나 템플릿 자체에 문제가 있음을 의미합니다.
- 해당 브랜드는 단순한 로고가 없으며 16픽셀에 적합한 기업 스타일이 필요합니다.
- 해당 사이트는 빌더를 사용하여 컴파일되었으며, 아이콘 경로는 업데이트될 때마다 변경됩니다.
- 파비콘은 수년에 걸쳐 누적된 수십 가지의 사소한 오류 중 하나일 뿐입니다.
제가 귀사 웹사이트를 위해 무엇을 도와드릴 수 있을까요?
안녕하세요, 저는 12년 경력의 개발자이자 SEO 전문가인 발레리 다니우크입니다. 200명 이상의 고객을 보유하고 있으며, 웹사이트 출시 전에 파비콘, 소셜 미디어 미리보기, 마크업 등을 설정해 드립니다.
SEO 및 감사
- 웹사이트 SEO 종합 진단: 파비콘, 미리보기, 색인 생성, 속도 등 모든 기술적 세부 사항을 파악하고 코드에서 수정해 드립니다.
웹사이트 및 온라인 상점
- 1001site 이용하면 아이콘, 미리보기, 레이아웃이 자동으로 설정되어 다른 사람의 웹사이트 스타일과 똑같은 웹사이트를 단 몇 분 만에 만들 수 있습니다.
- 구독료를 받는 틸다와 AI가 탑재된 웹사이트, 두 가지 접근 방식 중 어느 것이 더 나을까요? 솔직한 비교 분석입니다.
- 2026년 기준 턴키 웹사이트 구축 비용은 얼마일까요? 가격을 결정하는 요소는 무엇일까요?
- AI 비서 기능이 포함된 WordPress 웹사이트를 299유로에 3일 동안 제작해 드립니다.
CRM 및 자동화
- 슬로바키아 기업을 위한 고객 데이터베이스 및 의사 결정권자 정보를 포함하는 맞춤형 CRM 시스템.
- 자동차 해체 회사를 위한 고객 관계 관리(CRM) 시스템으로, 가격을 자동으로 계산하고 송장을 출력합니다.
Telegram 으로 웹사이트 주소를 보내주세요. 아이콘과 자주 잊어버리는 자잘한 사항들을 확인해 보겠습니다.
결과
- 파비콘 검사기는 사이트의 모든 아이콘과 그 크기를 찾아내고, 누락된 아이콘을 단 1분 만에 보여줍니다.
- 최소 요구 사항: favicon.ico, favicon.svg, Apple Touch Icon 180×180, 그리고 웹 매니페스트용 아이콘 192 및 512.
- Google 아이콘은 정사각형이어야 하고, 48x48보다 커야 하며, 로봇이 접근할 수 있어야 하고, 메인 페이지에 명시되어 있어야 합니다.
- 사소한 문제를 수정하는 것보다 웹사이트를 완전히 새로 구축하는 것이 더 쉽다면, 1001site 아이콘과 미리보기를 자동으로 맞춤 설정해 드립니다.
무료 파비콘 검사기 로 도메인을 확인하고, 동시에 주요 경쟁업체의 도메인도 확인해 보세요.
출처
- PromoPilot의 파비콘 검사기 페이지 - 검사 항목 목록 및 FAQ.
- Google 검색 센터 - 검색 결과 파비콘 요구 사항.
- RealFaviconGenerator — 아이콘 세트를 생성하고 테스트합니다.
