이모지 파비콘 생성기
이모지를 붙여넣고, 스타일을 사용자 정의하여 고유한 파비콘을 생성하세요.
더 많은 이모지 아이콘을 보려면 emoji.fengjun.wang을 방문하세요.
이모지를 아이콘으로
임의의 이모지를 사용하여 빠르게 파비콘을 생성하고, 웹사이트를 더욱 생동감 있고 재미있게 만드세요
스타일 사용자 정의
배경 색상, 모양 및 크기 조정을 지원하여 독특한 시각적 효과를 만듭니다
즉시 생성
복잡한 디자인 없이 이모지를 붙여넣기만 하면 즉시 전문적인 파비콘 파일 패키지를 생성합니다
파비콘이란?
파비콘 (favorite icon의 줄임말) 는 브라우저 탭, 북마크 및 기타 인터페이스 요소에 표시되는 작은 아이콘입니다. 여러 개의 열린 탭과 북마크에서 사용자가 웹사이트를 빠르게 식별할 수 있도록 도와줍니다.
파비콘 사용 방법
파비콘을 웹사이트에 추가하려면 다음이 필요합니다:
- 우리의 도구를 사용하여 파비콘 압축 패키지를 생성하고 다운로드합니다.
- 다운로드한 ZIP 패키지를 압축 해제하고 모든 파일을 웹사이트 루트 디렉토리에 배치합니다.
- 웹사이트의 <head> 부분에 다음 HTML 코드를 추가합니다:
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48">
<link rel="manifest" href="/site.webmanifest">
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/android-chrome-512x512.png" sizes="512x512">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">HTML다양한 형식 설명
ICO 형식 (.ico)
전통적인 파비콘 형식으로, 모든 브라우저(Internet Explorer 구버전 포함)와 호환됩니다. 일반적으로 여러 크기(16x16, 32x32, 48x48)를 포함합니다.
PNG 형식 (.png)
현대 브라우저의 기본 형식으로, 투명 배경을 지원하고 파일 크기가 더 작습니다. 16x16은 탭, 32x32는 작업 표시줄, 48x48는 데스크톱 바로가기에 사용됩니다.
Android Chrome 아이콘
192x192 및 512x512는 Android 기기(PWA)의 아이콘으로, 사용자가 웹사이트를 메인 화면에 추가할 때 표시됩니다.
Apple Touch 아이콘
180x180은 iOS(iPhone, iPad) 기기용으로 설계되어 있으며, 사용자가 웹사이트를 메인 화면에 추가할 때 사용됩니다. Apple 은 자동으로 모서리를 둥글게 하고 광택 효과를 추가합니다.