확실히 한 번 이상 파비콘에 대해 들어 보셨을 것입니다. 이것은 웹 디자인과 밀접한 관련이 있으며 온라인 상점, 블로그, 웹 사이트 등 모든 페이지에서 중요한 점입니다. 그들은 당신에게 물어볼 것입니다. 그러나, 파비콘이란? 그것은 무엇입니까? 그리고 가장 중요한 것은 어떻게 수행됩니까?
이것에 대해 많은 의구심이 있으시다면, 여기서 우리는 당신이 그것을 이해하고 무엇보다도 프로젝트 내에서 그것을 제시하고 더 나은 프레젠테이션을 남길 수 있도록 당신에게 열쇠를 줄 것입니다. 우리는 당신을 확신합니다!
파비콘이란?
파비콘이 무엇인지 설명하는 것으로 시작하여 이해를 돕습니다. 그리고이를 위해 실용적인 예를 제공하는 것보다 더 좋은 것은 없습니다. 당신이 지금 브라우징하고 있다고 상상해보십시오 (사실 당신은 우리를 읽고 있습니다). 그러나 하나의 탭이 아니라 여러 탭이 있습니다. YouTube (배경 음악을 듣고 있기 때문에), Gmail (메일이 열려 있기 때문에) 또는이 페이지에 해당 페이지가 반영하는 이름이 각 페이지에 표시되는 것을 눈치 채 셨을 것입니다.
각 이름 옆의 왼쪽에 작은 이미지가 사각형으로 나타납니다. Youtube와 Gmail에있는 것은 그들이 가지고있는 로고로 확실히 식별되지만 나머지 탭은 어떻습니까?
글쎄, 당신이 보는 것은 실제로 파비콘입니다. 즉, 방문중인 페이지와 관련된 아이콘, 그렇기 때문에 즐겨 찾기 나 바로 가기에 페이지를 추가하면 파비콘이 해당 페이지의 "이미지"가되므로 디자인을 관리해야하기 때문에이 세부 사항에주의를 기울이는 것이 중요합니다. 완벽하게 관련되어 있습니다 (그리고 무엇보다도 다른 사람과 구별하기 좋게 보입니다).
이 작은 아이콘은 일반적으로 16x16 픽셀 크기 세트를 갖습니다 (32x32 픽셀로도 설정할 수 있음). 그 안에 넣은 모든 것이 올바르게 보이도록주의해야합니다. 그렇지 않으면 식별 할 수있는 약간의 얼룩으로 나타날 것입니다 (그리고 페이지의 매우 나쁜 이미지를 제공 할 것입니다).
파비콘이 왜 그렇게 중요한가요?
이제 파비콘이 무엇인지 알고 정기적으로 여는 페이지에서 파비콘을 찾았으므로 오늘날 누락 된 페이지가 점점 더 적다는 것을 알았습니까? 우아함과 노하우에 대한 비전을 제공하는 것이 매우 중요하기 때문입니다. 즉, 세부 사항에 신경을 쓰는 브랜드 또는 기업 이미지를 전달하려고합니다.
그러나 favicon에는 다음과 같은 다른 용도도 있습니다.
- 페이지를 식별하는 역할을합니다. 일반적으로이 파비콘은 웹 사이트에있는 로고와 관련이 있으며 크기가 더 작습니다. 그러나 로고가 너무 커서 버튼에 표시되지 않는 경우 로고와 관련된 것을 선택하는 경향이 있습니다.
- 페이지를 저장 한 사용자가 시각적으로 식별 할 수 있도록 도와줍니다.. 따라서 url이나 회사 이름을 기억하지 못하더라도 파비콘의 이미지 때문에 위치를 찾을 수 있습니다.
- SEO와 "좋은"것. 이것은 한 알의 소금과 함께 복용해야합니다. 그리고 파비콘이 있든 없든 SEO에 직접적인 영향을 미치지 않는다는 것입니다 (즉, 파비콘이 있든 없든 당신을 더 좋거나 나쁘게 배치하지 않을 것입니다). 이제 브라우저가 페이지에 들어갈 때 파비콘을 찾고 찾지 못하면 404 오류가 발생하는 것이 점점 더 일반적입니다. 그리고 이러한 오류가 SEO에 좋지 않다는 것을 알고 있습니다. 페이지의.
파비콘 만드는 방법
보고 나면 파비콘은 웹 페이지를 가질 때 필수적인 요소라는 것이 분명합니다. 자, 어떻게 만드나요?
대부분의 경우 그것이하는 일은 해당 웹 사이트의 로고를 선택하거나 너무 크면 식별 할 수있는 로고를 선택하세요. 예를 들어, 어떤 방식 으로든 전화 한 텔레비전 웹 사이트가 있다고 가정 해보십시오. 그러나 파비콘에서는 너무 큽니다. 대신 텔레비전 사진을 넣어서 관련시킬 수 있습니다. 이러한 경우 웹 사이트와 동일한 색상을 사용하여 더 잘 식별 할 수 있도록하는 것이 좋습니다.
이제 파비콘을 어떻게 만들 수 있습니까? 음, 몇 가지 옵션이 있습니다.
포토샵, 김프 ...
즉, 파비콘이 이미지와 똑같이 만들어지기 때문에 이미지 편집 프로그램에 대해 이야기하고 있습니다. 물론 jpg, gif 등으로 남을 수 없기 때문에 인식을 위해 .ico 형식으로 저장해야합니다.
이 방법으로 파비콘을 훨씬 더 잘 사용자 지정할 수 있습니다. 처음부터 만들고 원하는대로 마무리 할 수 있습니다. 일반적으로이를 위해 일반 크기의 이미지로 작업 한 다음 해당 버튼의 크기에 맞게 조정합니다.
사실, 다른 브라우저에서 업로드하고 테스트하여 좋게 보이고 대표적이며 무엇보다도 이해되는지 확인해야합니다.
온라인 도구 사용
이 경우 몇 초 만에 원하는 이미지를 파비콘으로 변환하는 웹 페이지를 참조합니다. 그러나 당신은 또한 해당 페이지로 직접 파비콘을 디자인하십시오.
전자 (이미지 업로드 및 변환)를 원한다면 Favicon Generator 또는 Favic-o-matic을 권장합니다. 그러나 후자를 원한다면 (처음부터 디자인) favicon.io 또는 x-icon 편집기에 베팅하십시오.
WordPress로
페이지가 WordPress로 만들어 졌나요? 그리고 그 시스템을 사용하여 파비콘을 만들 수 있다는 것을 알고 있습니까? 이를 위해 업로드 한 (또는 업로드 한) 이미지를 기반으로이 버튼을 만들 수있는 플러그인을 사용할 수 있습니다. 또한 통해 "외관 / 사용자 정의"를 할 수 있습니다.
파비콘이 완성되면 웹 사이트에 올려 놓고 페이지 이름의 왼쪽 영역에 파비콘을 표시하고 즐겨 찾기에 저장할 때이를 인식하도록해야합니다. 이런 식으로 그들은 그들이 정말로 방문하고 싶은 페이지를 읽는 것을 멈추지 않고도 쉽게 당신을 알아볼 것입니다.