사용 방법
- 1
원본 이미지 선택
기기에서 정사각형 로고나 아이콘 이미지를 선택합니다. 원본 파일은 서버로 업로드되지 않고 브라우저에서 열립니다.
- 2
아이콘 출력 확인
같은 원본에서 favicon, 앱 아이콘, Apple Touch Icon, web manifest 참조에 쓸 브라우저용 크기를 생성합니다.
- 3
작은 크기 가독성 확인
작은 크기에서도 표시가 읽히는지 확인합니다. 복잡한 그림보다 단순한 형태와 강한 대비가 보통 더 잘 보입니다.
- 4
패키지 다운로드
사이트 폴더, 프레임워크 public 디렉터리, 배포 체크리스트에 넣을 생성된 아이콘 파일과 manifest 자산을 내보냅니다.
주요 사용 사례
보안 및 개인정보
로컬 파비콘 생성
파비콘 생성은 브라우저에서 처리되며 원본 로고나 초안 이미지를 서버 경로로 업로드할 필요가 없습니다. Frisbly는 패키지를 만들기 위해 계정 데이터, 파일명, EXIF 데이터, 사용자 식별자를 요구하지 않습니다. 생성된 파일은 사용자 기기로 다운로드되고, 어떤 자산을 배포 사이트에 포함할지는 사용자가 결정합니다.
지원 입력과 출력
지원 파비콘 출력
- 브라우저가 지원하는 로컬 PNG, JPEG, WebP 또는 SVG 계열 원본 이미지.
- 브라우저 탭과 북마크용 ICO 및 PNG favicon 자산.
- 홈 화면 바로가기를 위한 Apple Touch Icon 출력.
- 설치형 사이트 메타데이터를 위한 web manifest 파일 참조.
자주 묻는 질문
파비콘을 만들 때 로고가 업로드되나요?
아니요. 원본 이미지는 브라우저 안에서 처리되므로 생성된 아이콘 패키지를 위해 서버 업로드가 필요하지 않습니다.
어떤 원본 이미지가 가장 좋나요?
정사각형이고 표시가 분명하며 대비가 강하고 세부 요소가 적은 이미지가 복잡한 전체 로고보다 작은 favicon에서 더 잘 보입니다.
ICO와 PNG가 모두 필요한가요?
많은 사이트가 둘 다 포함합니다. ICO는 전통적인 favicon 지원에, PNG 크기와 Apple Touch Icon은 최신 브라우저와 기기 표면에 유용합니다.
파일은 어디에 두면 되나요?
대부분의 프로젝트는 생성된 자산을 public 또는 static 폴더에 두고, 문서 head나 프레임워크 metadata 설정에서 favicon과 manifest를 참조합니다.
브랜드 업데이트 후 다시 생성할 수 있나요?
가능합니다. 새 원본 이미지를 열고 패키지를 다시 생성한 뒤, 업데이트된 표시가 승인되면 배포된 파일을 교체합니다.