완벽한 것을 생성하세요 파비콘 초 단위로
이미지, 텍스트 또는 이모티콘으로 파비콘을 만드세요. ICO, PNG, Apple Touch 아이콘, Android Chrome 아이콘 및 사이트 웹 매니페스트를 다운로드하세요. 모든 파일은 브라우저에서 바로 생성됩니다.
웹사이트에 필요한 모든 것
하나의 도구로 모든 파비콘 형식을 생성할 수 있습니다. 디자인 기술은 필요하지 않습니다.
필요한 모든 사이즈
한 번의 클릭으로 ICO(16, 32, 48), Apple Touch Icon(180), Android Chrome(192, 512) 및 site.webmanifest를 생성합니다.
라이브 브라우저 미리보기
크롬 브라우저 탭에서 파비콘을 실제처럼 확인하고 맞춤 설정하세요. 더 이상 추측할 필요가 없습니다.
텍스트 및 이모지 파비콘
글자, 숫자 또는 이모티콘으로 파비콘을 만들어 보세요. 50가지 Google 글꼴 중에서 선택하고 원하는 색상을 지정할 수 있습니다.
HTML 코드 조각
프레임워크에 바로 붙여넣을 수 있는 HTML, Next.js 메타데이터 또는 Vite에서 사용할 수 있는 링크 태그를 제공합니다.
ZIP 파일로 다운로드
모든 파비콘 파일, 웹 매니페스트 및 HTML 스니펫이 하나의 ZIP 파일로 묶여 다운로드됩니다.
100% 비공개
모든 작업은 브라우저에서 실행됩니다. 이미지는 어떤 서버에도 업로드되지 않습니다.
당신이 얻게 될 것
웹사이트에 필요한 모든 파일이 하나의 ZIP 파일로 압축되어 다운로드 가능합니다.
| 파일 | 크기 | 목적 |
|---|---|---|
| favicon.ico | 16+32+48 | 브라우저 탭(다중 해상도) |
| favicon-16x16.png | 16x16 | 최신 브라우저 대체 기능 |
| favicon-32x32.png | 32x32 | 표준 브라우저 탭 |
| apple-touch-icon.png | 180x180 | iOS 홈 화면 |
| android-chrome-192x192.png | 192x192 | 안드로이드 크롬 |
| android-chrome-512x512.png | 512x512 | 안드로이드 시작 화면 |
| site.webmanifest | — | PWA 매니페스트 파일 |
| favicon-snippet.html | — | 바로 사용 가능한 HTML |
작동 방식
모드를 선택하세요
이미지를 업로드하거나, 텍스트를 입력하거나, 파비콘으로 사용할 이모티콘을 선택하세요.
맞춤 설정
색상, 모양, 여백 및 글꼴을 조정하세요. 실제 브라우저 탭에서 미리 보기를 할 수 있습니다.
다운로드
파비콘 파일, 웹 매니페스트, HTML 코드 스니펫이 모두 포함된 ZIP 파일을 다운로드하세요.
자주 묻는 질문
파비콘의 크기는 어떻게 되어야 하나요?+
최신 웹사이트에는 여러 가지 크기의 아이콘이 필요합니다. 브라우저 탭용 16x16픽셀과 32x32픽셀(일반적으로 하나의 .ico 파일로 결합됨), Apple 터치 아이콘(iOS 홈 화면)용 180x180픽셀, 그리고 Android Chrome 및 PWA 스플래시 화면용 192x192픽셀과 512x512픽셀이 그 예입니다. 저희 생성기를 이러한 모든 크기의 아이콘을 자동으로 생성합니다.
ICO 파일이란 무엇이며, 여전히 필요한가요?+
ICO 파일은 하나의 파일에 여러 크기의 아이콘을 담을 수 있는 컨테이너 형식입니다. 최신 브라우저는 PNG 파비콘을 지원하지만, 특히 구형 브라우저 및 Windows 바로가기와의 호환성을 위해 .ico 형식을 사용하는 것이 좋습니다. 저희 도구는 16x16, 32x32, 48x48 크기의 다중 해상도 ICO 파일을 생성합니다.
텍스트나 이모티콘으로 파비콘을 만들 수 있나요?+
네! 저희 생성기를 세 가지 모드를 지원합니다. 이미지 업로드(PNG, JPG, SVG, WebP), 50가지 Google 글꼴 중 하나를 선택하여 1~3개의 문자를 입력하거나, 원하는 이모티콘을 선택할 수 있습니다. 모든 모드에서 배경을 , 모양, 여백을 자유롭게 설정할 수 있습니다.
Next.js 프로젝트에 파비콘을 추가하는 방법은 무엇인가요?+
생성된 파일을 `/public` 폴더에 넣은 다음, `app/layout.tsx` 파일에서 메타데이터 객체를 내보내세요. 저희 도구는 필요한 코드 스니펫을 정확하게 제공합니다. 코드 패널에서 'Next.js' 탭을 클릭하고 해당 코드를 복사하여 레이아웃 파일에 붙여넣기만 하면 됩니다.
애플 터치 아이콘이란 무엇이며 왜 필요한가요?+
애플 터치 아이콘은 iOS에서 사용자가 웹사이트를 홈 화면에 추가할 때 사용하는 180x180 크기의 PNG 파일입니다. 이 아이콘이 없으면 iOS는 웹사이트 페이지의 스크린샷을 찍는데, 결과물이 좋지 않은 경우가 많습니다. 저희 생성기를 이 파일을 자동으로 생성합니다.
site.webmanifest란 무엇인가요?+
site.webmanifest는 웹 앱의 이름, 아이콘, 테마 색상, 표시 모드 등 웹 앱에 대한 정보를 브라우저에 알려주는 JSON 파일입니다. 프로그레시브 웹 앱(PWA)에 필수적이며, 안드로이드 크롬에서 홈 화면에 아이콘을 표시하는 데 사용됩니다. 저희 ZIP 파일에는 바로 사용할 수 있는 웹 매니페스트가 포함되어 있습니다.
이 파비콘 생성기를 정말 무료인가요?+
네, 완전히 무료이며 제한이나 워터마크가 없고 회원가입도 필요 없습니다. 모든 처리는 브라우저에서 이루어지며, 이미지를 서버에 업로드하는 일은 절대 없습니다.
내 이미지가 서버에 업로드되었나요?+
아니요. 모든 기능은 Canvas API를 사용하여 브라우저에서 100% 실행됩니다. 이미지는 기기를 벗어나지 않습니다. 저희는 사용자의 파일을 저장, 처리하거나 접근할 수 없습니다.
Looking for more tools? Try our App Icon Generator, Image Resizer, Image Compressor, or Screenshot Generator.