Favicon 변환기
favicon.pub은 PNG, ICO, SVG, Apple Touch 아이콘, Android 아이콘, Safari 고정 탭 아이콘, PWA manifest 파일 등을 포함하여 필요한 모든 favicon 형식을 몇 초 만에 생성하도록 도와줍니다.
이미지를 여기로 드래그하거나 클릭하세요
지원 PNG, JPG, SVG, WEBP
한 번의 클릭
이미지를 업로드하면 모든 크기의 favicon을 포함하여 ICO, PNG, SVG 등 다양한 형식으로 생성합니다.
모든 플랫폼 호환
모든 브라우저와 기기에서 사용할 수 있도록 iOS, Android, Windows 등 다양한 플랫폼의 아이콘 요구사항을 지원합니다.
전문적인 품질
이미지 품질을 자동으로 최적화하여 각 플랫폼의 표준을 충족하는 고품질 favicon 파일을 생성합니다.
Privacy / Security
- Files processed in browser
- No uploads stored
- Automatic cleanup
Who is this for
- Developers
- Designers
- Indie Hackers
- SaaS founders
Use cases
- Website favicon
- PWA icon
- Web App
- Mobile App placeholder
파비콘이란?
파비콘 (favorite icon의 줄임말) 브라우저 탭, 북마크 또는 다른 인터페이스 요소에 표시되는 작은 아이콘입니다. 여러 개의 열린 탭과 북마크 중에서 빠르게 사이트를 식별할 수 있도록 도와줍니다.
Favicon 변환기
favicon.pub은 PNG, ICO, SVG, Apple Touch 아이콘, Android 아이콘, Safari 고정 탭 아이콘, PWA manifest 파일 등을 포함하여 필요한 모든 favicon 형식을 몇 초 만에 생성하도록 도와줍니다.
Favicon 변환기
- 브라우저 파비콘 (16x16, 32x32, 48x48)
- iPhone 및 iPad용 Apple Touch 아이콘
- PWA용 Android Chrome 아이콘
- SVG 파비콘 및 Safari 고정 탭 아이콘
- site.webmanifest 자동 생성
- PWA에 최적화된 파비콘 및 manifest
- Progressive Web Apps용 아이콘 생성
온라인에서 Favicon을 생성하는 방법
우리의 favicon 생성기를 사용하는 방법은 매우 간단합니다:
- PNG, JPG 또는 SVG 형식의 로고 이미지를 업로드합니다.
- 자동으로 생성된 모든 favicon 아이콘을 즉시 미리 봅니다.
- favicon 압축 패키지를 다운로드하고 파일을 웹사이트에 추가합니다.
웹사이트에 Favicon을 추가하는 방법
Favicon 파일을 생성한 후, 웹사이트의 <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 형식 (.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)
현대적인 벡터 형식으로, 무한 확대 시에도 품질 손실이 없고 다크 모드 적응을 지원하며 파일 크기가 작아 미래의 트렌드입니다.