[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

  • BackWPup Plugin 설치 및 설정

    BackWPup 플러그인은 인기 있는 워드프레스 백업 및 복원 플러그인 중 하나입니다. 프리 버전에서 50만 명 이상의 활성 설치와 지속적인 업데이트를 통해 안정성과 기능 향상이 이루어지고 있습니다. 이 페이지에서는 BackWPup 플러그인 설치 후 기본 설정 방법에 대해 알아 보겠습니다. 목차워드프레스 파비콘 설정 방법파비콘 지원 파일 형식WordPress Favicon이 중요한 이유1️⃣ BackWPup 기본 백업 튜토리얼 플러그인을…

  • SSL/TLS 보안인증서 등급 3가지

    SSL/TLS 보안인증서는 등급이 존재합니다. TLS 보안인증서 등급은 DV 인증서, OV인증서, EV인증서 크게 3종류로 나눌 수 있습니다. Sectigo와 같은 인증 기관Certificate Authorities에서 등급으로 지정된 TLS 보안인증서를 이용할 수 있습니다. 보통은 서버를 이용하는 회사나 국내 인증기관에서 Sectigo SSL을 포함한 인증 기관의 SSL 제품을 판매하니 필요한 경우 홈페이지 용도에 맞게 사용할 수 있습니다. 목차워드프레스 파비콘 설정…

  • [WP] 워드프레스 이미지 최적화(Image Optimizer) 방법 2가지

    이미지 최적화(Image Optimizer)란 웹사이트 이미지를 적절한 크기로 줄이거나 압축하는 기술을 뜻합니다. 워드프레스로 운영되는 웹사이트는 사용하는 테마와 각종 플러그인을 포함한 이미지 등에 따라 사이트의 속도가 느려지거나 빨라지는 것이 명확하게 드러납니다. 워드프레스를 포함한 웹사이트의 이미지 크기가 클 경우 사이트의 로딩 속도가 저하됩니다. 너무 큰 이미지를 사용하지 않는 것과 함께 기존에 웹사이트에 업로드 된 이미지 크기를…

  • 워드프레스 호스팅 FastComet 성능 평가(Extra Plan $4.99)

    3년 전에 FastComet 호스팅을 일본 서버에서 1년 넘게 사용한 적이 있었기 때문에 이번에 여러가지 용도로 사용할 워드프레스 사이트를 추가하면서 신규 신청을 하게 되었습니다. 신청한 상품은 FastComet Extra 상품으로 신청 후 PHP 8.3에서 8.4로 업데이트 등 워드프레스 사이트 성능을 올리기 위한 작업을 모두 진행했습니다. 테스트는 워드프레스 최적화 플러그인 Perfmatters와 캐시 플러그인 WP Rocket 설치…

  • [WP] 워드프레스 LCP(Largest Contentful Paint) 측정 방법 4가지와 해결 방법

    웹 사이트를 운영할 경우 SEO 측면에서 웹 사이트의 로딩 속도는 매우 중요한 요소입니다. 이번에는 워드프레스 LCPLargest Contentful Paint란 무엇이며, 중요한 이유와 개선하는 방법에 대해 알아 보겠습니다. LCP는 코어 웹 바이탈Core Web Vitals 지표 중 하나입니다. 목차워드프레스 파비콘 설정 방법파비콘 지원 파일 형식WordPress Favicon이 중요한 이유코어 웹 바이탈(CWV) : 출처 클라우드플레어 ⓐ 로딩 속도를…

  • WebP 파일이란?

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