티스토리 블로그에 파비콘 제작해서 적용하기

티스토리 블로그에 파비콘을 제작해서 적용하는 방법을 알아보겠습니다.

먼저 파비콘은 브라우저로 사이트를 볼 때 좌측 상단에 타이틀 옆에 있는 작은 아이콘입니다.

설정을 하지 않으면 기본 티스토리 로고가 나옵니다.

보통 기본 홈페이지 같은 경우는 루트 영역에 파비콘 파일을 넣으면 되지만

티스토리는 루트에 접근 권한이 없어서 티스토리에서 제공하는 경로로 적용을 해야 합니다.

티스토리 블로그 HTML을 편집하다 보면 아래와 같은 문구를 보셨을 것입니다.

이 문구가 파비콘 경로를 나타내는 부분입니다.

파비콘을 만드는 방법은 간단합니다.

64x64 정도의 사이즈의 작은 파일을 ico 파일로 변환시켜서 적용을 해 주면 됩니다.

저는 포토샵에서 간단하게 제작을 했습니다.

64x64 새 파일을 하나 만들고...

간단하게 영문으로 HS 라고 적었습니다.

그림자 적용을 해주고 색상을 조금 바꾼 뒤에 PNG 파일로 저장을 합니다.

윈도우 탐색기에서 확장자를 PNG에서 ICO로 변경만 해주면 ICO 파일이 생성이 됩니다.

그리고 티스토리 블로그 설정에 들어가서 관리 부분에 블로그 설정에 가면 파비콘 부분이 있습니다.

거기서 만들어진 파일을 업로드하면 끝입니다.

ico 파일은 포토샵으로 제작해도 되지만 그냥 일반 사진이나 그림을 이용해 ico로 변환만 해주면 간단하기 때문에 아직 파비콘이 없으신 분들은 한번 도전 해 보새요.

읽어 주셔서 감사합니다.

다른 블로그 팁 보러가기