본문 바로가기
삶의 이모저모 이야기/블로거 성장기(애드센스, 쿠팡 파트너스)

나만의 개성 있는 블로그 만들기(feat. 아이콘, 파비콘이란?)

by 스마트달팽이 2021. 1. 16.
반응형

푸~하! (푸르미~하이)

 

안녕하세요.

티스토리(블로그)를 운영하면서

재미 중 하나

내가 생각한 대로

블로그를 예쁘게, 스마트하게

꾸밀 수 있다는 점이죠!

그래서 도전한

아이콘, 파비콘 꾸미기!


아이콘(icon)이란?

 

아이콘은 많이 들어보셨을 것 같아요. 

컴퓨터라던지 스마트폰을 할 때

프로그램/어플을 한눈에 이해하기 쉽게

만든 픽토그램의 기호

아이콘(icon)입니다.

티스토리에서는 아이콘은 댓글을 남길 때

프로필 사진 옆에 적용되는 부분입니다.

 

아이콘 적용 전                                                                                               아이콘 적용 후

위에서 보실 수 있듯이 (적용 전) -> (적용 후) 

티스토리에서 아이콘을

내가 원하는 그림으로 적용하면

위와 같이 댓글을 남길 때

프로필 사진 옆 작은 그림이 붙습니다.

T 로 써있는 것 보다는.. 어떠신가요^^?

 


파비콘(Favicon)이란?

 

파비콘은 약간은 생소한 이름입니다.

Favicon = 

Favorites+icon = 즐겨찾기 + 아이콘

의 합성어로,

인터넷 웹 브라우저의 주소창에

표시되는 아이콘 입니다.

홈페이지를 즐겨찾기로 등록하면

아이콘이 표시되는데 거기에서

비롯되었습니다.

내 블로그의 이름이나 성격이 잘 나타도록

글자 또는 그림으로 표현하면 좋겠죠^^?

 

파비콘 적용 전                                                                                     파비콘 적용 후                               

위에서 보실 수 있듯이 (적용 전) -> (적용 후)

인터넷창을 여러 개 켜놓으시면

어떤 창이, 어떤 창인지 헷갈릴 때가 있습니다.

여러 웹사이트가 켜져있을 때 

저 아이콘이 보인다면

[스마트 달팽이] 찾기가 참 쉽겠죠?!!


아이콘, 파비콘 변경 방법은?

아이콘, 파비콘을 변경하기 위해서는

먼저 내가 사용할 파일이 있어야겠죠?

1. 적용할 파일을 직접 만들기

2. 그림을 찾아 활용하기

 

무료 아이콘 사이트에 접속하여 

내 블로그에 맞는 아이콘을 찾아봤습니다.

www.iconfinder.com/

 

1. 사이트 접속 후 검색어를 입력합니다. (영어로)

2. [Free]를 클릭합니다. (유료로 사용하실 분들은 더 다양합니다.)

3. 원하는 그림을 클릭합니다.

4. 사이즈를 선택 후 다운로드를 받습니다.

iconarchive.com/

1. 사이트 접속 후 검색어를 입력합니다. (영어로)

2. License를 누른 후 [commercial free]를 클릭합니다.. 

3. 원하는 그림을 클릭합니다.

4. 사이즈를 선택 후 다운로드를 받습니다.

(PNG파일과 ICO파일 둘 다 받을 수 있습니다.)


준비 끝인가요??

 

아닙니다.

아이콘은 JPG, GIF, PNG 파일이 가능하며,

파비콘은 ICO 파일만 가능하여,

아이콘 파일을 파비콘으로 사용하실 분들은

아래 사이트에서 ICO파일로 변환해주어야 합니다.

www.favicon-generator.org/

1. 아이콘으로 정한 파일(또는 다른 파비콘으로 쓸 파일)을 선택합니다.

2. 16x16사이즈로 클릭합니다. (위에는 어플용 아이콘)

3. 파비콘을 생성합니다. 

(위 작업은 JPG, PNG, GIF -> ICO 로 변환 작업)

 


준비는 끝! 파일 적용하기

먼저 설정창으로 들어갑니다.

 

1. [관리] -> [블로그] 를 선택하시어

2. 아이콘, 파비콘에

적용할 파일을 불러옵니다.

3. 변경사항 저장 을 꼭 눌러주세요.


완성!

 

아이콘 적용
파비콘 적용


어떠신가요?

잘 적용되었나요?^^

사실 아이콘, 파비콘은 설정하지 않아도

블로그 운영에 전혀 문제는 없습니다만

자신만의 개성을 살린

블로그가 되면 더 애정이가고

방문해주시는 분들도 기억해주실 것 같습니다.

 

 

 

+@ 플로그인에

[블로그 아이콘 표시]가 있습니다만,

굳이 설정을 하지 않아도 

적용되는 것 알 수 있습니다.

 

 

반응형