티스토리 파비콘 5분만에 만들고 적용하기

티스토리 파비콘 5분만에 만들고 적용하기

요즘 블로그에 나만의 개성을 부여하기 위해 다양한 방법을 찾아보고 있다.

그 중에서 오늘은 파비콘을 빠르게 제작하고 등록하는 방법을 정리해보았다.

근데 파비콘이 뭐지?

파비콘(Favicon)이란 웹사이트 또는 웹 페이지를 대표하기 위해 웹 브라우저에서 사용되는 16x16 픽셀의 작은 이미지로
저 파비콘을 바꾸기 전에는 모두 다 똑같은 T스토리 공통 파비콘이 뜨지만 이번에 이 방법을 사용하면 나만의 개성있는 파비콘으로 변경이 가능하니 필요하다면 쉽게 따라해보자.

 

파비콘 만들기

파비콘을 만드는 방법은 양식에서 요구하는 이미지를 포토샵이나 일러스트레이터 그림판 등의 툴을 사용하면 된다. 하지만 5분만에 빠르게 만들기 위한 쉬운 방법은 웹에서 제공하는 관련 페이지를 통해 만들면 더 쉽게 만들 수 있다.

1. 아래의 사이트로 이동하기 https://favicon.io/

Favicon.io - The Ultimate Favicon Generator (Free)

 

2. 메인 페이지에서 원하는 제작 방식 선택

• PNG → ICO: 이미 이미지가 있다면 양식에 맞게 규격을 수정해준다
• TEXT → ICO: 이니셜이 될 짧은 텍스트를 입력하고 테두리 및 폰트, 색선택을 하여 간단하게 제작한다. (우리는 이걸 활용할 예정이다.)
• (이모지) → ICO: 기존 준비된 이모지 중 내가 필요로 하는 이미지를 파비콘으로 제작할 수 있다.

 

3. 제작 진행 ( TEXT → ICO 방식)

해당 페이지에서 원하는 방식으로 파비콘을 제작한다. 폰트도 바꿔보고 색도 본인 취향에 맞춰 만들어보면 미리보기를 통해 빠르게 볼 수 있다.

혹시 순서가 복잡하다면 아래 GIF 순서대로 진행해보길 바란다.

 

제작된 파비콘 이미지 등록

1. 제작하여 다운로드 받은 이미지의 압축을 푼다.

2. 내 블로그의 관리페이지 > 관리 > 블로그로 이동, 파비콘 우측 불러오기 버튼 클릭

2. 압축을 풀어둔 파비콘 파일폴더를 찾아서 업로드 한다.

3. 적용된 이미지를 확인한다.

요렇게 잘 적용되었다.

 

마무리

간단한 방법으로 파비콘 제작과 적용을 공유 드렸지만, 사실 욕심이 있다면 제작하는 것도 추천한다. 이 방식으로 본인의 아이덴티티를 보여줄 수 있는 수단이고, 요즘은 개성시대 아닌가? 

 

이 외에도 다양한 블로그 꾸미기 방식들을 참고하고 따라해보기 바란다.

[스터디/블로그] - 티스토리 목차 클릭 시 이동하는법

[스터디/블로그] - 티스토리 인용구 '따옴표' 닫기 추가 방법

[스터디/블로그] - 티스토리 블로그 본문 각주 달기

[스터디/블로그] - 대표 이미지 본문에서 숨기는 법 (티스토리)