구조·마크업 · 공식 문서
파비콘 만들기, 사이즈와 넣는 위치 구글·네이버 기준
정사각형으로 48×48px보다 크게 만들고(구글 최소 8px·네이버 최소 16px), GIF·ICO·PNG·JPEG 중 하나로 저장합니다. 홈 페이지 <head> 에 <link rel="icon"> 을 절대 URL로 넣으면 구글·네이버 기준을 함께 맞출 수 있습니다.
파비콘은 브라우저 탭과 검색 결과에서 사이트 이름 옆에 붙는 작은 아이콘입니다. 검색 결과에서 우리 사이트를 한눈에 알아보게 하는 자리입니다.
구글과 네이버는 각자 규격을 문서로 적었고, 크기·형식·경로에서 값이 조금씩 다릅니다. 둘을 함께 맞추는 값 하나로 만들면 한 번에 끝납니다.
발견 01
파비콘 크기는 정사각형으로 48×48px보다 크게 만들면 구글·네이버 권장을 함께 넘습니다
| 항목 | 구글 원문 | 네이버 원문 | 함께 맞추는 값 |
|---|---|---|---|
| 모양 | Your favicon must be a square (1:1 aspect ratio) that's at least 8x8px.파비콘은 가로세로 1:1 정사각형이고 최소 8×8px 이어야 합니다. | 너비와 높이가 동일한 정사각형이고 최소 16px 이상이어야 합니다. | 정사각형(1:1) |
| 크기 | While the minimum size requirement is 8x8px, we recommend using a favicon that's larger than 48x48px so that it looks good on various surfaces.최소는 8×8px 이지만 여러 화면에서 보기 좋도록 48×48px보다 큰 파비콘을 권합니다. | 따라서 다양한 환경에서 미려한 표시를 위해 32px 이상의 크기를 권장드립니다. | 48×48px보다 크게(예: 96×96px) |
| 파일 형식 | Google Search supports the following favicon file formats: BMP, GIF, ICO, PNG, JPEG, PPM, and TIFF.구글 검색이 지원하는 파비콘 형식은 BMP, GIF, ICO, PNG, JPEG, PPM, TIFF 다. | ICO, PNG, GIF, animated GIFs, JPEG, APNG, SVG | GIF · ICO · PNG · JPEG |
| 넣는 곳 | Add a <link> tag to the header of your home page with the following syntax:홈페이지 header 에 다음 문법으로 <link> 태그를 넣는다. | HTML 문서의 <head> 태그 내에 있는 <link> 태그를 활용합니다. | 홈 페이지 <head> 안 <link> |
| href 경로 | The URL can be a relative path (/smile.ico) or absolute path (https://example.com/smile.ico).URL은 상대 경로(/smile.ico)도, 절대 경로(https://example.com/smile.ico)도 됩니다. | 파비콘이 위치하는 href 에는 상대 경로가 아닌 절대 경로를 사용해야 합니다. | 절대 URL(https:// 부터) |
| 적용 범위 | Google Search only supports one favicon per site, where a site is defined by the hostname.구글 검색은 사이트(호스트 이름 기준)마다 파비콘 하나만 지원한다. | 없음 | 호스트 이름(서브도메인)마다 하나 |
| 크롤링 | Googlebot-Image must be able to crawl the favicon file and Googlebot must be able to crawl the home page; they cannot be blocked for crawling.Googlebot-Image 가 파비콘 파일을, Googlebot 이 홈페이지를 크롤링할 수 있어야 한다. 크롤링을 차단하면 안 된다. | 네이버 검색 로봇이 파비콘을 수집할 수 있어야 합니다. | 파비콘 파일과 홈 페이지를 robots.txt 에서 허용 |
| URL | The favicon URL must be stable (don't change the URL frequently).파비콘 URL은 안정적이어야 한다(자주 바꾸지 않는다). | 파비콘 URL를 자주 변경하지 않습니다. | 한 번 정한 URL을 유지 |
발견 02
두 문서가 함께 받는 형식은 GIF·ICO·PNG·JPEG 4가지이고, SVG 는 네이버 목록에만 있습니다
Google Search supports the following favicon file formats: BMP, GIF, ICO, PNG, JPEG, PPM, and TIFF.
구글 검색이 지원하는 파비콘 형식은 BMP, GIF, ICO, PNG, JPEG, PPM, TIFF 다.
| 구분 | 형식 |
|---|---|
| 두 문서 모두 | GIF, ICO, PNG, JPEG |
| 구글 목록에만 | BMP, PPM, TIFF |
| 네이버 목록에만 | animated GIFs, APNG, SVG |
발견 03
넣는 곳은 홈 페이지 <head> 이고, 경로는 네이버 기준에 맞춰 절대 URL로 적습니다
파비콘이 위치하는 href 에는 상대 경로가 아닌 절대 경로를 사용해야 합니다.
구글은 상대 경로와 절대 경로를 모두 받습니다. 네이버는 절대 경로를 쓰라고 적었으므로, 절대 URL 하나면 두 곳 모두 맞습니다.
파비콘은 호스트 이름마다 하나입니다. 하위 폴더(예: /news)는 따로 파비콘을 가질 수 없고, 서브도메인은 따로 가질 수 있습니다.
| rel 값 | 구글 원문 | 네이버 반영 순서 |
|---|---|---|
| icon | The icon that represents your site, as defined in the HTML standard.HTML 표준이 정한, 사이트를 나타내는 아이콘입니다. | 2번째 |
| shortcut icon | For historical reasons, we also support shortcut icon, which is an earlier, alternative version of icon.예전 방식인 shortcut icon 도 지원합니다. | 1번째 |
| apple-touch-icon | An iOS-friendly icon that represents your site, per Apple's developer documentation.Apple 개발자 문서에 따른 iOS 용 사이트 아이콘입니다. | 4번째 |
발견 04
파비콘은 7단계로 만들고 넣습니다
| 순서 | 할 일 |
|---|---|
| 1 | 로고에서 작게 줄여도 알아볼 수 있는 기호 하나를 골라 96×96px 정사각형 원본을 만듭니다. |
| 2 | 두 문서가 함께 받는 형식(GIF·ICO·PNG·JPEG) 중 하나로 저장합니다. 배경은 투명으로 둘 수 있습니다. |
| 3 | 파일을 사이트 루트에 두고(예: https://www.example.com/favicon.ico) URL을 정합니다. |
| 4 | 홈 페이지 <head> 에 <link rel="icon" href="절대 URL"> 한 줄을 넣습니다. 같은 rel 은 하나만 둡니다. |
| 5 | iOS 용 아이콘이 필요하면 rel="apple-touch-icon" 을 한 줄 더 넣습니다. |
| 6 | robots.txt 에서 파비콘 파일과 홈 페이지가 허용되어 있는지 확인합니다. |
| 7 | 서치 콘솔 URL 검사 도구로 홈 페이지 색인 생성을 요청하고, 서치어드바이저에서 홈 페이지 수집을 요청합니다. |
발견 05
같은 규격이라도 B2B·B2C·B2G 사이트마다 챙길 자리가 다릅니다
예시 ① 제품별 서브도메인을 둔 문의형 기업 사이트(B2B)
본사 사이트와 제품 사이트가 서브도메인으로 나뉜 경우입니다. 구글은 호스트 이름마다 파비콘을 따로 봅니다.
서브도메인마다 홈 페이지 <head> 에 파비콘을 넣고, 같은 브랜드 기호를 써서 검색 결과에서 한 회사로 보이게 합니다.
예시 ② SVG 파비콘만 둔 쇼핑몰(B2C)
브라우저 탭용 SVG 하나만 넣은 경우입니다. 구글 지원 형식은 BMP·GIF·ICO·PNG·JPEG·PPM·TIFF 이고 SVG 는 네이버 목록에만 있습니다.
같은 기호를 96×96px PNG 로도 저장해 rel="icon" 으로 넣습니다.
예시 ③ 부서 페이지를 하위 폴더로 둔 공공기관 누리집(B2G)
부서마다 /dept 같은 하위 폴더 홈을 두고 각자 파비콘을 넣은 경우입니다. 구글이 파비콘을 받는 홈은 도메인·서브도메인 수준입니다.
누리집 루트의 기관 파비콘 하나로 정리합니다.
그럼 지금 바로 무엇부터 하나요?
- 홈 페이지 소스에서 rel="icon"·"shortcut icon" 줄을 찾아 몇 개인지 셉니다.
- href 가 절대 URL인지, 그 URL을 열면 정사각형 이미지가 나오는지 봅니다.
- 이미지가 48px 이하이거나 형식이 GIF·ICO·PNG·JPEG 밖이면 위 순서대로 다시 만듭니다.
- 새로 넣었으면 URL 검사 도구와 서치어드바이저에서 홈 페이지 재수집을 요청합니다.
조사 방법
- Google Search Central 「Define a favicon to show in search results」 (문서 수정일 2026-08-28) · 최종 확인일 2026-10-25 · https://developers.google.com/search/docs/appearance/favicon-in-search
- 네이버 서치어드바이저 「파비콘 (Favicon)」 · 최종 확인일 2026-10-25 · https://searchadvisor.naver.com/guide/markup-favicon
- 「함께 맞추는 값」 8줄과 만드는 순서 7단계는 두 문서의 규격을 겹쳐 고른 것입니다. 묶는 방식과 예시 크기(96px)는 편집 판단입니다.
- 예시 ①②③은 이해를 돕기 위해 만든 가상 상황이며, 실제 기업·기관의 사례가 아닙니다.
- 구글 원문은 영어판(hl=en)이고, 「URL 검사 도구」·「색인 생성 요청」은 같은 문서 한국어판(hl=ko) 표기를 따랐습니다.