Favicon 생성 도구
정사각형 이미지가 최적입니다. PNG, JPG, SVG, WebP를 지원합니다.
관련 외부 도구
일부 링크는 제휴 링크입니다.
관련 도구
어떤 이미지든 완전한 favicon 세트로 변환하세요 — 브라우저가 탭, 북마크, 스마트폰 홈 화면에 표시하는 작은 아이콘입니다. 이미지를 업로드하고 각 크기의 PNG를 다운로드한 뒤, 사이트에 바로 붙여넣을 수 있는 HTML과 manifest 코드를 복사하세요. 모든 작업은 브라우저에서 처리되며 이미지는 업로드되지 않습니다.
사용 방법
- 이미지를 선택하세요 — 정사각형 로고나 아이콘이 가장 좋습니다.
- 아이콘의 배경을 투명 또는 흰색으로 선택하세요.
- 각 PNG 크기를 다운로드하고 HTML 및 manifest 코드를 사이트에 붙여넣으세요.
작동 원리
이미지는 필요한 각 크기(브라우저 탭용 16·32px, Windows용 48px, Apple 터치 아이콘용 180px, Android·PWA용 192·512px)로 캔버스에 그려집니다. 하나의 크고 정사각형 소스 이미지에서 축소하면 아이콘이 선명하게 유지됩니다. HTML 코드는 각 파일의 위치를 브라우저에 알려줍니다.
기능
필요한 모든 크기
16, 32, 48, 180, 192, 512px 전체 세트를 한 번에 생성합니다.
브라우저, Apple & Android 지원
클래식 탭 favicon뿐 아니라 apple-touch-icon과 Android/PWA 아이콘도 포함합니다.
즉시 사용 가능한 코드
HTML link 태그와 최소한의 site.webmanifest를 복사하면 붙여넣기만으로 설정이 완료됩니다.
투명 또는 흰색 배경
아이콘에 맞게 투명도를 유지하거나 흰색 배경으로 통일합니다.
완전 로컬 처리
이미지는 브라우저에서 처리되며 어떤 서버에도 전송되지 않습니다.
활용 사례
새 웹사이트
사이트 출시 시 세련된 favicon을 추가하여 브라우저 탭을 완성합니다.
PWA 아이콘
프로그레시브 웹 앱이 홈 화면에 필요한 192·512px 아이콘을 생성합니다.
브랜드 리뉴얼
브랜드 변경 시 모든 favicon 크기의 로고를 한 번에 교체합니다.
블로그 또는 포트폴리오
개인 사이트에 열린 탭들 사이에서 돋보이는 아이콘을 추가합니다.
참고사항
- 정사각형 소스 이미지는 늘어남을 방지합니다; 정사각형이 아닌 이미지는 패딩으로 가운데 정렬됩니다.
- 투명 배경은 PNG 출력에 유지됩니다.
- 다운로드한 파일을 사이트 루트에 놓고 페이지 head에 코드를 추가하세요.
- 모든 처리는 기기에서 실행되며, 이미지는 업로드되지 않습니다.
자주 묻는 질문
- .ico 파일이 여전히 필요한가요?
- 최신 브라우저는 여기서 제공하는 link 태그를 통해 PNG favicon을 지원하므로 .ico는 일반적으로 선택 사항입니다. 16·32px PNG가 탭 아이콘을 커버합니다.
- 어떤 크기가 생성되나요?
- 브라우저용 16·32·48, Apple 터치 아이콘용 180, Android 및 프로그레시브 웹 앱용 192·512px입니다.
- 투명도를 유지할 수 있나요?
- 네. 투명 배경을 선택하면 PNG에 알파 채널이 유지됩니다. 흰색을 선택하면 단색 배경으로 통일됩니다.
- 사이트에 어떻게 추가하나요?
- 다운로드한 파일을 사이트 루트에 놓고 페이지 head에 HTML 코드를 붙여넣으세요. PWA의 경우 manifest도 추가합니다.
- 이미지가 서버로 전송되나요?
- 아니요. 이미지는 완전히 브라우저에서 처리되며 기기 밖으로 나가지 않습니다.