파비콘 생성기
favicon-generator• 이미지 하나로 favicon.ico와 PNG 세트를 한 번에 만들어요. • 둥근 모서리·여백·배경 조절과 HTML 삽입 코드까지 zip으로.
캡처한 이미지는 바로 붙여넣어도 돼요 Ctrl + V
이미지는 브라우저에서만 처리돼요. 서버로 업로드되지 않아요.
파비콘 만들기 사용법
이미지를 끌어다 놓거나 클릭해서 고르면 바로 아이콘이 만들어져요. 로고처럼 정사각형에 가까운 이미지가 가장 좋고, 가로로 긴 이미지는 꽉 채우기를 쓰면 양옆이 잘리니 전체 넣기를 고르고 여백을 조금 주세요. 미리보기 오른쪽 숫자들은 실제 픽셀 크기 그대로예요. 파비콘은 결국 16px에서 알아볼 수 있느냐가 전부라, 큰 화면에서 예쁜 것보다 작게 줄였을 때 뭉개지지 않는 단순한 형태가 훨씬 나아요.
전체 zip 다운로드를 누르면 favicon.ico, 선택한 크기의 PNG, site.webmanifest, HTML 삽입 코드가 한 번에 들어 있어요. 16·32·48은 브라우저 탭과 북마크용, 180은 아이폰 홈 화면 바로가기용, 192와 512는 안드로이드와 PWA 설치 아이콘용이에요. favicon.ico 안에는 16·32·48 세 가지가 함께 들어가서 상황에 맞는 크기를 브라우저가 알아서 고릅니다.
받은 파일들을 사이트 최상위 폴더에 올리고 HTML 삽입 코드를 head 안에 붙여넣으면 끝이에요. 파비콘은 브라우저가 오래 캐시하기 때문에 바꿔도 바로 안 보일 수 있어요. 강력 새로고침을 하거나 시크릿 창에서 확인해보세요. 모든 처리는 브라우저 안에서 이뤄지고 이미지는 서버로 전송되지 않아요.