Favicon Generator
Generate favicons
Generate favicons 브라우저에서 로컬로 실행됩니다.
About the
파비콘 생성기는 이미지를 가져와 중앙에서 정사각형으로 자르고 사이트 루트에 놓을 수 있는 64 x 64 아이콘 파일을 생성합니다. 자르기는 들리는 것보다 더 중요합니다. 브라우저는 파비콘을 정사각형으로 렌더링하므로 정사각형에 압착된 넓은 로고는 잘못된 것처럼 보이지만 중앙 자르기는 일반적으로 인식 가능한 부분을 유지합니다. 이미지는 브라우저의 캔버스에서 처리되므로 아무것도 업로드되지 않습니다.
Where people use the
- 사이트 출시 전에 로고에서 파비콘을 생성합니다.
- 프로토타입이나 내부 도구용 퀵 아이콘을 제작합니다.
- 템플릿에 남은 자리 표시자 아이콘을 교체합니다.
- 탭에 사용할 넓은 로고의 정사각형 버전을 만듭니다.
How to use the
- 1
이미지 업로드
사용하고 싶은 로고나 이미지를 선택하세요. 정사각형 소스 이미지는 잘리는 부분이 없기 때문에 최상의 결과를 제공합니다.
- 2
자르고 크기를 조정하자
가장 짧은 변은 중앙에서 가져온 자르기 정사각형으로 사용되며 결과는 64 x 64에 그려집니다.
- 3
두 미리보기 비교
원본과 아이콘이 나란히 표시되어 자르기가 제거된 내용을 확인할 수 있습니다.
- 4
아이콘 다운로드
파일을 favicon.ico로 저장하고 사이트 루트에 배치하거나 프레임워크에서 정적 자산이 필요한 위치에 업로드합니다.
팁 및 모범 사례
- 넓은 로고의 가장자리가 손실되지 않도록 정사각형 이미지를 업로드하세요.
- 아이콘이 밝은 탭과 어두운 탭 모두에 표시되는 경우 아이콘에 일반 배경을 제공합니다.
- 업로드 후 강제 새로고침 브라우저는 파비콘을 적극적으로 캐시합니다.
자주 묻는 질문
로고가 잘린 이유는 무엇인가요?
파비콘은 정사각형이기 때문입니다. 도구는 중앙에서 맞는 가장 큰 정사각형을 가져옵니다. 정사각형 소스 이미지는 완전히 잘리는 것을 방지합니다.
어떤 크기를 업로드해야 합니까?
가능하면 최소 64 x 64, 정사각형이어야 합니다. 더 큰 이미지는 단순히 축소됩니다. 작은 것은 부드러워 보일 것입니다.
두 가지 이상의 사이즈가 필요합니까?
대부분의 사이트에서는 브라우저가 탭에 대해 64픽셀 아이콘을 축소하기 때문에 하나의 아이콘이면 충분합니다. 어디에서나 선명한 결과를 원한다면 16, 32 및 180픽셀 버전을 별도로 생성하세요.
파일은 어디로 가나요?
브라우저가 규칙에 따라 요청하는 favicon.ico라는 사이트 루트에 있습니다. 프레임워크가 public과 같은 디렉터리에서 정적 파일을 제공하는 경우 대신 해당 디렉터리에 넣으세요.
탭에 여전히 이전 아이콘이 표시되는 이유는 무엇입니까?
캐시되어 있기 때문입니다. 페이지를 강제로 다시 로드하거나 개인 창에서 열면 새 아이콘이 나타납니다.