이미지 도구 / 21
파비콘 변환기
이미지 하나를 모든 PNG 크기, 다중 해상도 favicon.ico, site.webmanifest가 포함된 완전한 파비콘 패키지로 변환해 하나의 zip 파일로 제공합니다.
파비콘 변환기: TOEA는 이미지를 16, 32, 180, 192, 512 픽셀로 렌더링하고, 작은 두 크기를 다중 해상도 favicon.ico로 묶습니다. 이어서 이에 맞는 site.webmanifest를 작성하고 7개 파일을 하나의 zip 파일로 압축합니다. 서버에 파일을 전혀 업로드하지 않고 브라우저에서 100% 로컬로 실행됩니다.
- 카테고리
- 이미지 도구
- 실행 횟수
- 브라우저에서
- 비용
- 무료 · 가입 불필요
- 사용 가능 여부
- 사용 가능
브라우저에서 전부 실행됩니다
PNG, JPG, WebP 또는 SVG · 1024 × 1024 이상이 가장 적합합니다
ICO 파일을 루트에 보관하기
브라우저는 어떤 페이지에서도 해당 파일로 연결하지 않아도 사이트 루트에서 /favicon.ico를 요청합니다. 일부 피드 리더, 북마크 도구, 크롤러도 다른 위치는 확인하지 않으므로 ICO 파일을 images 폴더가 아닌 루트에 보관하십시오. 페이지 헤드에서 아이콘을 연결하면 브라우저는 해당 연결을 먼저 사용하므로, 최신 브라우저에는 PNG 파일을 제공하고 그 밖의 환경에는 ICO를 사용할 수 있습니다. MDN 아이콘 문서를 참고하십시오.
매니페스트 조정하기
생성된 site.webmanifest는 사이트 이름을 name과 short_name에 모두 사용합니다. 짧은 이름은 홈 화면 아이콘 아래에 표시되는 레이블로, 약 12자까지 표시된 후 잘립니다. 이름이 길다면 줄이십시오. 아이콘에는 "purpose": "maskable"이 지정되어 있지 않으므로 Android에서는 아이콘이 흰색 원 안에 작게 표시될 수 있습니다. 런처의 모양을 채우려면 중요한 콘텐츠가 너비의 중앙 80% 원 안에 들어가는 별도의 마스크 가능 아이콘을 추가하십시오.
사용 방법
- 정사각형 이미지를 선택합니다. 512 × 512 이상을 권장합니다.
- 매니페스트에 사용할 사이트 이름과 테마 색상을 설정합니다.
- 패키지를 만들고 zip 파일을 다운로드합니다.
개인정보 보호 및 제한사항
이미지는 브라우저 밖으로 전송되지 않습니다. 모든 크기, ICO 컨테이너, zip 파일은 기기에서 조합됩니다. 투명한 원본 이미지는 투명한 상태로 유지됩니다.
관련 도구
자주 묻는 질문
zip 파일에는 무엇이 포함되나요?
favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest가 포함됩니다. 이는 파비콘 생성기에서 일반적으로 만드는 동일한 구성입니다.
favicon.ico에는 두 가지 이상의 크기가 포함되나요?
예. 16 × 16 이미지와 32 × 32 이미지가 모두 포함됩니다. 두 이미지는 PNG 항목으로 저장되므로 알파 채널이 유지됩니다.
파일은 어디에 넣나요?
사이트의 루트에 압축을 풉니다. 그런 다음 HTML head에서 favicon-32x32.png, favicon-16x16.png, apple-touch-icon.png를 링크하고, 매니페스트 링크가 site.webmanifest를 가리키도록 설정합니다.
업로드한 후에도 아이콘이 제대로 표시되지 않는 이유는 무엇인가요?
브라우저는 파비콘을 일반 파일과 별도로, 매우 적극적으로 캐시합니다. 새 파일이 제공되는지 확인하려면 PNG URL을 직접 열거나 비공개 창에서 확인하십시오.
무료 도구 · 브라우저에서회 실행 · 계정 불필요