귀하의 사이트에 대한 크기 파비콘

웹 디자인에서, 당신은 아마 알다시피, 모든 세부 사항. 귀하의 사이트에 가서 그 남자는 별도로 각 요소를보고, 다른 작은 세부 사항으로 구성된 패키지의 전체 이미지를 소요 할 수 없다. 당신은 자원을 개발하는 과정에서 뭔가를 누락하는 경우 따라서, 앞으로이 세부 단지 전체, 전체 구성을 망칠 수 있습니다.

이러한 벌금이 될 수 있습니다, 예를 들어, 버튼의 배경, 잘못된 글꼴 몇 가지 작은 항목, 심지어 파비콘. 실제로, sami- 크고 잘 알려진 사이트가 사용자의 브라우저에있는 "즐겨 찾기"에서 그것을 나타내는 개별 아이콘이 보인다. 그게 없으면, 자원 개발자들은 원래 추구되는 구성을 만들지 못했습니다.

따라서, 당신은 사이트의 디자인을 만들, 파비콘 등의 세부 사항을주의해야한다. 이 문서에서 우리는 일반적으로 자원 스타일에 따라 선택하는 방법에 대해 이야기하며, 이미지에 어떤 크기를해야한다.

아이콘 사이트

첫째, 우리는이 요소를 구성하는 정의합니다. 이제 브라우저 탭의 제목을 살펴. 당신이 볼 수 있듯이, 왼쪽에 로고 자원의 단순화 된 버전을 나타내는 작은 그림이있다. 같은 그림은 SERPs에에 표시되는 사이트 이름 근처에있다. 그들은 제목을 볼 때이 사용자는, 그녀에 의해 유도된다.

많은 웹 마스터는이 사진이 필요하다는 것을 이해 - 그러나 몇몇 사람들은 사이트의 파비콘이 가장 적합 할 것입니다 무슨 크기를 알고있다. 따라서이 문서에서 우리는 아이콘과 방법 귀하의 사이트에 설치하는 방법뿐만 아니라 이미지의 크기를 설명하기를 만드는 방법에 대한 정보를 제공 할뿐만 아닙니다.

목적 파비콘

그래서, 사이트 헤더 근처의 그림은 식별을 위해 사용됩니다. 우리는 나다니엘을 볼 수있는 사이트를 표현하고, 다른 사람의 눈에서 선택하기 : 이것은 원래의 목적이다. 그것은 그래픽의 사용에 의해 매우 간단하게 우리가 직관적으로 텍스트 형식보다 훨씬 빠르고 쉽게 사진에서 정보를 인식. 파비콘이 우리를 도움이됩니다. 하지만 잊지 마세요 파비콘 크기가 사용자의 눈에 최소이다. 이 비문, 약간의 설명 또는 연락처 정보의 형태로 추가 정보를 포함 할 수있다 "캡"사이트의 로고가 없습니다. 이름 옆에있는 아이콘에 묘사 할 수있는 일이, 파비콘의 크기에 가장 적합합니다. 그리고, 이미 (16 개 픽셀 16)를 소형으로 나타낸 것이다.

어떻게 파비콘을 선택?

그래서 어떻게 웹 마스터 사이트의 아이콘을 디자인 할 수 있습니까? 그것은 단순히 사이트의 로고를 압축 주목해야한다, 대부분 성공하지 않습니다. 특정 자원의 로고의 형태로 넣어 포스터에서 자주 항상 올바르게 소형 폼에 표시되지 않습니다 다른 항목을 참조하십시오. 바로이 회사를 포기하는 것이 좋습니다.

물론, 파비콘의 크기는이 비문을 삽입 그것에 대해 이야기 할 수 없다. 모든 텍스트이 해상도 것이다 단순히 볼 수 없습니다. 우리는 사이트 스타일을 전송하는 새로운 아이콘을 개발해야합니다. 솔루션을 찾으려면 다시의의 주요 장소를 살펴 보자.

많은 사람들이 서비스의 이름의 파비콘 양식 첫 글자를 사용합니다. 그래서, 빙, 야후, Yandex 주차, 위키피디아, 구글 예를 들어 온다. 또 다른 방법이있다 - 당신이 사이트의 짧은 이름이있는 경우, 당신은 아이콘의 배경으로 설정할 수 있습니다. 해상도를 파비콘하기 위해 (이 도달 픽셀, 다시 16 점 16) 올바르게 기호를 표시 할 수 있습니다, 더 이상 세 글자 이상 없어야합니다. 따라서, 예를 들어, 서비스 된 Aol 않습니다.

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

여러 가지 방법으로 사이트의 이름의 아이콘을 확인합니다. 물론, 가장 쉬운 - 다른 준비가 만든 솔루션으로 작업하는 것입니다. 우리는 어떤 서비스 또는 당신이 그것을 줄여 전체 아이콘의 이미지를 만들 수 있도록 프로그램에 대해 이야기 할 수 있습니다. 그러나, 나는 그 자체 로고의 개발을 수행하는 것이 좋습니다. 이는 첫째, 그것이 가능 뭔가를 배울 것입니다; 둘째, 도구의 큰 숫자를 제공합니다. 모든 당신이 - 그건 무승부를 할뿐만 아니라, 최종 버전에있을 어떤 크기 파비콘 알 수 있어야합니다. 사이트에 대 한 아이콘의 크기에 대해서는, 나중에 얘기하자,하지만 지금 우리는 이미지 작업의 미묘한의 일부를 확인합니다. 특히,이 비율을 명확히해야한다 사이트의 파비콘의 크기를 언급 할 필요가 없을 것입니다. 경험이 풍부한 디자이너에 의해 언급 한 바와 같이, 그림은 .PNG (24 비트) 또는 fayl.ICO로 저장해야합니다.

이 상징을 그려집니다 포토샵의 도움으로, 예를 들어, 당신이 할 수있는, 사진을 저장 수행합니다.

치수 파비콘

그래서 지금의 우리가 검색 결과에 사이트 옆에 볼 수있는 사진이어야 얼마나 좋은가에 대해 이야기하자. 기본적으로, 이미 언급 한 바와 같이, 크기 (각 측)은 16 픽셀이다. 당신이 "포토샵"에서 이미지를 편집하려고 할 경우이 불편 여부를 직접 확인하십시오. 따라서, 우리는 미래에 단지 가장자리를 집어 넣은 것하고 원하는 형식으로 저장된 확대 된 이미지로 작업하는 것이 좋습니다.

멀티

그러나 파비콘의 크기가 당신의 위치에 있어야 무엇에 대해 말하기, 당신은 한 가지 더 기억해야합니다. 모든 플랫폼에서 동일하게 자원 사진을 반영합니다. 예를 들어, 망막 표시 장치는 32 내지 32 픽셀의 양의 네 파비콘 "참조". 사파리에서 새로운 Windows 플랫폼에서,이 모든 아이콘은 64 픽셀 크기에 도달합니다.

따라서 우리는 단순히 사용자의 플랫폼에 따라 그 변화를 제공하기 위해 미래에 아이콘의 다른 버전을 유지하는 것이 좋습니다. 또 다른 흥미로운 점은 - 당신은 브라우저에 따라, 그것은 "축소"것이라는 희망에서 가장 큰 형식의 아이콘을 다운로드하려고 할 수 있습니다.

외국 편집자

물론, 당신은 포토샵에서 좋은 될 방법의 이미지를 유지, 그것을 달성하는 방법해야하는지 크기 파비콘 알고있는 경우에 좋다. 그러나, 너무 꽉 전에 그래픽 편집기를 경험이없는 초보자의 많은, 그래서 원하는 이미지를 그릴 너무 쉽게되지 않을 수 있습니다. 이러한 웹 마스터를 돕기 위해, 자동으로 할 수있는 아이콘에 관심 있도록 다양한 서비스가있다. 그들 중 대부분은 사용자로부터 어떤 투자를 필요로하지 않는, 심지어는 무료입니다.

하려면 때로는 여러분이 알다시피,이 한 번만 이루어집니다 등록해야하지만 - 사실 그리 자주 회사는 파비콘을 변경합니다. 그냥 매일 로고를 변경 구글,보고 있지만 아이콘을 터치하지 않습니다.

어떻게 파비콘을 설치하는 방법?

제대로 원하는 이미지, 그것은 매우 간단 표시하도록 일반적으로, 당신의 웹 사이트를 설정합니다. 검색 엔진뿐만 아니라 단지 브라우저가 정보를 읽을 수 있습니다 간단한 일련의 단계를 수행하기에 충분하다.

이를 위해 당신의 favicon.ico과 결과 이미지를 저장하고 자원의 루트에 넣어해야합니다. 이제 모든 이미지가 자동으로 감지하고, 사건은 시간이 그것은 귀하의 사이트에 연결됩니다.

이 바인딩 이외에, 당신은 다른 줄 것이다 "프롬프트"당신의 아이콘을 추가 할 수 있습니다. 다음과 같습니다 :

<링크 확인해 = "바로 가기 아이콘"HREF = "HTTP : // 사이트 / 기사 / 232267 / % D0 %의 B0 %의 D0 %의 B4 %의 D1 %의 80 % D0의 %의 B5 %의 D1 %의 81 개 아이콘"/>

코드가 헤더에 있어야 설정합니다.

연구 결과

그래서,이 기사를 읽은 후, 당신은 사실을 다루는, 어떤 크기는 사이트에 대한 그것은 일반적으로 그 파비콘해야한다. 그것은 당신의 경쟁자 중 추가 분배의 측면에서 모두 인식 제고의 측면에서 둘의 손에 재생하기 때문에, 그것은 필수입니다 - 또한, 나는 당신이 당신의 위치에 적합한 아이콘에 대한 검색이 이해 생각합니다. 적어도 주요 사이트는 우리가 눈에 띄는 예로서 취할 수있는 같은 방식으로 작동합니다. 그리고, 많은 노력이 발생하지 않습니다 - 한 번 파비콘을하고 귀하의 사이트에 올바르게 설치, 당신은 다음 몇 달 동안 잊어 수 있습니다.

따라서, 실험 자유롭게 새로운 무언가를 발명 시도 - 그리고 성공!