본문으로 건너뛰기

홈페이지 호스팅(빌더)에 파비콘(favicon)을 적용할 수 있나요?

💡 요약 정리

  • 파비콘은 .ico 형식으로 준비해야 합니다.
  • FTP(파일을 서버에 올리고 내려받는 프로그램)로 서버에 업로드합니다.
  • 모든 페이지에 공통으로 포함되는 영역(예: 공통 상단 모듈)에 링크 태그를 추가하면 적용됩니다.
  • 업로드 경로와 파일명에 맞춰 href 경로를 정확히 수정하세요.
  • 일반 이미지 확장자를 단순 변경하면 작동하지 않습니다. 반드시 .ico로 저장해야 합니다.

1. 파비콘 이미지(.ico) 만들기

  • 파비콘 이미지는 반드시 .ico 형식으로 준비합니다.
  • gif, jpg 등의 확장자를 단순히 .ico로 바꾸면 적용되지 않습니다.
  • 포토샵 또는 IconBox와 같은 프로그램을 이용해 .ico 형식으로 저장하세요.

2. FTP로 서버에 업로드하기

  • 준비한 favicon.ico 파일을 FTP를 통해 서버에 업로드합니다. FTP는 파일을 서버에 올리고 내려받는 방법(프로그램)입니다.
  • 필요 시 아래 안내를 참고하세요.

3. 모든 페이지에 포함되는 영역에 태그 추가하기

  • 공통상단모듈 등, 모든 페이지에서 공통으로 로드되는 영역에 아래 소스를 추가합니다.
<*link rel="shortcut icon" href='"템플릿경로"/img/favicon.ico' type="image/x-icon" />

  • (소스 적용시 *은 빼고 적용해주세요)

  • 위 예시는 img 폴더에 favicon.ico로 업로드한 경우입니다. 업로드 경로나 파일명이 다르면 href 경로를 알맞게 변경해야 합니다.

    • 예: "템플릿경로"/img/favicon.ico → 업로드 위치에 맞춰 조정

추가 주의사항

  • gif, jpg 파일의 확장자만 .ico로 바꾸면 파비콘이 나타나지 않습니다.
  • 포토샵, IconBox 등으로 .ico 형식으로 저장해야 정상 적용됩니다.