블로그 로고(파비콘) 적용하기 #검색아이콘 #LifeHacks #DreaMerZ-Note

안녕하세요. 잊지 않기 위해 기록하는 블로그. DreaMerZ-Note 입니다.

이번 포스팅에서는 블로그의 배너 아이콘인 파비콘을 적용하는 방법에 대해 소개해드릴게요. 저도 오랜만에 다시 블로그를 관리하다보니, 파비콘을 변경하고 싶어서 이번 기회에 새로운 로고를 적용했습니다. 

그럼, 지금부터 무료 로고 생성 및 파비콘을 적용하고, 확인하는 방법까지 같이 알아봐요. 아! 구글 블로그가 아닌, 다른 플랫폼으로 운영하시더라도 파비콘 적용은 유사할거에요. :) 

* 파비콘(Favicon) 이란?

웹 사이트(ex. 블로그) 를 대표하기 위해 브라우저에서 사용되는 작은 이미지를 말합니다.

| Quick View

적용 방법

# 블로그 관리자 페이지 > 설정 > 파비콘 > 아이콘 파일 선택 > 저장. 끝!

확인 방법

# 본인 블로그 접속 후 기록되는 Google 페이지에 파비콘 출력 확인. 끝!

| 무료 로고 생성하기 (MarkMaker)

최근 AI 플랫폼들이 다수 등장하면서 로고, 아이콘, 캐리커쳐 이미지 등을 자유롭게 생성할 수 있습니다. 다만, 검색되는 무료 사이트의 대부분은 생성은 무료지만, 다운로드는 유료로 제공하고 있습니다. 만약, 고품질 로고(파비콘)이 필요하다면 비용을 지불하고 이용하는 것도 좋지만, 텍스트 기반의 심플한 로고로 충분하다면 다운로드 또한 무료로 제공해주는 플랫폼을 이용하는 것도 하나의 방법이에요. 

무료 로고 생성하는 사이트 중 제가 추천하고 싶은 사이트는 MarkMaker 입니다. 최근에 서비스하는 다른 플랫폼 보다는 창의성이나 품질이 낮지만, 블로그 파비콘 또는 이미지의 워터마크 용도로 사용하기에는 제일 좋다고 생각합니다. 

이용하는 방법은 MarkMaker에 접속 후 사용할 로고를 작성하면 다양하게 이미지를 생성하게 되고, 모든 이미지(PNG)는 무료로 다운로드 받을 수 있습니다. 여기서 꿀팁은 파비콘 로고는 원형 이미지를 추천합니다. 웹 상에서 원형이 가장 깔끔하고, MarkMaker 에서도 원형 로고가 가장 품질이 우수합니다.

- MarkMaker : https://emblemmatic.org/markmaker/#/

| PNG to ICO 변환하기 (Convertio)

MarkMaker 에서 맘에 드시는 로고를 다운로드 받았다면, 해당 이미지를 아이콘 확장자인 ICO 로 변환을 해야합니다. MarkMaker 는 PNG 로 이미지를 제공하기 때문이에요. 그럼 ICO 로 변환은 어떻게 할까요?

이미지 확장자를 변환하는 사이트는 정말 많습니다. 그 중에서도 추천하고 싶은 사이트는 Convertio 입니다. 무료이면서 군더더기 없는 정말 깔끔함을 보여줍니다. 

Convertio 에 접속해서 PNG to ICO 로 설정한 후에 MarkMaker 에서 다운로드 받은 PNG 파일을 업로드하고, 변환이 끝나면 ICO 파일을 다운로드 받으면 끝납니다. 아마 이 모든 과정은 30초면 충분할거에요.

- Convertio : https://convertio.co/png-ico/

| 준비된 '파비콘' 적용하기

파비콘 ICO 파일이 준비되었다면, 블로그 설정에서 적용하면 모든 과정이 완료됩니다. 구글 블로그는 아래 과정으로 적용해주시면 되요. 정말 쉽습니다.

# 블로그 관리자 페이지 > 설정 > 파비콘 > '아이콘 파일 선택' > 저장. 끝!

| 적용된 '파비콘' 확인하기

그럼, 적용된 파비콘은 어떻게 확인할까요? 우선, 확인하기 전에 사용하고 있는 브라우저에서 '인터넷 사용 기록 삭제'를 진행해주세요. 이미 블로그의 캐시파일이 기록된 상태이기 때문에 적용된 파비콘이 즉각적으로 확인되지 않습니다.

캐시 초기화 

# 크롬 > 설정 > 개인정보 보호 및 보안 > 인터넷 사용 기록 삭제 > 데이터 삭제

인터넷 기록(캐시)을 모두 삭제한 후 블로그 주소를 '북마크'에 등록해보면, 아래 이미지와 같이 블로그 이름 앞에 적용한 파비콘을 확인할 수 있습니다. 

그리고 구글에서 블로그를 접속한 적이 있다면, 검색 창 아래에서도 확인할 수 있어요. 정말 작고 이쁘게 적용되어 있네요. 아마, 여기까지 읽으셨다면 적용하는 것보다 어떤 파비를 사용할 지 고민을 더 많이 하셨을 것 같아요. 그러면 모두들 마음에 드시는 파비콘을 적용하시기 바랍니다.

| 검색 창에서는 적용된 파비콘이 안보이는 데?

아마, 눈치 빠르신 분들은 '북마크바' 나 '검색기록'에는 파비콘이 확인되지만, 검색 결과에서는 아직 각 블로그 기본 파비콘이 보여지는 걸 확인하셨을 거에요. 검색 결과에는 위 과정에서 1가지 추가 작업이 필요한데요. 그건 다음 포스팅에서 이어서 설명드릴게요. :) 

* 다음 포스팅

- 검색 결과에 파비콘 표시하기