반응형

티스토리 파비콘 설정 창

 

티스토리를 설정하다 보면

파비콘 설정이 나옵니다.

 

아이콘? 도 아니고 사진? 도 아닌 파비콘?    ㅇㅅㅇ????

 

자 그럼 여기서 파비콘이 무엇이냐,

 

파비콘 예시

파비콘이란,

 favicon, = 'favorites + icon'

이라는 뜻으로,

인터넷에서 그 웹페이지나 웹사이트를 대표하는 아이콘을 말하는데요,  ㄷㄷㄷㄷㄷ

위 사진처럼 인터넷 브라우저에서 주소창 왼쪽에 보이는 그 아이콘  그림을 말합니다.  ㄷㄷㄷㄷㄷ

 

그럼 이 '파비콘'은

PNG 도,  JPG도 GIF도 아닌 

ICO파일은 어떻게 만들까?

ICO파일을 만들어주는 무료 사이트를 이용하시면 됩니다.

 

파비콘 및 ICO파일을 만들어주는 간편한 사이트로는

favicon.io/ 

 

Favicon.io - The Ultimate Favicon Generator (Free)

With Favicon.io you can quickly generate a favicon for your website for free!

favicon.io

라는 사이트가 있습니다.

 

파비콘 만드는 싸이트

먼저 사이트에 들어가면

다음과 같은 창이 열리게 되는데요.

 

여기에 3가지의 생성기 버튼이 있습니다.

1. 사진을 -> ICO 파일로 만들기.

2. 텍스트(글자)를  -> ICO 파일로 만들기.

3. 이모티콘  ->  ICO 파일로 만들기.

 

만약 파비콘을 만드실 대표 사진이나 이미지가 없으신 경우에는

2번을 선택하시고 들어가셔서 원하시는 글자로 파비콘을 만드시면 됩니다.

 

 

저는 대표 사진이 있으니

이미지로 파비콘을 만들어 보겠습니다. 

 

 

 

이미지 파비콘 만들기

사진으로 파비콘을 만드는 방법은 아주 간단합니다.

변환기 아래에 있는 박스 안에 

파비콘으로 만드실 이미지를 드래그해주시면 됩니다.

(다운로드는 아직 누르시면 안 됩니다.)

 

 

 

사진으로 파비콘 만들기 2

사진을 박스 안에 드래그하시고 나면

왼쪽 아래에 파비콘 그림이 뜨게 되는데,

그림이 뜨면 이제  "다운로드"를 눌러주시면 됩니다.

 

 

파비콘 다운로드

다운로드를 누르신 후,

컴퓨터 다운로드 폴더에 가시면 알집이 다운이 되어있고,

그 알집을 바로 풀어주시면 됩니다.

 

 

 

 

 

 

파비콘 확인

압축을 해제하시고 나면,

사이트에 올리셨던 사진으로

ICO파일이 만들어지신 것을 확인하실 수 있습니다. ~~~~~ >.<

 

 

 

반응형
  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기