'파비콘'에 해당되는 글 1건



가끔 문의가 있어 글을 올립니다.

티스토리를 운영하다 보면 가끔 티스토리 모양의 아이콘이 아닌 다른 게 뜨는데, 뭐냐고 말이죠.



예를 들면, 고라니부처 스튜디오의 경우도 위에 빨간 박스 해놓은 것처럼 아이콘이 있는데, 이것을 파비콘이라고 부릅니다.



이는 위와 같이 여러 채널이나 사이트 등에서도 고유의 성격을 표시하기 위해서 많이 해놓는데요. 이러한 파비콘, 사이트에서는 많이 봤지만 블로그에서는 정말 기업 블로그 외에는 많이 못봤죠? 여기 간단하게 적용할 수 있는 방법을 같이 공유해요.



일단 티스토리 [관리]에 들어가시면, 좌측 하단에 [기본 정보]영역이 있습니다. 여기로 들어가 주세요.



그럼 위와 같이 나오는데요. 저기 빨간 박스 부분을 확대해 볼께요.



그럼 아이콘은 최적 사이즈 16x16px, 32x32px, 64x64px과 jpg, gif, png 형태라고 되어있죠?

파비콘은 ico 형식 하나입니다. 여기서 아이콘 모양을 포토샵으로 만드신 다음에 등록하기만 하면, 끄읏.. 하고 싶으나 안될껍니다. :(


일단 아이콘을 포토샵으로 만드신 후 ico 형식으로 변환해야 하는데요.

아래 사이트에서 무료 변환이 가능하니, 아래 사이트에 접속해볼까요?


>> 파비콘 변환 사이트



접속하면 위와 같이 사이트가 나오는데요.



중간에 이미지 넣는 부분에 파일을 선택한 후 [Create Favicon] 부분을 클릭합니다.



그럼 이 툴을 사용해줘서 고맙고, 주변 사람들에게 공유해달라고 나와있는데요. 그냥 닫아도 무난합니다. 물론 좋은건 나눌수록 더욱 좋겠죠?



그런 후 아이콘 옆에 [Download the generated favicon]을 누르시면 위와 같은 알집 파일이 하나 다운로드 됩니다.


그럼 중간에 favicon.ico 파일이 있는데, 이것이 바로 파비콘 파일입니다.


이를 티스토리 [관리]-[환경설정]-[기본정보]에서 파비콘에 업로드한 후 저장하면 끝!입니다!

참 쉽죠? ;)


나름 티스토리 개발하고, 준비하면서 이것저것 최적화 방법이라든가 티스토리 개발이라든가 세세한 부분에서 많이 공부를 했었는데요. 궁금한 사항 있으시면 고라니부처 스튜디오 옐로아이디로 1:1 문의주세요!


>> 문의하러 가기

블로그 이미지

고라니 고라니부처