웹 favicon 변경방법

lgw2236·2022년 11월 11일
0

개발기록

목록 보기
1/8
post-thumbnail

현재 프로젝트 도메인의 favicon을 변경해야 할 일이 생겨
구글신의 도움을 받아 변경을 하게 되었는데 조금 더 디테일 하게 기록하기 위해
글을 남기고자 한다.

favicon 이란?

흔히 주소목록 왼쪽 측면에 뜨는 icon형 이미지 파일로
확장자 명은 ico다 ex) xxx.ico -> icon 형식의 이미지 파일

IN LOCAL

프로젝트의 html에서 include 된 favicon.ico의 경로를 확인 할 수 있다.
대다수의 경우 src/main/resources/static 경로에 잡혀있는데
LOCAL 환경에서는 본인 PC의 소스를 기준으로 favicon을 바라보기 때문에
물리경로에 있는 favicon 파일을 변경해줘야 한다.

IN DEV, PROD

가장 확실한 변경 방법은 
형상관리 (Git, Gitlab, svn) 에 바꿀 favicon.ico 파일을 커밋한 이후
DEV, PROD에 빌드/배포 하는 방법이 있겠지만
배포를 빈번하게 진행할 수 없거나 favicon 하나만 바꾸기 위해 불필요한 배포를
지양하고 싶은 경우 favicon 파일을 풀어놓는 서버 경로의 favicon 파일을 
변경할 파일로 변경해주면 반영된다.

이때, favicon 파일의 반영을 확인하기 위해서는 해당 브라우저의 캐시초기화를 
진행해줘야한다. 

또한 수동으로 서버의 favicon만 바꾸고 형상관리 쪽의 favicon 파일이 그대로라면
다음 빌드/배포 이후 favicon은 형상관리에 있는 이전 favicon으로 풀리기 때문에
영구적으로 변경하기 위해서는 커밋을 해놓은 상태여야한다.
profile
어제보다 오늘 더

0개의 댓글