워드프레스 블로그 개설을 위한 모든 것 – 파비콘 등록

글자 크기

이전 글에서는 워드프레스 테마 설정 및 Customizing 에 대해서 알아보았습니다. 이번 글에서는 블로그의 신뢰도를 높일 수 있는 파비콘을 AI를 활용해 쉽게 만들고 워드프레스에 등록하는 모든 과정을 상세히 알아보도록 하겠습니다.

파비콘 만들기와 등록하기

파비콘(favicon)은 대부분의 웹 사이트에서 볼 수 있는 것으로 브라우저의 왼쪽 상단에 있는 작은 아이콘을 말합니다. 웹사이트나 블로그를 대표하는 아이콘으로 사이트의 신뢰도를 향상시킬 뿐만 아니라, SEO에도 도움이 되기 때문에 추가하는 것이 좋습니다.


1) 파비콘 아이콘 쉽게 만들기

파비콘은 보통 블로그명의 약자를 사용하거나 대표 이미지를 사용하는 경우가 많습니다. 그런데 일반 사용자의 경우 그래픽툴을 사용하는 것이 서툴러 마음에 드는 이미지를 만들거나 블로그 이름을 디자인하기가 힘듭니다. 저 또한 마찬가지로 그래픽툴의 사용이 서툴러, 다른 블로그의 파비콘은 미리캔버스에서 예쁜 폰트를 활용해 블로그명의 대표 두 글자를 파비콘으로 만들었었습니다.

이렇게 하면 쉽게 파비콘을 만들 수 있지만 단순한 글자만을 사용하기 때문에 효과적인 파비콘을 만들기가 어렵습니다. 그래서 이번에는 ChatGPT의 도움을 받아 저의 블로그에 맞는 파비콘을 만들기로 하였습니다.
다만 이 기능은 GPT Plus 사용자만 가능하기 때문에, 만약 GPT Plus 사용자가 아니시라면 마이크로소프트 빙의 무료 이미지 생성 기능을 활용해 보시면 좋겠습니다.
빙의 무료 이미지 생성기능을 활용하려면 bing.com에 가입하신 후, 아래 화면에서 “만들기”를 클릭하시면 사용 가능합니다.

빙 무료 이미지 생성 페이지 들어가기

빙의 무료 이미지 생성 기능 이용하기


ChatGPT를 활용해 파비콘을 만드는 방법은 아래와 같은 프롬프트를 작성하여 ChatGPT에게 이미지를 만들라는 명령을 한 후, 원하는 이미지가 나올 때까지 계속 만들어 달라고 하면 됩니다.

프롬프트 : 블로그명이 영어로는 여러분의블로그명이고 한국어로는 여러분의블로그명야. 의미는 여러분의의미라는 의미야. 가로세로 512픽셀의 파비콘으로 쓸 이미지를 만들어 줘. 색상은 눈에 띄는 색상으로 하되 너무 튀지 않도록 하고, 사람들에게 잘 기억되게 만들어 줘. 이미지는 최대한 단순하게 만들어 줘.


ChatGPT에 원하는 이미지가 만들어질 때까지 계속 이미지 만들어 달라고 하기


위와 같이 ChatGPT가 만들어 준 이미지 중 마음에 드는 이미지가 있다면 저장을 한 후, 파비콘으로 등록하기 쉽게 여러가지 사이즈로 아이콘을 만들어 주는 favicon-generator.org 로 들어가서, “파일 선택”을 클릭하여 방금 저장한 파일을 선택하고, “Create Favicon”를 클릭합니다.

favicon-generator.org에서 여러가지 사이즈로 아이콘 만들기


Create favicon를 클릭하면 아래와 같이 여러가지 사이즈의 이미지가 자동으로 생성되며, Download the generated favicon를 클릭하여 다운로드 합니다.

favicon-generator.org에서 만들어진 파일 다운로드 하기


위에서 다운로드한 압축파일을 풀어보면 아래와 같이 여러가지 사이즈의 png 파일과 favicon.ico 파일이 있는 것을 볼 수 있는데, 실제 여기서 파비콘으로 사용되는 파일은 favicon.ico 파일입니다. 하지만, 워드프레스에서는 가로세로 512픽셀의 이미지를 사용하면 되기 때문에 이 파일들이 실제로 사용되지는 않습니다. 다만, 워드프레스에서 512픽셀 사이즈가 적용되지 않을 때 사용하기 위해 미리 준비해 놓는 것이 좋습니다.

favicon-generator.org에서 만들어진 아이콘 파일 확인


2) 워드프레스에 파비콘 등록하기

이제 ChatGPT를 활용해 원하는 파비콘을 만들었다면, 워드프레스 관리자 계정에서 외모 → 사용자 정의하기 를 클릭합니다.

이제 ChatGPT를 활용해 원하는 파비콘을 만들었다면, 워드프레스 관리자 계정 외모에서 사용자 정의하기 를 클릭합니다


아래 화면에서 사이트 아이덴티티를 클릭합니다. 

사이트 아이덴티티를 클릭합니다


아래 화면에서 “사이트 아이콘 선택”을 클릭한 후, ChatGPT를 활용해 만든 아이콘을 선택합니다.

사이트 아이콘 선택을 클릭한 후, ChatGPT를 활용해 만든 아이콘을 선택합니다


아래와 같이 아이콘을 선택한 후에 공개를 클릭하면 블로그에 파비콘이 등록됩니다.

아이콘을 선택한 후에 공개를 클릭하면 블로그에 파비콘이 등록됩니다


아래 화면의 왼쪽 탭은 파비콘을 적용하기 전의 블로그이고 오른쪽은 적용후의 블로그입니다. 파비콘이 있고 없고의 차이가 상당히 크다는 것을 느끼실 수 있으실 겁니다.

파비콘 적용 전후 비교 효과



오늘은 워드프레스 블로그의 파비콘을 AI를 활용해 쉽게 만들고 설정하는 방법에 대해 상세히 알아보았습니다. 디자인 툴 사용이 어려우신 분들은 무료 AI을 활용해 얼마든지 쉽게 파비콘을 만들 수 있기 때문에 적극적으로 활용해 보실 것을 추천드립니다.

워드프레스 블로그 개설을 위한 모든 것 – 구글 검색 엔진 등록