원하는 이미지로 티스토리 파비콘, 아이콘을 무료 생성, 등록까지

 

 

안녕하세요. 가익히에요. 요즘 티스토리 블로그 하는데 푹 빠져있어요. HTML을 조금밖에 몰라서 아직은 어렵고, 여러 설정을 하는 데 있어서 어렵긴 하지만, 공부하면서 하니까 나름 뿌듯하고 재밌네요.

이번에는 나만의 파비콘으로 익스플로어에 보이는 것을 해볼 거예요.

 

 

목차

원하는 이미지로 티스토리 파비콘, 아이콘을 무료 생성

Favicon.ico & App Icon Generator

티스토리에서 파비콘과 아이콘 등록하기

블로그에 아이콘 사용하려면?

 

---

원하는 이미지로 티스토리 파비콘, 아이콘을 무료 생성

 먼저 파비콘이 뭔가 하시는 분들을 위해서 가볍게 어떤 건지 알려드릴게요.

바로 이렇게 여러 개의 창이 열려 있을 때, 내 블로그를 좀 더 쉽게 알아보기 위한 장치라고 볼 수 있어요.

특히나 티스토리 블로그를 사용할 때는 블로그 창이 여러 개가 떠 있어서 어떤 게 관리창이고 어떤게 메인 창인지 구분이 안 갈 때가 많거든요. 그럴 때 유용한 것 같아요.

 

Favicon.ico & App Icon Generator

아이콘 등 파비콘을 무료로 생성하는 사이트는 많은데요. 저는 단순하게 가기 위해서 편하게 이 사이트를 통해서 만들었어요.

아직은 블로그 초창기니까 간단하게 가고 나중에 블로그가 많이 활성화가 되면 예쁘게 꾸며줘도 좋지 않을까 생각이 들어요.

 

파비콘 무료 생성 사이트예요.접속해 주세요. 

Favicon & App Icon Generator

 

 

 

 

 

 

제가 또 이곳에서 만든 이유는 되게 심플해요. 간단하단 의미죠. 접속을 하면 아래와 같은 화면이 떠요.

 

 

 

 

 

 

혹시나 하시는 분들 위해서 사이트를 번역했어요. 한글로 번역된 내용을 보니까 좀 더 이해하기 쉬우실 거란 생각이 들었어요.

 

 

 

 

 

[파일 선택]을 누르신 다음에 내가 원하는 이미지를 선택할 거예요. 그 이미지로 파비콘과 아이콘을 만들 거니까요.

탐색기 창이 나오면 원하는 이미지를 선택한 다음에 [열기]를 눌러주세요.

 

 

 

 

[Create Favicon]을 누르면 빠르게 생성이 되는데요.

보시는 화면처럼 생성이 완료되면 저런 화면이 떠요. 그러면 이미지에 나와 있는 설명대로 Download the generated faviocon이라는 글자를 클릭하세요.  밑에 코드가 많이 생성됐는데, 우리는 생성된 이미지가 필요하기 때문에 패스해요.

 

 

 

 

 

 

 

 

다운로드를 하고 나서 키보드에 단축키  Win Key(키보드에 창문모양) + E를 누르면 탐색기 창이 열려요.

다운로드 폴더에 가서 다운로드한 파일을 압축을 풀어요. 이렇게 말이죠.↓

 

 

짜잔! 압축 푼 폴더에 들어가면 이렇게 여러 개의 아이콘이 생성되어 있어요.
이제는 티스토리 블로그로 가서 설정을 해줄 거예요.

 

 

 

 

 

티스토리에서 파비콘과 아이콘 등록하기

이제는 다 아실 거라 생각이 들어요. 블로그 -> 설정 -> 맨 밑 하단에  관리: 블로그로 접속하시는 거 아시죠? :)

메뉴로 블로그항목에 들어가셨으면 우측 화면 중간쯤에 아이콘, 파비콘 메뉴가 보일 거예요.

 

 

 

 

 

 

 

 

 

하나씩 [불러오기]를 하면서 등록을 할 거예요.

파비콘은 파일 형식이 있기 때문에 불러오기를 누르고 이미지가 있는 폴더로 들어가면 딱 한 개가 나와요.

고민할 것 없이 바로 골라요.

두 번째로, 아이콘에서 [불러오기]를 누르면 여러 사이즈의 이미지가 보일 텐데요. 저는 60 X 60 사이즈라고 적혀 있는 이미지를 선택했어요. 

 

 

 

 

 

 

 

 

 

아이콘과 파비콘을 모두 등록했으면 마지막으로 [변경 사항 저장] 버튼을 눌러주세요.

 

 

자, 이러면 익스플로러가 여러 개 떠 있어도, 내 블로그가 한눈에 보이지요.

파비콘을 설정하면 이게 참 좋은 것 같아요.

어렵지 않게 무료로 생성하고 설정까지 할 수 있으니 꼭 해보시길 바라요.

 

 

 

 

블로그에 아이콘 사용하려면?

 

아이콘설정은 했는데, 어디서 쓰는 건가요? 하실 분들을 위한 아이콘 표시 설정방법

블로그 설정 -> 플러그인-> 블로그 아이콘 표시를 선택하여 사용해 보세요.

댓글이나 방명록 작성 시에 내 아이콘이 표시되어진답니다.

본인의 블로그를 통한 퍼스널 브랜딩을 하고 계신다면, 한 번쯤 추천해 봅니다. :).

 

 

---

어떠셨나요? 나름 이해하기 쉽게 이미지까지 만들어서 포스팅을 해봤습니다.

도움이 되셨다면 좋아요와 구독 눌러주세요.

더 좋은 포스팅을 통해서 찾아뵐게요.

 

감사합니다. :)