본문 바로가기
도움되는이야기/티스토리 블로그

직접 파비콘 만들기 , 나만의 파비콘

by XaXo 2016. 2. 27.
반응형



파비콘 Favicon이란 무엇인가!


파비콘이란 


즐겨찾기 (Favorites)아이콘 (icon) 의 합성어로


주소창에 조그만 아이콘으로 표시되는 이미지라 할 수 있다.


우선 파비콘을 만들기 위한 방법은 몇가지가 있는데


1. 16x16 이미지 파일 업로드하여 ico 파일로 변환하는 방법


2. 한땀 한땀 픽셀을 찍어 파비콘ico 파일 만들기


3. 파비콘 아이콘 갤러리에서 원하는 파비콘 찾기


원하는 방법으로 ico 파일을 만드신뒤 맨아래 있는 


블로그에 파비콘 적용하는 방법을 확인해주세요!!


파비콘 만들기 주소

http://www.favicon-generator.org/




1번 방법 / 파일 업로드하여 파비콘 아이콘 파일 변환하기


16x16 픽셀로 이미지를 변환한뒤 업로드하고


파비콘 아이콘으로 만든다 


PNG, JPG, GIF 파일을 ICO 파일로 변환할수 있다.


변환된 파비콘 ico 파일을 저장합니다


그리고 아래에 있는 티스토리 블로그 파비콘 등록하는 방법을 참고해주세요.





2번 방법 / 한땀 한땀 픽셀을 찍어 파비콘ico 파일 만들기



ㅋㅋㅋ


생각보다 어렵습니다 ㅜㅜ


손재주있는분들이 하셔야 할것같습니다


역시 원하는 파비콘을 만든뒤 파일 저장을 하시고 등록하는 방법 단계로 이동합니다





3번 방법 / 파비콘 갤러리에서 원하는 파비콘 찾기



진짜 허접한 파비콘도 보이고 고퀄리티 파비콘도 보입니다.


원하는 파비콘 이미지가 있다면 여기서 찾아보는것도 좋을것 같기도 합니다





파비콘 적용 방법 / 




티스토리 블로그 환경설정 / 기본정보 란에 있는


파비콘에 우선 이미지를 업로드합니다.




그다음 플러그인 설정으로 이동합니다


꾸미기 홈페이지 아이콘 표시 (파비콘) 을 사용설정해줍니다.





이제 거의 마지막 단계입니다!!


파비콘 파일을 HTML/CSS 페이지로 이동해서 파일업로드 하면 됩니다.





HTML 편집 페이지로 이동합니다




<link rel="shortcut icon" href="https://xaxo.tistory.com/favicon.ico">


위에


<link rel="shorcut icon" href="파비콘 속성 URL 주소">를 한줄 추가하면 끝입니다!!



이제 정말 다 끝났습니다 ㅠㅠ


간단한 파비콘 등록인데 설명은 엄청 어려웠던것 같습니다


최대한 이미지 단계별로 저장했으니 차근차근 따라하시면 될것 같아요...


기본 티스토리 파비콘이 


5분에서 10분정도의 시간이 지나면 아래와 같이 파비콘이 적용됩니다 





자신만의 개성있는 파비콘을 달아보시길 바랍니다.


반응형