실시간 탭 미리보기로 favicon.ico와 favicon PNG 만들기

웹사이트, SaaS, 제품 페이지용 favicon 세트가 필요할 때 적합합니다. 작은 크기에서도 식별되는지 먼저 확인할 수 있습니다.

하나의 로고에서 전 플랫폼 아이콘 생성

favicon, desktop, mobile icon 결과를 바로 확인할 수 있습니다

Original logo
원본 로고
Browser
Desktop
Mobile
생성된 아이콘

생성기 사용하기

favicon.ico, 브라우저 탭 가독성, 작은 크기에서의 선명도를 중요하게 보는 페이지입니다.

실시간 미리보기

브라우저 탭 목업에서 실제 favicon에 가까운 느낌을 확인할 수 있습니다.

브라우저 탭 미리보기

IconBase
IconBase (Dark)
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
favicon.ico32x32
apple-touch-icon.png180x180
android-chrome-*.png192/512
icon-maskable-*.png512x512
icon-sharp-512x512.png512 / 직각
desktop-*.png256/1024
site.webmanifestJSON

탭에서 바로 확인

라이트/다크 탭 환경에서 favicon이 충분히 보이는지 미리 검사합니다.

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 파일도 포함되어 다양한 웹앱 시나리오에 대응합니다.