본문으로 바로가기
  1. Home
  2. IT & INTERNET/[WEB] 블로그
  3. 파비콘 만들기, 초간단 방법

파비콘 만들기, 초간단 방법

· 댓글 29 · 제나
오늘은 티스토리 파비콘(favicon) 만들기 포스팅을 해볼까 합니다. 요즘들어 블로그를 예쁘게 꾸미시고 깔끔하게 관리하시는 분들이 많은데 의외로 파비콘은 티스토리에서 기본적으로 제공하는 걸 쓰시는 분들이 많더라구요. 물론 파비콘 하나 바꾼다고 블로그가 갑자기 확 바뀌진 않겠지만 본인의 개성을 살린 파비콘 하나 정도 만들어두면 개인적인 만족도도 올라가구요. 블로그를 좀 더 생기있게 만들어주는 효과도 있답니다. 

티스토리 파비콘 쉽게 만드는법





파비콘이 뭔가요?


파비콘은 인터넷익스플로러나 크롬같은 인터넷 브라우저에서 웹페이지 이름 왼쪽에 위치하고 있는 조그마한 이미지를 말합니다. 웹사이트나 블로그의 특징을 표현하기도 하고 관리자의 개성을 드러내기도 하는 부분이죠. 또 티스토리 특정스킨에서 댓글창 옆에 표시되기도 합니다. 



제 블로그 [내가 링크]를 눌러보니 이웃분들 중에서도 파비콘을 등록해두신 분들이 꽤 많으시네요. 반면 티스토리 기본 파비콘를 쓰시는 분들도 많이 계시구요. 

저같은 경우 '꼬마별제나' 블로그 이름에 '별'이라는 단어가 들어간다는 아주 단순하기 짝이 없는 이유로 대충 별모양 하나 만들어서 등록해뒀는데요. 요즘 영화글을 많이 쓰고 있다보니 극장모양이나 영화 필름모양으로 좀 더 블로그의 특징을 살려볼까 싶기도 합니다. 

서론이 너무 길었네요. ㅠㅠ 본격적으로 파비콘 만들기 방법에 대해 알아보겠습니다.

파비콘으로 쓸 이미지를 준비해 주세요.

폰카로 찍은 사진도 괜찮구요. 이미지 편집프로그램 등을 이용해서 원하는 이미지파일을 만드시면 됩니다. 이미지 편집에 자신이 없으시거나 쓸만한 이미지가 없으신 분들은 pixabay.com 무료이미지 사이트에서 아이콘을 검색하시면 예쁜 아이콘들을 무료로 다운로드 받으실 수 있습니다. 


그림판같은데서 원하시는 이미지를 잘라내기하시면 작은 아이콘 이미지가 준비됩니다. 테스트 겸 저는   핑크색 도넛 모양 아이콘을 만들어보겠습니다. 요대로 만들어도 이쁘겠지만 배경을 투명하게 하면 더 있어 보이겠죠? 

배경을 투명하게 만드는법은 포토샵을 이용하시면 되는데요. 저는 그냥 무료로 쉽게 구할수 있는 포토스케이프를 이용해서 하겠습니다. 


무료 이미지 편집프로그램인 포토스케이프를 실행하신 뒤에 [오려내기]를 선택하시고 아이콘 이미지가 있는 폴더에서 포토스케이프로 파일을 드래그해서 옮겨줍니다. 


자동지우개가 선택되어진 상태에서 가장자리 배경컬러를 클릭해줍니다. 저같은 경우는 연핑크 부분이죠.


클릭한번에 투명배경 아이콘이 완성되었습니다. 저장 버튼을 누르면 이제 파비콘 만들 준비는 끝이에요. 

이미지파일을 파비콘파일(ICO)로 바꿔주는사이트에 접속해 줍니다. 

https://icoconvert.com/ 사이트에 접속하시면 별도의 편집 프로그램없이도 바로 파비콘으로 변경이 가능합니다.
접속하시면 아래와 같은 화면이 뜰텐데요. 


파일 선택을 누르고 아까 만들어 둔 이미지 파일을 선택해준 다음에 upload 를 클릭해 줍니다. 


그런 다음에 [ICO for Windows 7, Windows 8, Vista and XP]에 체크하시고 [Convert ICO] 를 클릭하시면 파비콘 만들기가 끝납니다. Download your icon(s) 을 클릭하셔서 완성된 파비콘 파일을 다운받으시면 됩니다. 



이제 티스토리 관리자에서 등록만 시켜주시면 됩니다.





파비콘 파일이 등록되면 [변경사항 저장]을 눌러주시면 됩니다.



귀여운 도넛 모양으로 파비콘이 바뀌었습니다. 알려드린 사이트에서 적정 사이즈의 파비콘을 자동으로 만들어주기 때문에 편리한데요. 간혹 티스토리 파비콘을 등록하는 과정에서 100kb를 넘는 파일은 등록할 수 없다는 메세지가 뜨는 분들은 기본 이미지 크기를 작게 해서 만드시면 됩니다. 

이상 티스토리 파비콘 만들기 포스팅이었습니다. 여러분들도 본인들만의 개성을 살린 파비콘으로 블로그 멋지게 꾸미시길 바랍니다. 감사합니다. 


💬 댓글 29

이름을 저장합니다.

profileimage
MOVIE, IT&INTERNET, LIFE BLOG
이모티콘창 닫기
울음
안녕
감사해요
당황
피폐

이모티콘을 클릭하면 댓글창에 입력됩니다.