[WP] 워드프레스 파비콘(Favicon) 설정하기

파비콘(Favicon)은 즐겨 찾기와 아이콘의 합성어 [favorites + icon]로 만들어 졌습니다. 보통 웹사이트 브랜드나 로고의 간결한 버전이나 웹사이트를 대표하는 이미지를 나타내며, 사용자가 해당 웹사이트를 쉽게 식별할 수 있도록 도와 줍니다.

파비콘은 주로 웹사이트의 루트 디렉터리에 “favicon.ico”라는 파일 이름으로 저장됩니다. 브라우저는 이 아이콘을 자동으로 로드하여 사용자에게 표시합니다. 또한, 파비콘은 웹사이트의 다양한 페이지에서 사용될 수 있으며, 각 페이지마다 다른 아이콘을 사용하려면 HTML 문서의 요소를 사용하여 지정할 수 있습니다.

파비콘(Favicon): 구글과 Semrush

구글과 Semrush의 파비콘처럼 웹 사이트의 전반적인 디자인 및 브랜딩에 중요한 역할을 하며, 웹사이트를 더 쉽게 식별할 수 있게 해 줍니다.

워드프레스 파비콘 설정 방법

워드프레스 관리자 페이지에서 [외모] > [사용자 정의하기] > 사이트 아이덴티티(Site Identity) 경로에서 파비콘을 설정할 수 있습니다. 만들어 놓은 이미지를 드래그 하는 방식으로 설정할 수 있습니다.

워드프레스 파비콘 설정 uknew.co

정사각형이어야 하고 최소 512 x 512 픽셀이어야 하는 조건이 있습니다. 워드프레스에서 권장하는 파비콘 크기는 언급한 것 처럼 512 x 512 이며, 이는 다양한 디바이스와 브라우저에서 파비콘 이미지가 더 잘 보이도록 하기 위한 것입니다. 고해상도 디스플레이와 모바일 디바이스에서 더 높은 해상도의 이미지를 사용하는 것이 화질을 향상시킬 수 있기 때문입니다.

512 x 512 크기가 아닐 경우 설정할 때 이미지를 자를 수 있는 페이지로 이동합니다.

파비콘 지원 파일 형식

예전에는 파비콘의 지원이 특정 ICO 파일을 사용하는 조건이었지만 최신 브라우저에서 ICO, PNG, GIF 파일 사용도 지원하고 있습니다.

WordPress Favicon이 중요한 이유

워드프레스 파비콘 설정은 필수 요소입니다. 앞서 다른 웹사이트 역시 동일하지만 브랜드 인지도를 향상 시키고, 소비자의 신뢰도를 향상시킬 수 있습니다. 일반 블로그 사이트라도 파비콘이 있다면, 기본적인 구색이 갖춰진 사이트로 인식할 수 밖에 없겠지요.

모바일 장치에서도 파비콘을 사용하여 브랜드와 상표로서의 인지도를 향상시킬 수 있습니다.

iPhone에 표시 된 WordPress 앱 아이콘

Similar Posts

  • [WP]워드프레스 무료 테마 추천: BEST 9

    워드프레스를 시작하는 경우 어떤 유료 테마와 무료 테마가 좋은지, 운영할 사이트 목적에 적합한 테마를 찾는 일부터 시작해야 합니다. 유료 테마 이전에 설치하려는 워드프레스 무료 테마가 설치 후 삭제하지 않고 사용할 만한 가치가 있는지 미리 검토를 고려하고 싶을 때 체크할 수 있는 무료 테마 리스트입니다. 목차워드프레스 파비콘 설정 방법파비콘 지원 파일 형식WordPress Favicon이 중요한…

  • 워드프레스 관리자 페이지 접속 및 개요

    워드프레스 홈페이지를 만들기 위해 도메인을 구매하고 호스팅 서비스를 결제 후 워드프레스 설치(cPanel 워드프레스 설치)까지 마무리 되었다면 워드프레스 관리자 페이지 메뉴에 접속하게 됩니다. WP 관리자, WP 관리자 패널, WP 관리자 대시보드 등으로 부르는 워드프레스 관리자 대시보드는 워드프레스 웹 사이트의 제어판입니다. 워드프레스를 이용한 전자상거래, 블로그, 회사 소개 사이트 등 다양한 용도로 활용하는 워드프레스 CMS에서 제품을…

  • Perfmatters 플러그인 리뷰 & 가이드: 3년 동안 사용한 워드프레스 성능 최적화 설정 방법

    Perfmatters 플러그인은 워드프레스 최적화 플러그인 중에서도 가볍고 강력한 퍼포먼스를 제공하는 도구입니다. 불필요한 스크립트와 리소스를 손쉽게 제어해 페이지 로딩 속도를 개선하고, 서버 부하를 최소화할 수 있습니다. 3년 이상 사용하면서 느낀 점은, 단순한 속도 향상을 넘어 사이트 전체의 안정성과 관리 편의성을 높여준다는 점이었습니다. 현재 이 웹사이트는 WP Rocket Cache 플러그인과 Perfmatters를 함께 사용하고 있습니다. 이…

  • WP Fastest Cache 플러그인: 기본 설정 및 속도 테스트

    워드프레스를 설치하고 테마까지 적용한 초기 상태에서는 일반 사용자용 페이지와 관리자 페이지 모두 빠른 속도를 체감할 수 있습니다. 그러나 플러그인이 하나둘 추가되면서 사이트는 점점 느려지고 무거워지기 마련입니다. 이러한 성능 저하를 해결하기 위해 많은 캐시 플러그인들이 사용되지만, WP Fastest Cache 플러그인은 가볍고 간편한 인터페이스를 제공하면서도 기능 면에서 결코 부족하지 선택지 중 하나입니다.WP Fastest Cache는 프리…

  • Clearfy 자산 관리자 설정 방법

    워드프레스 캐시 플러그인 중 Clearfy 자산 관리자 설정을 사용해서 워드프레스 사이트 내에서 사용하지 않는 CSS 및 JS를 비활성화 할 수 있습니다. 일반적인 캐시 플러그인이 가지고 있지 않은 기능으로 특정 CSS 또는 JS 파일이 무거운 경우 비활성화를 진행할 수 있습니다. 목차워드프레스 파비콘 설정 방법파비콘 지원 파일 형식WordPress Favicon이 중요한 이유1. Clearfy 자산 관리자 경로…

  • 워드프레스 RDS 링크 목적과 제거하는 방법

    워드프레스 설치 시 RSD 링크는 기본으로 생성되어 활성화되어 있습니다. 워드프레스 RSD 링크는 외부 애플리케이션이 워드프레스 사이트와 보다 쉽게 통신할 수 있도록 하는 목적을 가지고 있습니다. 이를테면 Windows Live Writer(PC 블로그 작성기), MarsEdit(Mac용 블로그 작성기)에서 작성한 글을 워드프레스에 업로드할 때 활용됩니다. 워드프레스 모바일 앱은 처음에 접속 설정 시 RDS 링크를 사용합니다. RSD 링크는 XML-RPC…