온라인 파비콘 아이콘 생성

무료 온라인 이미지 변환 도구는 JPG, PNG, GIF 및 기타 일반적인 이미지 형식을 여러 크기 옵션으로 ICO 아이콘 형식으로 변환할 수 있습니다. 사용자는 이미지를 업로드하고 필요한 크기를 선택한 다음 웹사이트 파비콘, 소프트웨어 아이콘, 폴더 아이콘 및 기타 시나리오를 위한 고품질 ICO 아이콘 파일을 빠르게 생성하기만 하면 되며, 작동하기 쉽고, 변환 속도가 빠르며, 소프트웨어를 설치할 필요가 없습니다.

온라인 ICO 아이콘 생성

무료 온라인 도구 이미지 매직 사용 가능

크기를 선택합니다:

주의

이미지는 512KB 미만이어야 하며 권장 종횡비가 1:1인 JPG, PNG 또는 GIF 형식이어야 합니다.

도구 설명

favicon.ico란 무엇인가요?

이름에서 알 수 있듯이 즐겨찾기 아이콘의 줄임말인 파비콘은 브라우저가 즐겨찾기 목록에 해당 제목을 표시하는 것 외에도 여러 웹사이트를 구분할 수 있는 아이콘입니다. 물론 브라우저에 따라 다르게 표시될 수 있는 파비콘이 파비콘의 전부는 아닙니다.

ICO 백과사전

ICO는 원래 창에 단일 패턴을 저장하기 위한 아이콘 파일 형식이었지만 이제는 소프트웨어, 폴더, 웹사이트 등의 썸네일 로고로 사용할 수 있습니다. 사용자의 탐색기, 브라우저의 주소 표시줄, 제목 표시줄, 다중 페이지 브라우저의 탭 표시줄에 표시됩니다. 아이콘 파일은 일반적으로 16*16, 32*32, 48*48의 작은 크기이며, 아이콘은 부분적으로 투명하고 바로 열어 탐색할 수 있습니다.

Favicon.ico는 어떻게 사용하나요?

1. 성공적으로 생성된 아이콘 파일을 다운로드하여 favicon.ico로 이름을 변경한 후 웹사이트의 루트 디렉터리에 업로드합니다.

2. 웹사이트 홈 페이지의 소스 파일 헤더 사이에 다음 코드를 삽입합니다.

<link rel="shortcut icon" href="https://www.likacloud.com/favicon.ico"/>
<link rel="bookmark" href="https://www.likacloud.com/favicon.ico"/>

동적 ICO 아이콘을 만드는 방법

먼저, 완성된 애니메이션 GIF 아이콘의 이름을 favicon.gif로 지정한 다음 머리 사이에 추가합니다:

<link rel="icon" href="https://www.likacloud.com/favicon.gif" type="image/gif" />

png 또는 gif 대신 .ico를 사용하는 것이 좋습니다.

  • IE5를 포함한 모든 브라우저에서 ico 파일을 지원하며, gif, png 등은 ico만큼 널리 지원되지 않습니다.
  • favicon.ico가 있으면 서버의 404 오류가 친숙한 방식으로 반환되며 브라우저는 모두 favicon.ico를 요청합니다.
  • 각 사이즈마다 별도의 파일을 생성할 필요 없이 하나의 .ico 파일로 여러 사이즈에 동시에 대응할 수 있습니다.