파비콘 생성기
PNG나 JPG를 올리면 .ico와 16–512px 파비콘 세트를 만듭니다. 애플 터치 아이콘 미리보기와 파일을 바로 받습니다.
출력: ICO 및 PNG(Apple Touch, Android Chrome/PWA 아이콘 포함). ZIP 다운로드를 지원합니다.
광고 차단기가 광고 표시를 막고 있습니다
MiniWebtool은 광고 덕분에 무료로 제공됩니다. 이 도구가 도움이 되었다면 광고 없는 이용과 더 많은 일일 사용을 위해 업그레이드하거나, MiniWebtool.com을 허용한 뒤 새로고침해 주세요.
- MiniWebtool.com 광고를 허용한 뒤 새로고침
- 또는 광고 없이 더 높은 일일 한도로 업그레이드
파비콘 생성기 정보
파비콘 생성기에 오신 것을 환영합니다. 이 도구는 어떤 이미지로도 전문적인 파비콘과 앱 아이콘을 만들 수 있는 포괄적인 도구입니다. 브라우저 탭을 위한 단순한 .ico 파일이 필요하든, PWA(프로그레시브 웹 앱) 지원을 위한 전체 아이콘 세트가 필요하든, 이 도구는 클릭 한 번으로 필요한 모든 크기를 생성합니다.
파비콘이란 무엇인가요?
파비콘("favorite icon"의 줄임말)은 웹사이트와 관련된 작은 아이콘입니다. 다음과 같은 여러 위치에 나타납니다:
- 브라우저 탭: 페이지 제목 옆의 작은 아이콘
- 즐겨찾기 바: 사용자가 사이트를 북마크할 때
- 브라우저 기록: 기록 드롭다운 메뉴 내
- 주소창: 일부 브라우저의 URL 옆
- 홈 화면: 사용자가 모바일 홈 화면에 사이트를 추가할 때
- 검색 결과: 일부 검색 엔진은 검색 결과에 파비콘을 표시합니다
잘 디자인된 파비콘은 브랜드 인지도를 높이고 사이트를 더욱 전문적으로 보이게 하며, 사용자가 여러 개의 열린 탭 중에서 웹사이트를 빠르게 식별할 수 있도록 돕습니다.
아이콘 크기 설명
ICO 파일 크기 (favicon.ico)
전통적인 .ico 형식은 단일 파일에 여러 크기를 포함할 수 있습니다. 당사의 도구는 다음을 생성합니다:
| 크기 | 주요 용도 | 권장 사항 |
|---|---|---|
| 16x16 | 브라우저 탭 아이콘, 주소창 | 예 (필수) |
| 32x32 | Windows 작업 표시줄, 최신 브라우저 | 예 (필수) |
| 48x48 | Windows 바탕 화면 바로가기 아이콘 | 예 (필수) |
| 64x64 | 고해상도 디스플레이, Windows 사이트 아이콘 | 선택 사항 |
| 128x128 | Chrome 웹 스토어, 고해상도 디스플레이 | 선택 사항 |
| 256x256 | Windows Vista+ 아이콘, 매우 높은 고해상도 | 선택 사항 |
Apple Touch 아이콘 (180x180)
iOS 사용자가 웹사이트를 홈 화면에 추가할 때 이 아이콘이 사용됩니다. Apple은 Retina 기기에서 최적의 표시를 위해 180x180 픽셀을 권장합니다. 이는 .ico 파일과는 별개이며 apple-touch-icon.png로 저장해야 합니다.
Android Chrome 아이콘 (192x192 및 512x512)
최신 Android 기기와 Chrome은 프로그레시브 웹 앱(PWA)을 지원합니다. 192x192 아이콘은 홈 화면 바로가기에 사용되며, 512x512는 앱 실행 시 스플래시 화면에 사용됩니다. 이들은 site.webmanifest 파일에서 참조됩니다.
이 도구 사용 방법
- 이미지 업로드: PNG, JPG 또는 WebP 이미지를 드래그 앤 드롭하거나 클릭하여 선택하세요. 최상의 결과를 위해 최소 512x512 픽셀의 정사각형 이미지를 사용하세요. 투명 배경의 PNG가 이상적입니다.
- 크기 선택: 생성할 아이콘 크기를 선택하세요. ICO 파일용으로 최소 16x16, 32x32, 48x48과 Apple 기기용 180x180을 선택하는 것을 권장합니다.
- 배경색 설정: 이미지에 투명도가 있고 단색 배경을 원하는 경우 색상을 선택하세요. 그렇지 않으면 투명하게 유지하세요.
- 생성: 버튼을 클릭하여 모든 파비콘을 생성합니다. 품질을 확인하기 위해 각 크기를 미리 보세요.
- 다운로드: 개별 파일 또는 모든 아이콘과 코드 스니펫이 포함된 전체 ZIP 패키지를 다운로드하세요.
파비콘 디자인 모범 사례
- 단순하게 유지: 파비콘은 매우 작습니다. 세부 사항이 복잡한 로고는 16x16 픽셀에서 읽을 수 없습니다. 로고의 단순화된 버전이나 고유한 기호를 사용하세요.
- 대비 사용: 아이콘이 밝은 배경과 어두운 배경(브라우저 테마는 다양함) 모두에서 눈에 띄는지 확인하세요.
- 작은 크기에서 테스트: 파비콘을 항상 16x16에서 미리 확인하여 인식 가능한지 확인하세요.
- 투명도 고려: PNG 파비콘은 투명 배경을 가질 수 있어 최신 브라우저에서 더 깔끔해 보입니다.
- 정사각형 형식: 왜곡을 피하기 위해 항상 완벽하게 정사각형인 원본 이미지로 시작하세요.
구현 가이드
기본 HTML 구현
파비콘을 생성한 후, HTML의 <head> 섹션에 다음 코드를 추가하세요:
<!-- 파비콘 --> <link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <!-- Apple Touch 아이콘 --> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <!-- Android Chrome --> <link rel="manifest" href="/site.webmanifest">
PWA Manifest 파일
프로그레시브 웹 앱 지원을 위해 Android 아이콘을 참조하는 site.webmanifest 파일을 포함하세요.
자주 묻는 질문
파비콘이란 무엇이며 왜 필요한가요?
파비콘(favorite icon)은 브라우저 탭, 즐겨찾기, 주소창에 표시되는 작은 아이콘입니다. 사용자가 여러 개의 열려 있는 탭 중에서 귀하의 웹사이트를 빠르게 식별하도록 도와줍니다. 전문적인 파비콘은 브랜드 인지도와 사용자 경험을 향상시킵니다. 현대적인 웹사이트는 다양한 장치와 브라우저를 위해 여러 파비콘 크기가 필요합니다.
파비콘을 만드는 데 어떤 이미지 형식을 사용할 수 있나요?
PNG, JPG, JPEG, GIF 또는 WebP 이미지를 업로드할 수 있습니다. 최상의 결과를 얻으려면 512x512 픽셀 이상의 투명 배경 PNG 이미지를 사용하는 것이 좋습니다. 이 도구는 품질을 유지하면서 선택한 모든 파비콘 크기로 이미지 크기를 자동으로 조정합니다.
어떤 파비콘 크기를 생성해야 하나요?
완벽한 브라우저 호환성을 위해 다음을 권장합니다: 16x16 (브라우저 탭), 32x32 (Windows 작업 표시줄), 48x48 (Windows 바탕 화면), 180x180 (iOS용 Apple Touch 아이콘), 192x192 및 512x512 (Android Chrome). 64x64, 128x128 및 256x256 크기는 선택 사항이지만 고해상도 디스플레이에 유용합니다.
업로드한 이미지가 서버에 저장되나요?
모든 이미지 처리는 파비콘 생성 중에 당사 서버에서 안전하게 이루어지지만, 이미지를 영구적으로 저장하지는 않습니다. 처리 후 원본 이미지는 삭제됩니다. 생성된 파비콘 파일만 다운로드를 위해 귀하에게 다시 전송됩니다.
생성된 파비콘을 웹사이트에 어떻게 추가하나요?
파비콘을 생성한 후: 1) 모든 아이콘 파일이 포함된 ZIP 파일을 다운로드합니다. 2) 파일을 웹사이트의 루트 디렉토리에 업로드합니다. 3) 제공된 HTML 코드 스니펫을 웹사이트의 <head> 섹션에 복사합니다. PWA 지원을 위해 site.webmanifest 파일도 포함하십시오.
추가 자료
이 콘텐츠, 페이지 또는 도구를 다음과 같이 인용하세요:
"파비콘 생성기" - https://MiniWebtool.com/ko/파비콘-생성기/에서 MiniWebtool 인용, https://MiniWebtool.com/
miniwebtool 팀 제작. 업데이트: 2026년 2월 5일
웹 관리 도구:
- 링크 깨짐 검사기 새로운
- CPC 계산기
- CPM 계산기
- Cron 작업 생성기
- crontab 표현식 생성기
- CSS 압축기
- CSS Flexbox 플레이그라운드 새로운
- CSS Grid 생성기 새로운
- cURL 명령어 빌더 새로운
- cURL을 JSON으로 변환기
- DNS 조회 새로운
- 도메인 연령 확인기 새로운
- 도메인 신뢰도 검사기 새로운
- .env 파일 생성기 새로운
- 파비콘 생성기
- Git 명령어 생성기 새로운
- 구글 애드센스 계산기
- Googlebot 크롤링 크기 검사기
- Hreflang 태그 생성기 새로운
- Htaccess 리다이렉트 생성기
- HTML 압축기
- HTML 엔티티 인코더/디코더
- HTML 텍스트 추출기
- HTTP 상태 코드 참조 새로운
- JSON 스키마 생성기 새로운
- JSON 문자열 이스케이프 언이스케이프
- 키워드 밀도 검사기
- Less to CSS 컴파일러 새로운
- Lorem Ipsum 생성기
- Markdown 테이블 생성기
- 메타 태그 생성기
- Open Graph 검사기 새로운
- 페이지 속도 검사기 새로운
- PT에서 PX로 변환기 새로운
- PX에서 REM 변환기 새로운
- 쿼리 문자열 빌더 새로운
- 리다이렉트 검사기 새로운
- robots.txt 생성기 새로운
- SCSS CSS 컴파일러 새로운
- 스마트 따옴표 제거기
- SQL 포맷터
- SVG 최적화 도구
- SVG React JSX 변환기 새로운
- TypeScript 플레이그라운드 새로운
- 유닉스 권한 계산기 (chmod)
- URL 파서 새로운
- URL 슬러그 생성기
- 페이지 값 계산기
- 방문자 가치 계산기
- WHOIS 조회 새로운
- XML 사이트맵 생성기 새로운