이미지나 텍스트로 파비콘을 만드세요. 브라우저 탭을 미리보고, 시스템 폰트를 사용하며, 다중 크기 ICO 또는 웹사이트, Apple 및 Android 아이콘이 포함된 ZIP 파일을 다운로드하세요.
완성된 파일을 다운로드하세요.
로고, 이미지 또는 짧은 모노그램을 웹사이트 파비콘으로 변환하세요. 밝은 모드와 어두운 모드의 브라우저 탭을 미리 보고, 프레임을 다듬은 다음 다중 크기 ICO 또는 웹사이트용 아이콘 및 설치 파일이 포함된 ZIP 파일을 다운로드하세요.
이미지를 업로드하거나 도구 페이지에서 텍스트를 선택하세요.
이미지는 PNG, JPG, JPEG, WebP 또는 GIF을(를) 허용합니다. 텍스트를 선택하면 스타일을 지정할 수 있는 동일한 편집기가 열립니다. '다음으로 생성'을 사용하면 업로드된 이미지와 모노그램 간에 전환할 수 있습니다. 16 픽셀에서 가장 선명한 결과를 얻으려면 한두 개의 간단한 문자를 사용하세요. GIF 입력은 정지 프레임을 사용하며 결과는 애니메이션이 아닙니다.
밝은 모드와 어두운 모드의 브라우저 미리보기는 서로 다른 배경에서 동일한 아이콘이 어떻게 보이는지 보여줍니다.
편집기는 16 픽셀 브라우저 탭 미리보기, 별도의 16, 32, 48 픽셀 아이콘 및 Apple Touch 미리보기를 보여줍니다. 작은 아이콘은 큰 로고를 축소했을 때 사라지는 세부 정보를 드러냅니다. 가장 작은 미리보기를 알아볼 수 있을 때까지 소스를 단순화하거나 주변 공간을 추가하세요. Apple Touch 이미지는 내보낸 180 픽셀 크기보다 작게 표시됩니다.
둥근 사각형, 사각형 또는 원형을 선택하고 콘텐츠 주변의 공간을 조절하세요.
'전체 이미지 표시'는 모든 소스 가장자리를 아이콘 내부에 유지합니다. '아이콘 채우기'는 사용 가능한 영역을 덮으며 가장자리가 잘릴 수 있습니다. '콘텐츠 주변 공간'은 여백을 0에서 35 퍼센트까지 조절합니다. 배경을 선택하거나 투명 배경을 활성화하세요. 둥근 실루엣이나 원형 실루엣 외부의 투명 픽셀은 투명하게 유지됩니다. 이는 업로드된 이미지에 이미 존재하는 불투명한 배경을 제거하지는 않습니다.
문자, 글꼴 및 대비되는 색상을 설정하세요.
텍스트/모노그램은 포함된 Modern sans, Classic serif 및 Monospace 스타일로 최대 3자까지 지원합니다. 지원되는 데스크톱 브라우저에서 '시스템 글꼴 사용'을 선택하고 글꼴 액세스를 허용하면 장치에 설치된 글꼴 제품군으로 글꼴 목록이 채워집니다. 제품군을 선택하여 실시간 미리보기를 업데이트하거나 이전/다음 화살표를 사용하여 인접한 글꼴을 비교하세요. 글꼴 이름과 파일은 업로드되지 않습니다. 텍스트는 사용 가능한 공간에 자동으로 맞춰집니다. 글꼴이나 색상을 변경한 후 가장 작은 아이콘 크기를 미리 보세요.
시작 동작 한 번으로 선택한 다운로드 항목이 생성됩니다.
멀티 사이즈 ICO에는 16, 24, 32, 48, 64, 128 및 256 픽셀 이미지가 하나의 favicon.ico 파일에 포함됩니다. 웹사이트 아이콘 패키지는 ICO, PNG 아이콘(16, 32, 48 픽셀), Apple Touch 아이콘(180 픽셀), Android 아이콘(192, 512 픽셀), 웹 매니페스트 및 INSTALL.txt이 포함된 ZIP 파일을 생성합니다. 웹사이트 이름은 매니페스트 이름을 제공합니다.
ZIP 파일에는 HTML 링크 태그와 일치하는 파일 이름이 포함되어 있습니다.
패키지 내용을 사이트 루트에 업로드하고 INSTALL.txt의 링크 태그를 페이지 헤드에 복사하세요. 아이콘을 하위 폴더에 보관하는 경우 HTML 경로와 site.webmanifest 내부의 경로를 업데이트하세요. 업데이트를 확인할 때는 캐시된 파비콘을 지우거나 새 탭에서 테스트하세요. 생성된 매니페스트는 아이콘 구성 파일이며, 프로그레시브 웹 앱의 전체 설치 파일이 아닙니다.
파일당 최대 25 MB까지 업로드 가능. 실행당 하나의 입력 파일.
최대 25 MB, 최대 60 메가픽셀 및 한 변당 16,000 픽셀인 이미지 하나. ICO 크기는 16에서 256 픽셀까지 다양하며, 가장 큰 패키지 PNG은 512 × 512 픽셀입니다.
아이콘 생성 및 미리보기는 기기에서 실행됩니다. 이 도구는 변환을 위해 선택한 이미지를 업로드하지 않습니다.
이 도구는 브라우저에서 파일을 처리하고 내보냅니다. 다운로드한 이미지는 별도의 파일이며, 기기의 원본 파일은 덮어쓰이지 않습니다.
편집기나 다운로드 페이지를 새로 고치면 도구 페이지로 돌아갑니다. 새 작업을 시작하기 전에 결과를 다운로드하세요. 파일 처리에 관한 개인정보 처리방침을 확인하세요.
시작하기 전 몇 가지 답변입니다.
기기 내 처리네. '텍스트'를 선택하고 이니셜을 입력한 다음, 편집기에서 글꼴, 색상, 모양 및 간격을 선택하세요.
ICO에는 PNG 기반의 7개 프레임(16, 24, 32, 48, 64, 128, 256 픽셀 정사각형)이 포함되어 있습니다. 브라우저가 적절한 프레임을 선택합니다.
여기에는 favicon.ico, 브라우저/Apple/Android용 6개 PNG 아이콘, site.webmanifest 및 HTML 링크 태그가 포함된 INSTALL.txt가 들어 있습니다.
네. '투명 배경'을 활성화하세요. 이는 소스 주변의 투명 영역을 보존하며, 사진의 불투명한 배경을 제거하지는 않습니다.
아니요. 이 도구는 브라우저에서 아이콘 파일을 생성하고 패키징합니다. 편집기는 영구적인 프로젝트 저장소가 아니므로 다운로드한 파일을 보관하세요.
네, 브라우저가 로컬 글꼴 액세스를 지원하는 경우 가능합니다. '텍스트/모노그램'을 선택하고 '시스템 글꼴 사용'을 선택한 뒤 브라우저 권한을 허용하세요. 사용 가능한 글꼴 패밀리가 글꼴 목록에 나타납니다. 권한이 거부되거나 로컬 글꼴 액세스를 사용할 수 없는 경우 포함된 스타일을 계속 사용할 수 있습니다.
