어떻게 당신의 웹 사이트에 파비콘을 설치하는 방법?

파비콘 - (영어로 번역) "선택 아이콘"의 약자. 이름은 "즐겨 찾기"/ "즐겨 찾기"라고 인터넷 익스플로러의 즐겨 찾기 목록에서 온다. 당신이 당신의 즐겨 찾기 익스플로러 (버전 5 이상)에 사이트를 추가하면, 요청과 서버를 참조하는 리소스 파일의 favicon.ico 여부. 이러한 파일이 존재하는 경우, 북마크 텍스트 옆에 표시되는 아이콘을 제공하는 데 사용됩니다.

다른 브라우저 (예를 들면, 모질라)도 favikonok에 대한 지원합니다. 검색을위한 프로그램에 따라,이 아이콘뿐만 아니라 책갈피 목록에서 (사실, 그것도가 표시되지 않습니다), 다른 장소에서 표시 할 수 있습니다. 그것은에 표시되는 주소 표시 줄 또는 브라우저 탭의 제목입니다.

브라우저 탭의 아이콘

대부분의 사용자는 브라우저 창에 탭이 너무 많이 열려 경향이있다. 탭 숨겨진 이름 사이트의 수의 증가와 함께. 파비콘은 링크를 식별하고 신속하게 열려는 탭으로 전환 할 수있는 사용자를하는 데 도움이됩니다.

사용자가 모바일 장치에서 바탕 화면에 당신의 마음에 드는 사이트를 추가하고자하는 경우 또한, 아이콘이 사용됩니다. 따라서이 설정 파비콘 전에 그림을 선택하는 것이 필요하다. 이 사이트 아이콘이 바탕 화면, 태블릿 또는 스마트 폰 응용 프로그램 아이콘으로 표시됩니다.

어떻게 파비콘을 만드는 방법?

의 favicon.ico를 만들려면, 당신은 단지 PNG 파일의 16 × 16을 저장하고 자원 아이콘 png2ico로 변환해야합니다. 단독 재량에, 당신은 대체 솔루션을 제공하기 위해 동일한 아이콘에 다른 이미지를 추가 할 수 있습니다. 대부분의 브라우저는 이미지 만 16 × 16 형식을 사용하지만, 다른 상황에서 (예를 들어, 바탕 화면에 주소 표시 줄에 URL을 드래그) 큰 아이콘이 화면에 표시 할 수 있습니다. 자원은 16 × 16 아이콘 이미지가 포함 된 경우, 원하는 크기로 조정됩니다, 그래서 기술적으로 다른 솔루션을 추가 할 필요가 없습니다. 그러나,이 사진의 품질을 향상시킬 수 있습니다. 당신이 당신의 웹 사이트에 파비콘을 설치하기 전에, 그것은 다른 크기의 사진 모양을 확인해야합니다.

그 몇 초 동안 페이지로드 시간을 증가시킬 수 느린 인터넷 연결 파비콘을 가진 사용자에 대한 유의하십시오. 이미지 파일이 너무 크고, 너무 과용하지 않는 경우에 가능하다. 32 × 32 형식의 대안을 추가하면 사진도 큰 아이콘 상황에서 잘 보이지 시작하기에 충분합니다. 옵션의 더 큰 수를 사용하여 - 그것은 단지 개발자 사이트의 요청에 따라 수행 보너스입니다. 16 색상 수를 유지하고 png2ico (또는 흑백 아이콘)와 16 색 아이콘을 만들어보십시오. 이것은 빠르게로드하는 작은 파일을 유지합니다.

이미지를 만들 때 아이콘이 다른 배경 색상을 표시 할 수 있음을 잊지 말아야한다의 favicon.ico에 추가 할 수 있습니다. 이러한 이유로 단색 배경 투명하고하지를 사용하는 것이 가장 좋습니다. 그가 어떤 배경과 조화 것을 올바르게 가장 파비콘 설치하는 방법에 대한 길고 힘든 생각하십시오. 백분율로 측정 중간 값을 설정하는 것이 가능하다는 것을 주목해야한다. 전문가들은 이상적인 배경 투명성의 30-40 %를 차지, 설정하는 것을 말한다.

당신은 당신의 브랜드 로고, 사용자 정의 웹 사이트 아이콘을 만드는 삶의 주제 또는 좋아하는 이미지의 기호를 사용할 수 있습니다. 파비콘 권장 크기 - 폭과 높이가 적어도 512 픽셀. 이미지는 사각형이어야합니다,하지만 당신은 큰 사각형 이미지를 사용할 수 있습니다. 당신이 (너무 큰 그림의 형태로 SMF에 파비콘을 설치하는 방법에 대해 걱정하지 마십시오)을 추가 할 때 대부분의 엔진은, 당신은 사진을자를 수 있습니다.

"포토샵"으로 아이콘 만들기

전문가들은 사용하는 것이 좋습니다 , 이미지 편집을 예를 들어, 어도비 포토샵이나 김프. 이 파비콘에게 정확히 512 × 512 픽셀을 생성합니다. 따라서, 당신은 이미지의 정확한 비율을 저장 투명한 이미지를 사용하거나, 당신의 선택의 배경을 채울 수 있습니다. 이 그림은있을 수 PNG 형식, JPEG 또는 GIF. 그럼 당신은 귀하의 사이트에 파비콘을 설치하는 방법을 결정해야합니다.

이유는 사이트에 추가해야합니까?

이미 언급, 파비콘 아이콘 - 다음 브라우저에서 사이트의 이름에 나타나는 작은 아이콘입니다. 그것은 사용자가 즉시 작은 이미지를 정의합니다 귀하의 사이트에 링크를 더 자주 방문자를 식별하는 데 도움이됩니다. 이는 브랜드 인지도를 높이고 관객들 사이의 신뢰를 승리하는 데 도움이됩니다. 따라서, 파비콘 사이트의 "개성"을 정의합니다. 또한, 그것은 또한 웹 사이트의 사용성 및 사용자 경험을 향상시킵니다.

당신의 웹 사이트의 HTML에 파비콘을 설치하는 방법

웹 페이지에 새 파비콘을 추가하려면, 당신은 같은 폴더에있는 서버에 설치해야합니다 경우 웹 페이지 (예를 들어, www.example.com/foo/index에 대한 www.example.com/foo/favicon.ico. HTML). 이 브라우저는 다운로드를 찾습니다 첫번째 장소에있는 데이터이다. 그 아이콘을 찾을 수없는 경우, 서버의 최상위 디렉토리 (서버에서 www.example.com에 대한 www.example.com/favicon.ico)을 확인. 당신이 거기를 설정하면 이러한 이유로, 당신은 도메인의 모든 페이지에 대한 기본 아이콘이 할 수있을 것입니다. 브라우저 구성에 따라하고, 파비콘은 항상 위의 위치 중 하나에 있고 웹 페이지를 볼 경우에도 표시되지 않습니다.

코드 페이지 파비콘의 존재에 등록하려면 <헤드>에 다음 두 줄을 추가 할 수 있습니다 :

<링크 확인해 = "아이콘"HREF = "HTTP : // 사이트 /article/251554/favicon.ico"유형 = "이미지 / X-아이콘">
<링크 REL = "단축 아이콘"HREF = "http://fb.ru/article/251554/favicon.ico"일반 전자 = "이미지 / X-아이콘">

파비콘 추가하는 방법 워드 프레스 블로그에를

당신이 "Direkte"에 파비콘을 설정하는 방법을 생각해 보는 경우에, 여기에 너무 어려운 것은 없다. 인터페이스는 당신이 선택하고 사진을 업로드 할 수 있도록 해당 메뉴 항목이 있습니다.

워드 프레스에 파비콘을 추가하는 방법

워드 프레스 4.3 버전부터는 당신은 사이트의 관리 영역에 파비콘을 추가 할 수 있습니다. 그냥 "보기"/ "설정"으로 이동하여 탭 "사이트"를 선택합니다.

사용자 정의 기능의 사이트 ID의 섹션에서는 자원 이름과 설명을 변경할 수 있습니다. 메뉴를 종료하기 전에 항상 당신이 정말로 헤더에 새로운 데이터를 표시 할 것인지 질문을 나타납니다. 그것은 또한 당신이 사이트에 대한 귀하의 아이콘을 업로드 할 수 있습니다. 단순히 "파일 선택"을 클릭하고 파비콘으로 사용할 이미지를 업로드합니다.

블로그에 파비콘 추가

다음과 같이 파비콘이 설정하는 방법에 대한 자세한 지침을 제공합니다. 업로드 할 이미지가 권장 크기를 초과하면, 워드 프레스는 당신이 그것을자를 수 있습니다. 이 권장 설정과 일치하는 경우, 당신은 단순히 변경 사항을 저장할 수 있습니다. 이 사이트 줌라에 파비콘을 설치하는 방법에 대한 지침이 같은 방식을 보이는 것을 주목해야한다.

사이트를 볼 때 그 후, 당신은 행동에 파비콘을 볼 수 있습니다. 또한 브라우저의 메뉴에서 "전체 버전을 다운로드"를 선택한 다음 모바일 장치에서 사이트로 이동 할 수 있습니다. 당신은 아이콘이 본격적인 데스크톱 컴퓨터로 표시됩니다 것을 알 수 있습니다.

이전 버전 (4.2 이상) 워드 프레스 파비콘을 설치하는 방법

상의 루트 디렉토리에 자신의 파비콘을 업로드 FTP. 그런 다음 파일 header.php 원하는 항목이 코드를 삽입 할 수 있습니다.

<링크 확인해 = "아이콘"HREF = "HTTP : //www.example COM / favicon.png."유형 = "이미지 / X-아이콘">

<링크 확인해 = "바로 가기 아이콘"HREF = "HTTP :. //www.example COM / favicon.png"유형 = "이미지 / X-아이콘">

귀하의 웹 사이트 URL에 wpbeginner.com 교체하고 모든 수행됩니다. 블로그는 header.php 파일이없는, 또는 당신이 그것을 찾을 수없는 경우, 특별한 플러그를 사용합니다. 설치 및 사이트 설정에서 활성화해야합니다. 플러그인을 활성화 한 후, "설정"으로 이동, "머리글과 바닥 글 삽입"을, 헤더 섹션에서 위의 "코드 상자"탭을 참조하십시오 스크롤하고 설정을 저장합니다.

당신은 FTP 작업의 복잡한 처리하지 않으려는하지만 파비콘을 설정하는 방법에 여전히 관심이 있다면, 당신은 또한 모든 단계에서 부하 아이콘을 조절하는 특별 플러그인을 사용할 수 있습니다. 엔진에 이러한 추가는 워드 프레스에 사용할뿐만 아니라, Joomla를 포함한 다른 인기있는 시스템에 대한 없습니다.