Favicon이란 무엇입니까?

즐겨 찾기 아이콘은 브라우저의 URL 창에서 http 주소 옆에 나타나는 웹 페이지 또는 웹 사이트와 관련된 사용자 지정 아이콘입니다. 또한 탭 사용 가능 브라우저에서 열린 탭을 차지하며 북마크 된 링크 옆에 표시됩니다. 이 용어는 "즐겨 찾기"와 "아이콘"이라는 단어를 결합합니다. Microsoft Internet Explorer 버전 5.0에서는 즐겨 찾기 아이콘을 표시하는 기능과 다른 주요 브라우저가 소개되었습니다. Firefox, Netscape, Opera, Safari 및 Konquerer는이 기능을 지원하는 많은 브라우저 중 하나입니다.

파비콘은 너무 작아 픽셀 단위로 측정됩니다. 픽셀은 컴퓨터 화면에서 가장 작은 측정 단위입니다. 작은 블록과 유사한 픽셀은 돋보기를 통해 디스플레이 화면을 볼 때 명확하게 보입니다. 파비콘은 16x16 픽셀, 32x32 또는 Macintosh 컴퓨터의 경우 64x64 이상입니다.

이렇게 작은 캔버스에 로고를 디자인하는 것은 쉬운 일이 아니므로 큰 캔버스로 시작한 다음 이미지 크기를 쉽게 조정할 수 있습니다. 이미지를 줄이면 선명도가 떨어질 수 있으므로 약 64x64 픽셀의 캔버스 크기로 시작하는 것이 가장 좋습니다.

이 아이콘은 거의 모든 그래픽 프로그램을 사용하여 단색, 16 색, 256 색 이상으로 디자인 할 수 있습니다. 디자인이 축소되고 저장되면 아이콘 파일로 변환 할 수 있습니다. 모든 그래픽 프로그램이 파일을 .ico 파일로 저장하는 것은 아니지만 온라인에서 .ico 파일 작성 및 변환과 관련된 많은 그래픽 프로그램이 있습니다. 이 프로그램 중 하나에서 .bmp, .jpg, .gif 또는 기타 이미지 파일을 열고 "다른 이름으로 저장"을 선택하면 이미지를 적절한 .ico 형식으로 변환하고 파일 이름을 favicon.ico로 지정할 수 있습니다.

이제 아이콘을 웹 사이트의 루트 디렉토리에 업로드 할 수 있습니다. 브라우저는이 파일을 찾아서 찾은 경우 표시합니다. 웹 사이트에 업로드하는 것 외에도 아래에 표시된 것처럼 웹 페이지의 <head> </ head> 섹션에 간단한 두 줄의 코드를 추가해야합니다. "website.com"을 실제 웹 사이트 이름으로 변경하십시오.

<link rel="icon" href="http://website.com/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="http://website.com/favicon.ico" type="image/x-icon" />

웹 사이트에 즐겨 찾기 아이콘이 있기 전에 Internet Explorer에서 책갈피가 설정되면 새 웹 사이트가 표시되지 않을 수 있습니다. 북마크를 삭제하고 브라우저 캐시를 플러시 한 다음 브라우저를 다시 시작하십시오. 이제 웹 사이트를 수동으로 탐색하면 즐겨 찾기 아이콘이 표시됩니다. 사이트를 즐겨 찾기 에 추가하여 즐겨 찾기 에 추가하십시오.

Internet Explorer에서는 즐겨 찾기 아이콘이 .ico 파일이어야하지만 Firefox, Netscape 및 기타 인기있는 브라우저도 .gif, .jpg 및 .png 파일을 표시 할 수 있습니다. .ico 이외의 이미지 파일 형식을 사용하는 경우 올바른 이미지 형식을 반영하도록 코드를 변경해야합니다. 예를 들어, favicon.png를 사용하는 경우 코드는 type="image/x-icon" /> 대신 type="image/png" /> 읽습니다.

즐겨 찾기 아이콘을 웹 사이트와 연결하면 비주얼 브랜딩이 만들어져 서퍼가 책갈피를 한 눈에 간단하게 살펴보면서 웹 사이트 및 해당 컨텐츠를 리콜 할 수 있습니다. 미니 로고 또는 독창적 인 디자인에 관계없이 이미지는 사이트의 내용, 캐릭터 또는 이름을 이상적으로 반영합니다. 원하는 경우 즐겨 찾기 아이콘을 디자인 할 여러 온라인 회사가 있습니다. 그러나 기본적인 컴퓨터 기술을 가진 사람들에게는 하나를 만드는 것이 몇 분에서 오후 또는 저녁까지 어디에서나 할 수있는 간단하고 즐거운 작업입니다.

다른 언어

이 문서가 도움이 되었나요? 피드백 감사드립니다 피드백 감사드립니다

어떻게 도와 드릴까요? 어떻게 도와 드릴까요?