[티스토리] 파비콘 / 아이콘 설정하기

블로그는 나만의 공간이다. 그러니까 내가 원하는 대로 꾸미고 글을 작성하는 것이 매력이라고 생각한다. 그래서 블로그를 시작했을때 세팅먼저 하기위해 이것저것 알아보던중 아이콘과 파비콘을 알게되었다. 도움이 될만한 사이트와 방법을 공유하니 조금이나마 도움이 되길 바랍니다.

1. 파비콘과 아이콘

파비콘이란?

웹사이트를 대표하는 웹 브라우저에 사용되는 16*16 픽셀의 작은 이미지입니다.

주로 이렇게 상단에 있는 탭에 작게 표시가 되는데 나만의 이미지로 표현하면 더욱 좋겠죠. URL과 함께 표시되는 경우도 있고, 바탕화면으로 사이트를 끌어왔을 경우 등 생각보다 많은 곳에서 사이트 식별하는 데 많은 도움이 됩니다.

파비콘을 설정하면 좋은 이유는 나만의 디자인이기 때문에 방문자가 쉽게 기억할 수 있고, 구글에서는 이 블로그 사용자가 관리에 더 신경 쓴다는 것으로 판단하기 때문인데요. 파비콘 제작 방법과 적용 방법은 아래를 참고해주세요.

아이콘이란?

아이콘은 많이들 들어보셨을 건데요, 말 그대로 프로필 사진처럼 닉네임 (이름) 옆에 나타나는 작은 사진입니다. 다만 티스토리에서 이 아이콘을 표시되게 하려면 <블로그설정 - 플러그인 - 블로그 아이콘표시> 이 설정을 사용하셔야 합니다.

파비콘과는다르게 아이콘 픽셀의 사이즈 16*16, 32*32, 64*64까지 가능합니다. 아이콘 파일의 형식은 JPG, GIP, PNG 모두 가능하나 , 파비콘은 ICO 형식만 가능합니다.

2. 원하는 디자인 제작 사이트

만들고자 하는 나의 아이콘과 파비콘은 직접 제작할 수 있습니다. 일러스트를 잘 이용하시는 분들이라면 이용하시면 되지만 저와 같은 초보자들을 위한 사이트가 많으니 참고 바랍니다. 아래 사이트에서 원하는 디자인으로 파일을 저장해주세요. (사이즈 확인은 필수입니다.)

7,350,000+ free and premium vector icons, illustrations and 3D illustrations

3. 파비콘 전용 파일로 변환

파비콘은 ICO 형식만 등록할수있기때문에 파일 변환을 해야합니다.

1. 먼저 아래 사이트로 접속합니다.
2. 파일선택을 누른 후 이미지를 첨부하고 Create Favicon 을 눌러줍니다.
3. 이미지 옆 다운로드를 눌러 내려받은 다음 압축을 풀면 크기별로 이미지를 저장할 수 있습니다.

Favicon & App Icon Generator

4. 블로그에 적용하기

이제 준비된 파일들을 적용합니다. <블로그관리> 로 들어가면 바로 설정하는 화면이 나옵니다. 각각 이미지 불러오기를 해서 적용해주면 완료입니다.

[Google] 구글 서치 콘솔 이란?