이 도구에 대해
파비콘은 브라우저 탭, 북마크, 휴대폰 홈 화면에 나오는 작은 아이콘이며, 현대 사이트는 여러 크기와 형식으로 필요합니다. 이 생성기는 하나의 소스에서 전체 세트를 만듭니다: 로고를 업로드하거나 글자 하나 또는 이모지를 입력하고 배경을 고르면 16, 32, 48, 180, 192, 512 픽셀의 선명한 아이콘을 렌더링합니다.
고전적인 다중 해상도 favicon.ico를 다운로드하고, 개별 PNG를 받고, 페이지 head에 붙여넣을 정확한 link 및 meta 태그를 복사하세요. 모든 것이 브라우저의 Canvas API로 그려지며 이미지는 업로드되지 않습니다.
자주 묻는 질문
업로드한 이미지가 서버로 전송되나요?
아닙니다. 모든 크기는 HTML 캔버스에서 로컬로 렌더링되며, 이미지가 브라우저를 벗어나는 일은 없습니다.
실제로 어떤 크기가 필요한가요?
16×16와 32×32는 전통적인 브라우저 탭 파비콘용이고, 180×180은 Apple 터치 아이콘(iOS 홈 화면)용이며, 192×192/512×512는 Android/PWA 설치를 위한 웹 앱 매니페스트에 사용됩니다.
.ico 파일이 필요한가요, PNG만으로 충분한가요?
최신 브라우저는 link 태그를 통해 PNG 파비콘을 문제없이 사용하지만, 구형 브라우저나 북마크, 정확히 그 파일 이름으로만 아이콘을 찾는 도구를 위해 favicon.ico는 여전히 유지할 가치가 있습니다.
이미지로 만든 아이콘이 작은 크기에서 흐릿하게 보이는 이유는 무엇인가요?
작은 파비콘은 사용할 수 있는 픽셀이 매우 적어서 세밀한 디테일이 사라집니다. 단순하고 대비가 뚜렷한 정사각형 이미지로 시작하세요 — 가는 선이나 텍스트가 많은 로고는 16×16으로 축소되면 거의 알아보기 어려워집니다.
생성한 파비콘을 내 사이트에 추가하려면 어떻게 하나요?
파일(또는 .ico)을 다운로드해 사이트 루트에 두고, 'Copy HTML'에 있는 코드 조각을 페이지의 head 섹션에 붙여넣으세요.