본문 바로가기
리뷰/IT 제품리뷰

(티스토리 활용기) 웹사이트 주소에 표시되는 파비콘, 아이콘 만드는 법은?

by 박하씨 2017. 4. 20.
반응형

파비콘 만드는 법 

안녕하세요! 파카씨의 일상 다이어리입니다. 

티스토리에 둥지를 튼지도 어느덧 4-5개월이 지나가고 있습니다. 네이버에서 넘어오면서 상대적으로 자유도가 높은 티스토리 때문에 어려움을 겪기도 했지만, 이것저것 바꾸는 재미도 느끼고 있는데요. 이제부터 제가 티스토리를 활용하면서 궁금했던 점들, 그리고 그런 것들을 어떻게 해결하면서 블로그를 꾸며왔는지를 공유해보려고 합니다. 

먼저 처음으로 알려드릴 내용은 티스토리에서 파비콘 적용하는 법입니다. 파비콘이란 웹사이트 주소 옆에 나오는 작은 아이콘과 티스토리에서 댓글을 달 때 옆에 붙는 아이콘을 말합니다. 




1. 플러그인에서 파비콘 설정 

파비콘을 설정하기 위해서는 먼저 "관리자-플러그인-꾸미기-파비콘"으로 들어가서 설정을 해주셔야 합니다. 위의 사진에서 보이는 것처럼 '홈페이지 아이콘 표시'를 활성화시켜야 합니다. 

2. 나만의 아이콘 디자인 

그리고나서 각자 원하는 아이콘을 디자인 해주세요. 인터넷에서 돌아다니는 그림을 다운받으셔도 되지만 본인의 홈페이지에서 사용하는 거니까, 자기만의 개성을 살려서 직접 만드시는 것도 좋을 것 같습니다. 저는 키노트로 만들었어요! 윈도우 컴퓨터를 쓰시는 분들은 파워포인트 같은 걸로 만드셔서 .png로 내보내기 하시면 됩니다. 참고로 파비콘은 정사각형 형태로 만드셔야 합니다. 

참고로 제가 만든 파비콘은 '파카씨'의 'ㅍ'과, 지나간 시간을 기록한다는 뜻에서 필름의 모양을 본따서 만들었습니다. 

3. png, ico 파일로 변환 

파피콘은 무조건 확장자가 .ico여야 합니다. png 파일을 아래 웹사이트로 접속하셔서 ico 파일로 변환해주시면 끝입니다. 참고로, 이 웹사이트에서 ico 파일로 변환하기 위해서는 변환하고자 하는 파일의 확장자가 무조건 png여야 합니다. 그러니 그림파일을 만드실 때 처음부터 확장자를 png로 해주세요. 

ico 파일 변환 웹사이트 : http://convertico.com

4. 변환된 파일 다운로드 

파일 변환이 완료되면 위의 사진에서 보시는 것처럼 오른쪽에 다운로드 하라는 듯한 아이콘이 나옵니다. 저걸 눌러서 다운로드 해주세요. 

5. 티스토리 기본정보에 업로드 

티스토리 개인정보 메뉴로 들어가시면 보시는 것처럼 "아이콘" 메뉴가 있습니다. 아이콘과 파비콘에 만들어진 이미지 파일을 업로드 해주세요. 

이렇게 업로드가 완료되었습니다. 

그러면 위의 사진에서 보시는 것처럼 본인의 티스토리 주소를 눌렀을 때, 여러분이 직접 디자인한 멋진 파비콘이 뜹니다. 여러분만의 파비콘과 아이콘으로 블로그에 여러분의 색을 입혀보세요. 

지금까지 파카씨 다이어리였습니다. 감사합니다.


반응형