본문 바로가기

은퇴를 위한 공부

블로그 운영으로 돈벌기 / 파비콘 만드는법

반응형

1. 파비콘이란?

 - 파비콘(favicon, 'favorites + icon') 또는 패비콘이란 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트 웹페이지를 대표하는 아이콘이다

 

파비콘예시

 - 예를들어 이렇게 주소창 위에 표시되는 아이콘을 말한다. 

 - 파비콘의 확장자는 .ico 

 

2. 파비콘 만드는법(티스토리 블로그용)

 - 내 블로그를 대표할수 있는 이미지를 만든다(포토샵이나 여러가지 간단한 툴tool 이용)

 - 예를들어 나의 블로그 제목(나비효과)에 맞게 이미지 파일을 만든 후

나비효과 블로그 제목에 맞춰 제작했다. jpg 파일

 - 블로그관리자--> 관리-->블로그-->파비콘에서 변경할수 있다.

 - 파비콘의 확장자는 ico 이므로 jpg 파일을 ico로 변환해야한다.

  icoconvert.com/

 

ICO Convert - Create Icons From PNG & JPG Images Online

ICO Convert is a free online icon maker and favicon generator, with it you can make icons from png or jpg images, just upload a photo of yourself, resize and crop it, convert to a shape you like, add borders and shadows, and save it as a PNG image or Windo

icoconvert.com

 

 - 위 링크를 클릭하면 아래와 같은 화면이 나오고

파비콘 생성 절차

 - 파일선택 후 업로드를 누루면 내가 선택한 jpg파일이 업로드가 된다(png,bmp파일로 변환가능)

 

 

 

파비콘 생성절차

- 파비콘 모양을 설정할수 있는 옵션이 있지만 이것은 본인의 선택이다

- 그다음 사이즈를 정해주고 convert ICO 를 누루고 다운로드 해주면 끝이다

파비콘 생성 완료

- 그다음에 블로그관리자에서 파비콘을 만들어주면 위와 같이 생성된 모습을 볼 수 있다

- 참고로 티스토리 블로그의 파비콘 용량은 100kb를 넘으면 업로드가 안되므로 파비콘 생성시 사이즈를 설정해서 용량을 알맞게 해주면 된다

 

 

반응형