파비콘 변경하기

파비콘(favicon)이란?

파비콘이란 웹사이트 또는 웹페이지를 대표하기 위해 웹브라우저에서 사용되는 16 x 17 픽셀의 작은 이미지입니다.

즐겨찾기 아이콘(favorite icon)의 줄임말로 주로 웹브라우저 상다네 있는 탭에 표시됩니다.

그 외에도 브라우저의 북마크바, 방문 기록, 검색 결과에서 페이지 url과 함께 표시됩니다.

 

파비콘을 만들면 웹사이트의 아이콘으로 여겨지거나

사용자들이 웹상에서 내 웹사이트임을 아아볼 수 있는 시각적인 식별자가 됩니다.

 

 

 

 

 

 

 

파비콘

 

크롬, 웨일, 엣지 등의 브라우저 상단탭에서 노출되는 아이콘 이미지 입니다.

ico 확장자이며, 이미지 파일로 변경하여 사용 가능 합니다.

 

 

 

 

 

 

 

 

파비콘 소스 코드

 

- 소스 코드 위치

> 디자인관리 > 템플릿 디자인 수정 > 모듈 > *공통사용전체모듈 > *공통상단 레이아웃

 

 

 

 

 

파비콘 FTP 이미지 위치

 

- 이미지 원본 위치

> www > bizdemoXXXXXX > img > _images > favicon.ico

 

 

 

 

 

 

파비콘 변경 방법

변경하고자 하는 파비콘을 파일을 만든 다음에 ftp 접속 후 동일 위치에 업로드 덮어쓰기 하시면 됩니다.

이때 파비콘의 확장자는 ico 입니다 (favicon.ico)

 

- 파비콘을 만드는 방법

1. png 파일로 만든 후에 ico 파일로 변환

완성된 png 파일을 변환 사이트에 접속하셔서 ico 파일로 변환하여 다운 받으시면 됩니다.

 

 

2. 포토샵으로 제작 하는 방법

기본적으로는 포토샵에서 ico 파일로 저장이 안되므로, ico 플러인을 설치하여 저장 하시면 됩니다.

 

 

 

 

 

※ 이상해요!!!

파비콘 이미지를 교체 하였는데 변경 된 이미지로 보여지지 않는다면

쿠키, 템프, 임시파일을 삭제 하시고 재확인해 보세요.

또는, 다른 컴퓨터로 확인해 보시면  변경된 이미지를 확인할 수 있습니다.

 

 

 

 

 

 

- 참고링크

https://convertio.co/kr/

Convertio — 파일 변환기