본문 바로가기
생활정보

워드프레스에 필수 파비콘 쉽게 만드는법

by 2nd wind 2023. 7. 6.

파비콘이란 인터넷의 웹 브라우저 주소창에 표시되는 작은 이미지를 말합니다. 이런 파비콘은 내 사이트를 대표하는 이미지로 사용하여 사용자에게 각인시켜 줄 수 있는 도구입니다 특히 워드프레스를 운영하신다면 신뢰도를 높이는 파비콘은 필수입니다.

파비콘 만들기

포토샵을 이용해 만들 수도 있지만 해당 사이트를 이용하여 보다 쉽고 편하게 다양한 사이즈의 파비콘을 제작할 수 있습니다.

 

1) 파일 선택 후 생성하기

파비콘제작사이트

원하는 사진 파일을 선택해 [파일선택] 아이콘을 클릭 후 [Create Favicon] 버튼을 클릭합니다. 다른 설정이 필요하시다면 옵션 내용으로 변경해 주시면 되나 기본 설정으로 진행하시면 됩니다. 주의할 점은 너무 큰 이미지를 선택할 경우는 업로드가 불가하니 용량을 줄이거나 작은 사이즈의 이미지를 사용해 주세요.

 

2) 다운로드

파비콘사이트

사진 선택 후 다운로드 할 수 있는 페이지로 넘어갑니다. 이때 파란색 글씨인 [Download the generated favicon] 버튼을 클릭하면 압축된 파비콘 파일을 내 컴퓨터로 다운로드하실 수 있습니다. html의 코드도 함께 만들어지니 홈페이지를 운영하거나 코드가 필요하다면 원하는 사이즈의 해당 코드를 복사해 접목하실 수도 있습니다.

 

3) 파비콘 선택

파비콘썸네일

위 화면처럼 내가 만든 파비콘이 완성되었습니다. 원하는 사이즈에 맞게 사용하시면 됩니다. 아래 [바로가기] 버튼을 클릭하시면 해당 파비콘 추천 사이트로  바로 연결됩니다.

파비콘 적용하기

지메일파비콘다음파비콘티스토리파비콘
지메일 파비콘 / 다음 파비콘 / 티스토리 파비콘

티스토리 파비콘 적용하는 방법

티스토리관리

관리창에서 하단의 [블로그]를 선택합니다.

 

티스토리파비콘

파비콘 [불러오기] 버튼을 클릭합니다.

 

파비콘미리보기

내 컴퓨터에 파비콘 이미지를 선택합니다.

 

파비콘형식

저장하면 바로 적용이 됩니다. 

 

파비콘적용모습

티스토리 블로그의 파비콘이 적용된 모습입니다. 그 외에 아이콘으로도 적용이 가능합니다.