파비콘 생성기 사용 방법
- 정사각형에 가까운 원본 이미지를 업로드합니다.
- 배경, 여백, 둥근 모서리와 사이트 이름을 설정합니다.
- 미리보기를 확인하고 파비콘 파일 세트와 적용 코드를 내려받습니다.
파비콘 생성기 활용 예시
새 웹사이트 제작
로고 이미지 하나로 브라우저 탭과 홈 화면에 사용할 여러 크기의 아이콘을 준비할 수 있습니다.
기존 파비콘 교체
브랜드 개편 후 새 로고에 맞는 파일과 HTML 적용 코드를 다시 만들 수 있습니다.
모바일 홈 화면 대응
일반 파비콘뿐 아니라 기기별 아이콘과 웹 앱 설정 파일을 한 번에 준비할 수 있습니다.
생성 파일 기준과 예시
업로드한 이미지를 브라우저 캔버스에서 정사각형 아이콘으로 변환합니다. 16×16, 32×32, 180×180, 192×192, 512×512 PNG와 ICO, 웹 앱 manifest 및 HTML 적용 코드를 생성합니다.
예시: 512×512 로고를 업로드하면 브라우저 탭용 16·32픽셀 이미지와 모바일 홈 화면용 180·192·512픽셀 이미지를 한 세트로 받을 수 있습니다.
함께 사용하면 좋은 도구
- 원본 로고를 먼저 정사각형 크기로 맞추려면 이미지 리사이저를 이용하세요.
- 여러 로고 시안을 움직이는 이미지로 비교하려면 이미지 GIF 변환을 이용할 수 있습니다.
자주 묻는 질문
원본 이미지는 어떤 크기가 좋은가요?
작은 아이콘으로 축소되므로 단순하고 선명한 정사각형 이미지를 권장합니다. 가능하면 512×512픽셀 이상의 원본을 사용하세요.
파비콘을 교체했는데 예전 이미지가 보이는 이유는 무엇인가요?
브라우저가 파비콘을 오래 캐시할 수 있습니다. 캐시를 지우거나 파일명을 변경한 뒤 다시 확인하세요.
업로드한 이미지는 서버에 저장되나요?
현재 구현에서는 이미지 생성 작업이 브라우저에서 처리됩니다. 다만 외부 라이브러리를 불러오기 위한 네트워크 연결은 필요할 수 있습니다.