티스토리 블로그_아이콘&파비콘 만들기

1. 아이콘과 파비콘

티스토리에서는 "아이콘" 기능과 "파비콘" 기능을 제공하고 있습니다. "아이콘"은 블로그 아이콘이고, "파비콘"은 홈페이지 아이콘이죠.

티스토리의 "블로그 아이콘 표시" 플로그인과 "홈페이지 아이콘 표시 (파비콘)" 플러그인 — 티스토리의 블로그 아이콘 표시 플로그인과 홈페이지 아이콘 표시 (파비콘) 플러그인 (티스토리 화면 캡처)

저는 두 개의 플러그인 다 사용하지 않습니다. 플러그인은 사이트의 로딩 속도를 느리게 만들 수 있기 때문에 꼭 필요한 것만 선택해서 이용하거든요. 그럼에도 블로그 아이콘과 홈페이지 아이콘(파비콘)은 지정해 놓을 필요가 있다고 생각합니다. 저 플러그인과 별개로, 블로그 아이콘과 홈페이지 아이콘(파비콘)은 쓰이는 영역이 있습니다.

1-1. 파비콘이란?

"파비콘"이 무엇인지에 대한 설명은 "Google 애드센스 고객센터"에서 제공하는 "용어집"에서 가져와 보겠습니다.

구글 애드센스 고객센터 용어집의 파비콘 (구글 애드센스 고객센터 화면 캡처)

↘"Google 애드센스 고객센터"에서는 "파비콘"을 "회사 로고처럼 광고주가 자신의 웹사이트를 브랜딩 하는 데 사용할 수 있는 작은 그래픽"이라고 정의하고 있습니다. 덧붙여서 "파비콘이 URL 옆에 표시되어 사용자가 광고주를 쉽게 인식할 수 있도록" 돕는다고 하고 있죠. 이로 비추어 봤을 때, 파비콘이 있는 사이트를 구글 애드센스가 좋아한다고 볼 수 있죠. 따라서 우리는 파비콘을 설정해 줄 겁니다.

↘인터넷 사이트에 들어갔을 때 저렇게 상단에 로고같이 조그맣게 들어가는 이미지가 바로 파비콘입니다. 파비콘을 설정하지 않은 일반 블로그는 저렇게 티스토리의 파비콘이 뜹니다. 우리가 원하는 이미지로 파비콘을 바꿔준다면, 내 블로그에 들어올 때는 티스토리 파비콘이 아니라, 내가 등록한 파비콘이 보일 겁니다.

2. 아이콘과 파비콘 동시에 설정하기

홈페이지 아이콘(파비콘)은 애드센스 승인에 영향을 미친다고 생각하기 때문이죠. 파비콘이 설정되어 있는 사이트의 경우, 파비콘이 없는 사이트보다 관리하고 있는 사이트로 여겨져 애드센스 승인률을 높일 수 있다고 생각합니다. 설정하는데 오래 걸리지 않으니 시간을 조금만 투자해 보는 것도 나쁘지 않을 것입니다.

+ 파비콘을 만드는 김에 블로그 아이콘도 동시에 설정 가능하니, 블로그 아이콘도 함께 지정해 주는 것을 추천드립니다. 제가 하는 방식을 그대로 따라오시면 블로그 아이콘과 파비콘을 한 큐에 해결하실 수 있으실 겁니다.

2-1. 아이콘 디자인하기

먼저 아이콘으로 사용할 이미지가 필요합니다. "64×64"px의 사이즈의 이미지를 만들어서 블로그 아이콘과 홈페이지 아이콘(파비콘) 둘 다에 적용해 줄 것이기 때문에, "64×64"px의 사이즈의 이미지 하나만 만들면 됩니다. (만약 두 개의 이미지를 다르게 지정해주시고 싶으신 경우 이미지 두 개를 준비해 주시면 됩니다.)

2-1-1. PhotoScape X

저는 블로그용 디자인 작업을 할 때 (썸네일 제작 등) 포토 스케이프 X라는 툴을 사용합니다. 무료 버전 활용도도 높고, 윈도우뿐 아니라 맥 OS에서도 잘 작동하기 때문에 강력 추천합니다. (저는 맥 이용자입니다.) 다른 이미지 생성 툴 쓰시는 게 있다면 그걸로 아이콘 디자인을 하셔도 되고, 저처럼 포토 스케이프를 사용하는 것도 좋습니다.

PhotoScape X 다운로드 바로가기

PhotoScape X for Mac and Windows 10

History There is a mouse issue in macOS ( Mojave 10.14.0 ~ 10.14.3 and Catalina 10.15 ). A fix for this will be available shortly. --> * Version 4.2.1 (Jan 21, 2022) * Version 4.2 (Jan 16, 2022) (PhotoScape X 4.2 for Windows 10 will be released very soon)

x.photoscape.org

"새로 만들기"로 "64×64"px로 시작하면 됩니다.