무료 온라인 파비콘 생성기

어떤 이미지든 표준 파비콘 크기로 변환하세요. ICO와 PNG는 물론, 사이트에 바로 붙여 넣을 HTML 코드까지 받을 수 있습니다.

여기로 이미지를 끌어다 놓으세요
또는 클릭해서 선택 — JPG, PNG, SVG, WebP (권장: 512×512px)
자르기 방식
배경색
모서리 둥글기

        
      

파비콘이란 무엇이고 왜 중요한가요?

파비콘은 브라우저 탭과 즐겨찾기, 검색 결과에 나타나는 작은 아이콘입니다. 가장 기본적인 형태는 16x16이나 32x32 픽셀에 불과하지만, 브랜드의 비주얼 아이덴티티를 대표하며 사용자가 사이트를 한눈에 알아보게 하는 역할을 합니다.

파비콘이 없는 사이트는 관리가 소홀하거나 아직 완성되지 않았다는 인상을 줍니다. 경쟁이 갈수록 치열해지는 온라인 환경에서는 사소한 부분 하나하나가 중요하며, 파비콘은 방문자가 페이지 제목을 읽기도 전에 가장 먼저 마주하는 요소 중 하나입니다.

파비콘은 어디에 나타나나요?

요즘 브라우저는 여러 곳에서 파비콘을 보여 줍니다. 활성 탭과 백그라운드 탭, 방문 기록, 즐겨찾기 목록, 구글 검색 결과, 바탕화면 바로가기, 모바일 기기의 홈 화면까지 모두 해당합니다. 그래서 다양한 크기와 형식의 버전을 갖춰 두는 것이 중요합니다. 16x16, 32x32, 192x192 e 512x512 픽셀 등을 준비하면 어느 환경에서나 선명하게 보입니다.

파비콘에는 어떤 형식이 있나요?

전통적인 형식은 .ico이며 모든 브라우저에서 열립니다. 요즘은 다음 형식도 널리 쓰입니다: PNG, SVG e WebP. 그중 SVG는 벡터 형식이라 어떤 크기로 키워도 화질이 떨어지지 않아 고해상도 화면에 특히 잘 어울립니다.

파비콘이 SEO에 어떤 영향을 주나요?

파비콘 자체는 직접적인 순위 요소가 아니지만 사용자 행동 지표에 영향을 줍니다. 잘 만든 아이콘은 검색 결과에서 클릭률을 높이고 브랜드를 기억하게 만들어 재방문으로 이어집니다. 구글은 모바일 검색 결과에도 파비콘을 표시하기 때문에, 자연 검색 노출 측면에서 그 존재감이 더욱 커졌습니다.

파비콘을 무료로 만들려면?

이 온라인 파비콘 생성기를 쓰면 PNG, JPG, SVG, WebP 이미지를 전문적인 파비콘으로 바꿀 수 있습니다. 프로그램을 설치할 필요도, 기술 지식이 필요하지도 않습니다. 이미지를 올리고 원하는 크기를 고른 뒤 완성된 파일을 내려받기만 하면 됩니다. 간단하고 빠르며 무료입니다.

이 생성기를 쓰는 이유

모든 크기를 한 번에
16×16, 32×32, 48×48, 64×64, 96×96, 180×180, 192×192, 512×512를 만들어 브라우저와 iOS, 안드로이드, PWA를 모두 아우릅니다.
멀티 사이즈 favicon.ico
16, 32, 48px가 함께 담긴 .ico 파일이라 구버전을 포함한 모든 브라우저에서 문제없이 표시됩니다.
바로 쓰는 HTML 코드
크기마다 알맞은 태그를 만들어 줍니다. 복사해서 HTML의 에 붙여 넣기만 하면 됩니다.
완성된 ZIP 패키지
PNG 전체와 favicon.ico, PWA용 site.webmanifest를 압축 파일 하나로 받아 보세요.

자주 묻는 질문

원본 이미지는 어느 정도 크기가 좋나요?
512×512 픽셀 이상의 정사각형 이미지를 권장합니다. 어떤 크기든 넣을 수 있지만, 64×64보다 작은 이미지는 큰 크기로 만들 때 화질이 떨어질 수 있습니다.
왜 이렇게 많은 크기가 필요한가요?
플랫폼마다 쓰는 크기가 다르기 때문입니다. 16×16과 32×32는 브라우저 탭에, 180×180은 아이폰 홈 화면 바로가기에, 192×192와 512×512는 안드로이드의 프로그레시브 웹 앱(PWA)에 쓰입니다.
.ico와 .png는 어떻게 다른가요?
.ico는 오래된 버전까지 포함해 모든 브라우저가 지원하는 전통적인 형식이고, .png는 더 현대적이며 화질이 좋습니다. 둘 다 두는 것이 가장 좋습니다. favicon.ico는 루트에 두고, PNG 파일은 HTML에서 지정하면 됩니다.
파일과 HTML 코드는 어디에 넣나요?
파일은 사이트 루트(index.html과 같은 폴더)에 두고, 태그는 HTML의 안에 붙여 넣으세요. ZIP 패키지에는 코드가 담긴 favicon-code.html 파일이 함께 들어 있습니다.
다른 도구도 사용해 보세요
관련 글
모든 글 보기 →