브라우저 탭을 여러 개 띄워 놓고 일하다 보면 사이트를 글자가 아니라 탭의 작은 아이콘으로 찾게 됩니다. 이 아이콘이 파비콘입니다. 파비콘이 워드프레스 기본 로고이거나 비어 있으면 그 자체로 관리가 안 되는 사이트라는 인상을 줍니다. 다행히 바꾸는 방법은 5분이면 충분합니다.

워드프레스에서 바꾸는 위치

관리자 화면에서 외모 > 사용자 정의하기 > 사이트 아이덴티티로 들어가면 ‘사이트 아이콘’ 항목이 있습니다. 여기에 이미지를 업로드하고 게시를 누르면 끝입니다. 별도 플러그인도, 코드 수정도 필요 없습니다. 테마에 따라 메뉴 이름이 조금 다를 수 있지만 ‘사이트 아이콘’이라는 항목명은 대부분 같습니다.

규격은 512픽셀 정사각형

워드프레스가 권장하는 규격은 512×512픽셀 정사각형입니다. 이 한 장을 올리면 브라우저 탭, 즐겨찾기, 모바일 홈 화면 아이콘까지 자동으로 크기별 변환이 됩니다. 이미지를 만들 때는 다음을 지켜 주세요.

• 가로 로고가 아닌 심볼(마크)만 사용 — 작게 줄었을 때 글자는 보이지 않습니다.
• 배경은 투명 PNG 또는 브랜드 컬러 단색으로.
• 여백을 너무 많이 두지 않기 — 탭에서는 아이콘이 이미 충분히 작습니다.

심볼이 따로 없는 회사라면 회사명 첫 글자 하나를 브랜드 컬러 배경 위에 올리는 것만으로도 깔끔한 파비콘이 됩니다.

바꿨는데 안 바뀌어 보인다면

파비콘을 교체했는데 탭에는 옛 아이콘이 그대로인 경우가 많습니다. 파비콘은 브라우저가 유난히 오래 캐시에 저장하는 파일이라 그렇습니다. 시크릿 창으로 열어 보거나 강력 새로고침을 해 보면 실제로는 바뀌어 있는 경우가 대부분이니, 재업로드를 반복하기 전에 캐시부터 의심하세요. 방문자에게는 시간이 지나면 자연스럽게 새 아이콘이 반영됩니다. 참고로 파비콘 같은 브랜딩 요소를 어디까지 챙길지는 사이트 성격에 따라 달라지는데, 홈페이지 유형 비교 가이드를 보시면 우리 사이트에 필요한 요소의 우선순위를 잡기 쉽습니다.

※ 파비콘을 바꿀 때 회사 로고 파일 원본(고해상도)을 함께 정리해 두세요. 이후 블로그 썸네일, SNS 프로필 등 어디서든 같은 심볼을 쓰는 것이 브랜드 일관성의 시작입니다.

파비콘 하나까지 챙기는 디테일이 사이트의 완성도를 만듭니다. IDC.KR에서 제작하는 홈페이지는 파비콘과 브랜딩 요소 세팅이 기본 포함이며, 운영 중인 사이트의 소소한 손질이 필요하시면 문의하기로 편하게 말씀해 주세요.