[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] 3가지 리소스 힌트로 워드프레스 성능 향상

    워드프레스 웹 사이트를 운영하면서 초보자의 경우 테마와 플러그인을 하나 씩 설치하면서 점점 느려지는 속도에 당황하게 됩니다. SEO에도 좋지 않지만 느린 웹 사이트는 방문자 이탈율이 늘어날 수 밖에 없습니다. 속도를 향상시키기 위한 방법 중 하나는 캐시 플러그인 사용이며, 거의 모든 캐시 플러그인에 있는 리소스 힌트 제거 기능에 대해 알아 보겠습니다. 목차워드프레스 파비콘 설정 방법파비콘…

  • WebP 파일이란?

    2010년 Google은 온라인 이미지를 줄이기 위해 ‘WebP 파일‘ 포맷을 만들었습니다. 사진의 그래픽과 크기를 줄여 더 빠른 웹사이트 로딩이 가능합니다. 무료로 사용할 수 있는 오픈 소스 파일입니다. 목차워드프레스 파비콘 설정 방법파비콘 지원 파일 형식WordPress Favicon이 중요한 이유 1. WebP 파일 정의 ‘WebP‘는 기존의 PNG 및 JPEG 파일보다 포맷 파일 크기가 작습니다. 확장자 또한 [.WEBP]로…

  • 워드프레스 임베드 기능: 활용 및 장·단점

    워드프레스 임베드 기능은 웹사이트에서 외부 콘텐츠(다른 워드프레스 사이트, 유튜브 영상, 트윗, 인스타그램 게시물 등)를 별도의 코드 입력 없이 손쉽게 게시글에 삽입할 수 있도록 돕는 기능입니다. 임베드 기능은 2015년 12월 8일WordPress 4.4 때 출시 되었으며, oEmbed 기능이 핵심 기능에 통합되었습니다. 목차워드프레스 파비콘 설정 방법파비콘 지원 파일 형식WordPress Favicon이 중요한 이유 1. 워드프레스 임베드 기능 사용…

  • 엔바토 엘리먼트란? $16.5 정기구독으로 2천여개 워드프레스 테마와 플러그인 사용

    엔바토 엘리먼트envato Elements는 스톡 비디오, 비디오, 음악과 음향효과, 그래픽, 사진, 글꼴을 정기구독으로 무제한 사용할 수 있는 서비스입니다. 그리고 워드프레스 테마와 플러그인, 드루팔, 줌라, 고스트 등의 CMS 템플릿 등을 사용할 수 있습니다. 이 모든 서비스는 $16.50 금액으로 크리에이트브 구독을 할 수 있습니다. 목차워드프레스 파비콘 설정 방법파비콘 지원 파일 형식WordPress Favicon이 중요한 이유 1. 엔바토…

  • WooCommerce 설치 및 설정 | 전자상거래는 워드프레스 우커머스 플러그인으로 시작하는 이유

    WooCommerce는 워드프레스 전용 전자상거래 플랫폼입니다. 워드프레스 CMS는 상상하는 모든 사이트를 만들 수 있으며 그 중에 전자상거래 웹사이트가 하나입니다. 전자상거래 플랫폼으로 Woocommerce vs Shopify 로 비교하면 WooCommerce에 손을 들어주고 싶습니다. 왜냐하면 워드프레스 블로그를 운영하면서 검색 엔진 최적화 플러그인을 사용할 수 있기 때문입니다. “WooCommerce”라는 이름은 기대감과 즐거움을 상징하는 감탄사 “Woo”와, 상거래를 뜻하는 “Commerce”의 합성어입니다. 즉,…

  • [WP] 워드프레스 HTTP 요청 줄이는 방법 7가지

    워드프레스로 만든 웹 사이트가 느리다면 그 중 한 가지 이유는 HTTP 요청 수가 많기 때문일 수 있습니다. 워드프레스에서 요청을 줄여 로딩 속도를 향상 시킬 수 있습니다. 목차워드프레스 파비콘 설정 방법파비콘 지원 파일 형식WordPress Favicon이 중요한 이유 HTTP 요청이란? HTTP는 인터넷에서 데이터(HTML, CSS, 이미지, 비디오 등)를 전송하는데 사용되는 프로토콜입니다. 웹 상에는 서버에서 호스팅 되는…