Favicon 생성기
모든 이미지를 파비콘, 애플, 안드로이드 및 Windows용 아이콘으로 변환
100 % 클라이언트 측 처리
이미지는 브라우저에서 로컬로 처리됩니다.어떤 서버에도 아무것도 업로드되지 않습니다.
🎨
이미지를 여기에 넣으십시오.
또는 검색하기 위해 클릭하십시오.
512512 지원 PNG, JPG, GIF, WebP (권장: 사각형 이미지 × 이상)
소스 이미지
브라우저 미리보기
귀하의 사이트
+
브라우저 탭에 표시되는 파비콘
생성된 아이콘
16×16
favicon.ico는
32×32
favicon.ico는
48×48
favicon.ico는
180×180
애플 터치
192×192
안드로이드 크롬
512×512
안드로이드 크롬
16×16
휴대용 네트워크 그래픽
32×32
휴대용 네트워크 그래픽
180×180
휴대용 네트워크 그래픽
512×512
휴대용 네트워크 그래픽
📋 이 아이콘을 사용하는 방법
웹사이트의 <head> 섹션에 추가하십시오.
<link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="icon" sizes="32x32" href="/icon-32.png"> <link rel="icon" sizes="16x16" href="/icon-16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
💡 팁: 브라우저에 의해 자동으로 감지하기 위해 favicon.ico를 웹사이트 루트 폴더 (public_html/)에 넣습니다.
왜 여러 Favicon 크기가 필요합니까?
🖥️
브라우저 탭
16163232 브라우저는 탭에서 × 또는 × 파비콘을 사용합니다. .ico 파일은 날카로운 디스플레이를 위해 두 가지 크기를 포함해야합니다.
📱
애플 기기
180180 아이폰과 아이패드는 × 애플 터치 아이콘을 사용합니다.하나가 없으면 사이트는 대신 하나하나하나의 모호한 스크린하나하나를 얻습니다.
🤖
안드로이드 크롬
192192512512 안드로이드는 홈 스크린 북마크와 Progressive Web App(PWA) 아이콘에 × 및 × 아이콘을 사용합니다.