탭에서 바로 확인
라이트/다크 탭 환경에서 favicon이 충분히 보이는지 미리 검사합니다.
실시간 탭 미리보기로 favicon.ico와 favicon PNG 만들기
웹사이트, SaaS, 제품 페이지용 favicon 세트가 필요할 때 적합합니다. 작은 크기에서도 식별되는지 먼저 확인할 수 있습니다.
하나의 로고에서 전 플랫폼 아이콘 생성
favicon, desktop, mobile icon 결과를 바로 확인할 수 있습니다
Browser
Desktop
Mobile
생성기 사용하기
favicon.ico, 브라우저 탭 가독성, 작은 크기에서의 선명도를 중요하게 보는 페이지입니다.
실시간 미리보기
브라우저 탭 목업에서 실제 favicon에 가까운 느낌을 확인할 수 있습니다.
브라우저 탭 미리보기
IconBase
IconBase (Dark)
Google Search
iconbase.7-image.com
macOS Dock 미리보기
App
Windows 작업 표시줄 미리보기
App
10:00
모바일 홈 화면 미리보기
9:41
IconBase
App
App
App
10:00
Search...
App
App
App
IconBase
설정 및 내보내기
16x16과 32x32에서도 잘 보이도록 배경과 여백을 작은 크기 기준으로 조정합니다.
이미지 변경
기본 샘플 이미지가 로드되어 있습니다. 실제 로고를 올려서 확인하세요.
이미지 조정
내보내기 전에 업로드한 이미지를 세밀하게 조정하세요.
Standard Rounded
20%
22.5%
0%
중심 = 0
이미지 중심을 x0 y0 기준으로 두고 X/Y 오프셋으로 위치를 조정합니다.
0%
0%
Aurora Mesh
단색
그라디언트
Mesh 및 Grid
글래스
패턴
글로우
Zip 포함 항목:
favicon-16x16.png16x16
favicon-32x32.png32x32
apple-touch-icon.png180x180
android-chrome-*.png192/512
icon-maskable-*.png512x512
icon-sharp-512x512.png512 / 직각
desktop-*.png256/1024
site.webmanifestJSON
favicon.ico와 PNG 크기 생성
favicon.ico, 16x16, 32x32 PNG를 함께 내보내 현대적/호환 시나리오를 모두 지원합니다.
웹 아이콘 일관성 유지
browser tab, 북마크, Apple touch icon, Android 설치 아이콘까지 하나의 방향성으로 정리할 수 있습니다.
favicon 세트 만드는 방법
1. 웹용 마크 업로드
작은 크기에서도 잘 보이는 심볼이나 간결한 로고를 사용합니다.
2. 소형 크기 최적화
여백과 배경을 조정해 16x16, 32x32에서도 읽히도록 만듭니다.
3. favicon 패키지 내보내기
favicon.ico, PNG, manifest가 포함된 zip을 다운로드해 바로 사용할 수 있습니다.
favicon FAQ
favicon.ico도 포함되나요?
네. PNG favicon 외에 favicon.ico도 zip에 포함됩니다.
왜 브라우저 탭 미리보기가 필요한가요?
favicon은 매우 작게 보이기 때문에 실제 탭에 가까운 환경에서 확인하는 것이 더 현실적입니다.
PWA에도 사용할 수 있나요?
네. Apple touch, Android Chrome, manifest 파일도 포함되어 다양한 웹앱 시나리오에 대응합니다.