[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

  • 워드프레스 대시콘: dashicons.min.css 3.8 공식 아이콘 글꼴 | 2020년 SVG 아이콘으로 교체

    워드프레스 대시콘은 워드프레스 3.8 버전(2013년) 에서 도입된 공식 아이콘 글꼴입니다. 관리자 화면 전반에서 메뉴와 버튼 등에 아이콘을 표시하기 위해 사용되었지만, 폰트 기반 아이콘의 한계와 해상도 문제로 인해 2020년경부터 SVG 아이콘 체계로 전환되었습니다. 현재 대부분의 최신 테마와 플러그인은 SVG 아이콘이나 커스텀 아이콘 세트를 사용하는 추세입니다. 목차워드프레스 파비콘 설정 방법파비콘 지원 파일 형식WordPress Favicon이 중요한…

  • 워드프레스 버튼 만들기&링크 추가 방법

    워드프레스에서 콘텐츠를 작성하다 보면 추가 설명이 필요하여 내부 및 외부 링크를 만들어야 하는 경우가 있습니다. 웹사이트의 좋은 사용자 인터페이스(UI)는 좋은 사용자 경험(UX)로 연결되기 때문입니다. 워드프레스 버튼은 구텐베르크 에디터에서 빼 놓을 수 없는 매우 주요한 기능으로 자리 잡았습니다. 목차워드프레스 파비콘 설정 방법파비콘 지원 파일 형식WordPress Favicon이 중요한 이유 ✅ 워드프레스 블록 버튼 만들기 워드프레스…

  • CDN이란? CDN 사용 이유와 이점 5가지

    CDN(Content delivery network:콘텐츠 전송 네트워크)은 콘텐츠를 효율적으로 전송하기 위해 여러 서버 위치에 데이터를 저장해서 제공하는 시스템입니다. HTML, CSS, 자바스크립트, 이미지 및 동영상 등의 콘텐츠를 신속하게 전달할 수 있습니다. 목차워드프레스 파비콘 설정 방법파비콘 지원 파일 형식WordPress Favicon이 중요한 이유 CDN 사용 이유와 효과 1. 지리적 이점 원본 서버(Origin Server)와 떨어져 있어도(해외 등) 클라이언트가 웹…

  • 워드프레스 Redis Cache 설치 및 설정

    Redis Cache는 비관계형 데이터베이스 관리 시스템으로, 오픈 소스 기반으로 개발된 Remote Dictionary Server의 약자입니다. 이 시스템은 키-값 구조의 비정형 데이터를 저장하고 관리합니다. 목차워드프레스 파비콘 설정 방법파비콘 지원 파일 형식WordPress Favicon이 중요한 이유✅ Redis Cache 설치 ✅ Redis Cache 설정 🔲 redis.conf 설정 🔲 wp-config.php 설정 🔲 redis Service 설정 ✅ Redis Object Cache…

  • wp-config.php 보안 취약점: 워드프레스 보안 강화

    워드프레스 설치 후 반드시 확인해야 할 파일 중 하나가 바로 wp-config.php입니다. 이 파일은 데이터베이스 접속 정보와 보안 키 등이 포함된 핵심 설정 파일로, 외부에 노출되거나 잘못 설정될 경우 사이트 전체가 심각한 위협에 노출될 수 있습니다. 이번 페이지에서는 wp-config.php의 주요 보안 취약점과 이를 안전하게 보호하기 위한 점검 방법을 자세히 알아보겠습니다. 목차워드프레스 파비콘 설정 방법파비콘…

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

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