파비콘이란?
favicon(즐겨찾기 아이콘의 줄임말)은 웹사이트의 브라우저 탭, 북마크 및 모바일 홈 화면에 표시되는 작은 아이콘입니다. 최신 브라우저와 장치에서는 브라우저 탭의 경우 16x16픽셀부터 PWA 스플래시 화면의 경우 512x512까지 다양한 크기를 기대합니다. 이 도구는 필요한 HTML 및 웹 매니페스트 코드와 함께 단일 소스 이미지에서 모든 일반 크기를 생성합니다.
파비콘을 생성하는 방법
- 1소스 이미지(PNG, JPG 또는 SVG)를 업로드하세요. 정사각형 이미지가 가장 잘 작동합니다.
- 2배경색, 패딩 및 테두리 반경을 조정하여 출력을 사용자 정의합니다.
- 316x16에서 512x512까지 생성된 모든 크기를 미리 봅니다.
- 4개별 크기를 다운로드하거나 모두 다운로드를 클릭하여 모든 favicon를 한 번에 받으세요.
- 5HTML 및 매니페스트 조각을 프로젝트에 복사합니다.
Common 파비콘 생성기 - 다양한 크기의 아이콘 생성기 use cases
Developer debugging
Use 파비콘 생성기 - 다양한 크기의 아이콘 생성기 to quickly inspect generated output, API payloads, configuration values, or encoded data while building and debugging software.
Review before reuse
Validate or transform favicon, icon, apple-touch-icon, manifest, pwa, web-app before adding the result to a project, document, form, message, or shared file.
Privacy-first browser processing
Run common favicon, icon, apple-touch-icon, manifest, pwa, web-app tasks locally in the browser without sending sensitive development data to a backend service.
자주 묻는 질문
어떤 이미지 형식을 업로드해야 합니까?
PNG 또는 SVG는 선명한 결과를 얻는 데 가장 적합합니다. JPG는 작동하지만 작은 크기에서는 압축 아티팩트가 발생할 수 있습니다.
.ico 파일이 생성되나요?
이 도구는 최신 표준인 PNG 파비콘을 생성합니다. 대부분의 브라우저는 PNG 파비콘을 지원합니다. 레거시 .ico 형식의 경우 32x32 PNG 출력을 변환할 수 있습니다.
실제로 어떤 크기가 필요합니까?
최소: 브라우저 탭의 경우 16x16 및 32x32, Apple Touch 아이콘의 경우 180x180, PWA 매니페스트의 경우 192x192 + 512x512입니다.