브라우저에서 북마크 옆과 주소창에 표시되는 작은 아이콘

링크

첨부

2025.09.22 11:23

aab70-68d0aefce37f5-37abafe51ca0a84e3adc7d082aaba214acd12dd2.png

파비콘이란 무엇인가요?

파비콘은 대부분의 브라우저에서 북마크 옆과 주소창에 표시되는 작은 아이콘입니다. 파비콘은 가로 16픽셀, 세로 16픽셀입니다. 사진을 업로드하고 '파비콘 만들기!'를 클릭하면 웹사이트에 사용할 파비콘을 만들 수 있습니다. 이 파비콘 생성기는 알파 투명도를 지원합니다.

favicon.ico 파일을 만든 후 웹사이트의 루트 디렉토리에 업로드하고 헤더에 있는 HTML 페이지에 다음 코드를 넣으세요.

<LINK REL="바로가기 아이콘" HREF="http://www.yourwebsite.com/favicon.ico" />

크롬 브라우저 탭에 나오는 아이콘은 파비콘(favicon) 입니다.
그누보드에서는 기본적으로 /img/favicon.ico 파일을 불러오는데, 이 부분이 없거나 경로가 잘못되면 아이콘이 표시되지 않습니다.

✅ 확인 및 수정 방법

favicon.ico 파일 확인
- 그누보드 루트 폴더 안의 /img/favicon.ico 가 존재하는지 확인하세요.
- 없다면 원하는 아이콘 파일을 favicon.ico 로 저장해서 /img/ 폴더에 업로드합니다.
HTML 헤더 코드 확인
- head.sub.php 또는 head.php 파일에서 다음과 같은 코드가 있는지 확인하세요:
  
  <link rel="shortcut icon" href="<?php echo G5_URL; ?>/img/favicon.ico" type="image/x-icon"> <link rel="icon" href="<?php echo G5_URL; ?>/img/favicon.ico" type="image/x-icon">
- 만약 없다면 위 코드를 <head> 안에 넣어 주세요.
브라우저 캐시 문제 해결
- 크롬은 파비콘을 강하게 캐싱합니다.
- 수정 후에도 안 보이면:
  - Ctrl + Shift + R 로 강력 새로고침
  - 또는 파비콘 파일명을 favicon2.ico 처럼 바꾼 후
    
    <link rel="icon" href="<?php echo G5_URL; ?>/img/favicon2.ico" type="image/x-icon">
    
    으로 변경하면 바로 반영됩니다.