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

공정위 광고 문구 Ver 3.1
공정위 광고 문구 Ver 3.2(모바일 전용)

파비콘(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

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

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

  • [WP] 이미지 최적화 플러그인 BEST5 비교

    워드프레스 이미지 최적화 플러그인(Image Optimizer Plugin)은 웹사이트의 이미지 크기를 줄여 최적화를 진행합니다. 워드프레스로 구축한 사이트는 테마의 기능과 플러그인을 사용하면서 사이트의 로딩 속도가 늘어납니다. 웹사이트의 속도에 영향을 주는 또 다른 요인은 이미지 파일입니다. JPEG와 PNG 이미지 파일은 웹사이트 로딩 속도가 느려지는 주범이며, 특히 두 파일을 WebP 형식으로 변환 및 적절한 크기로 이미지 최적화가 필요하게…

  • [WP] 워드프레스 500 내부 서버 오류 원인과 해결 방법

    워드프레스를 이용한 웹 사이트를 운영하는 중 여러가지 문제가 발생할 수 있습니다. 그 중에 자주 발생하는 워드프레스 500 내부 서버 오류 원인과 해결 방법에 대해 알아 보겠습니다. 1. 워드프레스 500 내부 서버 오류Internal Server Error 원인과 해결 방법 HTTP 상태 코드 중에 하나인 워드프레스 500 에러 원인은 다양합니다. 기본적인 사항은 서버에 문제가 있으며 정확한…

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

    CDN(Content delivery network:콘텐츠 전송 네트워크)은 콘텐츠를 효율적으로 전송하기 위해 여러 서버 위치에 데이터를 저장해서 제공하는 시스템입니다. HTML, CSS, 자바스크립트, 이미지 및 동영상 등의 콘텐츠를 신속하게 전달할 수 있습니다. CDN 사용 이유와 효과 1. 지리적 이점 원본 서버(Origin Server)와 떨어져 있어도(해외 등) 클라이언트가 웹 사이트에 접속했을 때 들어온 콘텐츠 요청은 가까운 CDN 서버에서 캐싱된…

  • [WP] 워드프레스 드롭인 플러그인이란?

    워드프레스 드롭인 플러그인Drop-In Plugin은 제한된 Wordpress 기능을 대체하거나 향상 시키는 기능을 가진 플러그인입니다. 추가 기능을 제공하기도 하며 워드프레스 관리자 페이지 플러그인 카테고리에서 확인할 수 있습니다. 하나의 파일로 서버 디렉토리 내의 루트 폴더/wp-content/Drop-In-Plugin명 워드프레스 /wp-content/ 폴더 내에 위치하며, 워드프레스 관리자 페이지 > 플러그인 > 드롭인 플러그인(활성화 된 경우)을 활인할 수 있습니다. 1. 워드프레스 드롭인…

  • [WP] 워드프레스 사이트 건강 필수 모듈 imagick 설치하기

    워드프레스 필수 플러그인 사이트 건강에서 사이트 건강 상태를 확인할 때 “하나 이상의 필수 모듈을 누락했습니다.”와 같은 글을 확인할 수 있습니다. ‘필수 모듈 imagick’는 미디어 업로드에 더 나은 이미지 품질을 제공합니다. 1. 필수 모듈 imagick 사이트 건강에서 권장 사항 중 모듈이 누락되었다는 안내가 확인 되었을 경우입니다. 워드프레스 서버 환경 안내 페이지에서 해당 내용을 확인할…