Favicon 변환기
이미지를 여기로 드래그하거나 클릭하세요
PNG, JPG, SVG, WEBP 지원
한 번의 클릭
이미지를 업로드하면 모든 크기의 favicon을 포함하여 ICO, PNG, SVG 등 다양한 형식으로 생성합니다.
모든 플랫폼 호환
모든 브라우저와 기기에서 사용할 수 있도록 iOS, Android, Windows 등 다양한 플랫폼의 아이콘 요구사항을 지원합니다.
전문적인 품질
이미지 품질을 자동으로 최적화하여 각 플랫폼의 표준을 충족하는 고품질 favicon 파일을 생성합니다.
파비콘이란?
파비콘 (favorite icon의 줄임말) 브라우저 탭, 북마크 또는 다른 인터페이스 요소에 표시되는 작은 아이콘입니다. 여러 개의 열린 탭과 북마크 중에서 빠르게 사이트를 식별할 수 있도록 도와줍니다.
파비콘 사용 방법
파비콘을 웹사이트에 추가하려면 다음이 필요합니다:
- 우리의 변환 도구를 사용하여 이미지를 ICO 및 기타 형식으로 변환합니다.
- 다운로드한 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">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">HTML모범 사례
- 단순하게 유지: 파비콘은 매우 작기 때문에 복잡한 디자인은 식별하기 어려워집니다.
- 브랜드 일관성: 로고나 브랜드를 대표하는 상징적인 요소를 사용하세요.
- 다양한 배경 고려: 아이콘이 밝은 색상과 어두운 색상의 브라우저 테마에서 모두 명확하게 보이는지 확인하세요.
- 다양한 형식 제공: .ico 외에도 현대 브라우저와의 호환성을 위해 .png 및 .svg 형식도 제공하세요. 우리 도구가 생성하는 것처럼요.
다양한 형식 설명
ICO 형식 (.ico)
전통적인 파비콘 형식으로, 구버전 Internet Explorer를 포함한 모든 브라우저와 호환됩니다. 일반적으로 여러 크기(16x16, 32x32, 48x48)를 포함합니다.
PNG 형식 (.png)
현대 브라우저에서 선호하는 형식으로, 투명 배경을 지원하고 파일 크기가 작습니다. 16x16은 탭용, 32x32는 작업 표시줄용, 48x48은 데스크톱 바로가기용입니다.
Android Chrome 아이콘
192x192 및 512x512는 Android 기기의 PWA(Progressive Web App)용으로, 사용자가 웹사이트를 홈 화면에 추가할 때 표시됩니다.
Apple Touch 아이콘
180x180은 iOS 기기(iPhone, iPad)를 위해 특별히 설계되었으며, 사용자가 웹사이트를 홈 화면에 추가할 때 사용됩니다. Apple은 자동으로 둥근 모서리와 광택 효과를 추가합니다.
Safari 고정 탭 아이콘
SVG 형식의 단색 벡터 아이콘으로, Safari 브라우저의 고정 탭 기능에 사용되며 사용자 정의 색상을 지원합니다.
SVG 형식 (.svg)
현대적인 벡터 형식으로, 무한 확대 시에도 품질 손실이 없고 다크 모드 적응을 지원하며 파일 크기가 작아 미래의 트렌드입니다.