파비콘(Favicon) 및 아이콘(icon) 만들기

파비콘에 대하여 들어보셨나요?

티스토리 블로그에 파비콘 및 아이콘 적용하기

파비콘(Favicon)은 Favorite icon의 줄임말로 인터넷 주소창, 즐겨찾기 등에 웹 사이트를 추가 할때

나타나는 작은 아이콘을 말한다고 합니다.

파비콘

내 블로그나 사이트의 개성을 나타낼 수 있는 눈에 띄는 요소인데요, 개성 있는 나만의 블로그를 만들기 위해 필수로 적용해주고자 합니다. 혹시나 이 글을 읽으시는분이 계시다면 함께 해보아요~_~

(전 아직 안해서, 이제 정리하면서 적용해보려 합니다^^;)

파비콘 적용하기

우선, 포토샵 등의 툴로 16x16 사이즈(단위는 픽셀)의 페이지에 원하는 디자인 요소로 이미지 작업하여 "PNG 파일"로 저장 후에 해당 파일의 확장자를 "ico"로 변경 해주면 되겠습니다.

저의 경우에는 아이패드 프로로 그림을 그려(메디방 어플 사용) PNG파일로 저장 후 컴퓨터(PC)로 보내서 그림판으로 해당 파일을 열고 "다른이름으로 저장"시 ".ico"를 기입해서 만들었습니다.

아이패드나 그림을 그리는 툴이 따로 없으신 분들은

☞ https://www.degraeve.com/favicon/

위의 사이트에서 파비콘을 직접 제작 할 수 있으니, 걱정하지마세요^_^

ico 파일

ㅎㅎ 귀엽지 않나요?

이제 파일은 만들었으니 블로그에 적용해 주고자 합니다.

블로그 관리자 페이지로 들어가 봅시다.

왼쪽 아래에 보면 관리 항목에 "블로그"를 클릭해주세요.

파비콘 파일형식 ico에 아까 만들었던 ico 파일을 "불러오기" 해주세요.

파비콘 적용된 모습

적용 후 F5를 눌러 새로고침 해주시면 위와 같이 나타남을 볼 수 있습니다. ㅎ.ㅎ

참고로 그림판 작업시

무시해주세요.

위와 같은 팝업창이 나오는데, 무시하고 확인을 눌러주세요.

아이콘 적용하기

파비콘 만들기와 동일하게 진행하며, 사이즈만 16이 아닌, 32x32 나 64x64로 페이지를 만들어 주시면 되겠습니다. 

저는 64x64로 진행하였습니다.

블로그에 적용된 파비콘 및 아이콘

구글 메인화면에 적용된 아이콘

위와 같이 구글 메인 화면에 아이콘이 적용된 모습을 볼 수 있습니다. ㅎ.ㅎ

하고 보니 너무 뿌듯합니다.

보다가 실증나면 같은 방법으로 수정해 주시면 되겠습니다.

파비콘과 아이콘을 티스토리 블로그에 적용하고 잘 나타나는 것을 확인해 봤는데요,

새로 시작하시는 분들에게 조금이나마 도움이 되셨다면 좋겠네요.

저두 나중에 블로그 하나 더 개설 할 때 까먹을 까봐 하나씩 적어놓으려고 합니다.

이왕이면 블로그가 꾸준한 수입이 들어오는 수단이 되어주면 참 좋을텐데,

지금은 전혀 수입이 나질 않습니다. ㅎㅎ

그냥 재미삼아하는 의미도 있으니 열심히 해보고자 합니다.

아무쪼록 다들 날씨 더운데 건강 조심하시고 행복한 하루 되세요^^~*

블로그 만들기

☞ 사이트맵 등록은 [etc/블로그] - 사이트맵을 적용 해보자1 여기를 클릭하세요.