파비콘 생성기

이미지, 글자, 이모지, SVG를 완전한 파비콘 묶음으로 만듭니다. favicon.ico와 필요한 모든 PNG 크기, 그리고 붙여 넣을 HTML까지 나옵니다. 100% 브라우저에서 처리하고 업로드는 없습니다.

실시간 미리보기

입력을 고르면 파비콘 미리보기가 나타납니다.

Apple 아이콘과 maskable 아이콘은 투명할 수 없습니다. iOS는 투명한 아이콘을 검은 사각형으로 그립니다. 여기서 고른 단색이 theme-color 값으로도 쓰입니다.

모든 처리가 기기 안에서 이뤄집니다 — 업로드도 가입도 없습니다.

파비콘이 중요한 이유

파비콘은 브라우저 탭과 즐겨찾기 막대, 방문 기록에 뜨는 작은 아이콘입니다. 내가 가진 가장 작은 브랜딩 요소이자, 방문할 때마다 사용자가 빠짐없이 보는 것이기도 합니다.

탭이 열 개 넘게 늘어선 줄에서 파비콘이 없는 사이트는 빈 아이콘으로 표시되며 존재감을 잃습니다. 또렷한 파비콘은 그 틈바구니에서 유일한 시각적 기준점이 되어 다시 클릭을 받아 냅니다.

파비콘은 완성도의 신호이기도 합니다. 아이콘이 빠져 있으면 “아직 덜 만들어진 사이트”로 읽힙니다. 제대로 만든 사이트가 공개 전에 로고를 파비콘 생성기에 한 번 통과시키는 이유가 이것입니다.

파비콘 생성기란?

파비콘 생성기란 이미지, 글자, 이모지, SVG 중 하나를 받아 웹사이트에 필요한 아이콘 파일과 크기를 모두 만들어 주고, 그것들을 연결하는 HTML까지 함께 내주는 도구입니다.

요즘 사이트에는 최소 일곱 개의 파일이 필요합니다. favicon.ico, 16px와 32px PNG, 180px Apple Touch Icon, 192px와 512px Android 아이콘, 그리고 site.webmanifest입니다. 하나씩 손으로 내보내면 느린 데다 틀리기도 쉽습니다.

이 파비콘 생성기는 그 과정을 한 단계로 줄이며, 저희 PNG to ICO 변환기와 같은 엔진을 써서 100% 브라우저 안에서 돌아갑니다. 이미지는 업로드되지 않고 가입도 필요 없습니다.

AbsvgP512 · 32 · 20 · 16 px

이 파비콘 생성기를 쓰는 4단계

여기서 파비콘을 만드는 데는 1분도 걸리지 않습니다.

1234입력 방식 고르기모든 크기 미리보기묶음 만들기HTML 복사하기
1

입력 방식 고르기

이미지, 글자, 이모지, SVG 중에서 탭을 고르세요. 로고를 올리거나, 이니셜을 입력하거나, 이모지를 넣거나, SVG 코드를 붙여 넣으면 됩니다.

2

모든 크기 미리보기

16, 32, 180, 192, 512px가 즉시 그려집니다. 16px 타일을 꼭 확인하세요. 가느다란 선은 그 크기에서 사라집니다.

3

묶음 만들기

만들기를 누르면 favicon.ico와 모든 PNG 크기, Apple Touch Icon, Android 아이콘, site.webmanifest가 ZIP 하나에 담겨 나옵니다.

4

HTML 복사하기

만들어진 link 태그를 head에 붙여 넣고 파일을 사이트 루트에 올리면 끝입니다.

팁: 16px를 먼저 기준으로 삼으세요. 탭 크기에서 읽히는 마크라면 어디서든 읽힙니다. 굵고 단순한 원본에서 시작하거나 이걸 활용하세요. PNG를 ICO로 변환.

모든 처리가 브라우저 안에서

대부분의 파비콘 생성기는 이미지를 서버로 올립니다. 아직 공개하지 않은 로고인 경우가 많은데도 남의 컴퓨터에 올라가 있게 되는 것입니다. 이 도구는 모든 처리를 기기 안에서 하므로 어떤 것도 밖으로 나가지 않습니다.

서버를 다녀올 일이 없으니 제한도 없습니다. 원하는 만큼 파비콘을 만드세요. 무료이고 워터마크도 계정도 없습니다.

PP16 px ✓

파비콘 생성기 하나로 어떤 원본이든:

  • 로고 이미지를 파비콘으로
  • 글자·이니셜 파비콘
  • 이모지 파비콘
  • SVG를 파비콘으로
  • 구형 브라우저용 favicon.ico
  • PWA·Android 아이콘

파비콘을 만드는 네 가지 방법

가지고 계신 것에서 바로 시작하세요. 어느 쪽이든 결과 묶음은 똑같습니다.

§ 01

이미지에서

정사각형 PNG나 JPG 로고를 올리세요. 파비콘 생성기가 투명 여백 위에서 필요한 모든 크기로 깔끔하게 줄여 줍니다.

§ 02

글자나 이모지에서

아직 로고가 없으신가요? 한두 글자를 입력하거나 이모지를 넣고 색과 모양만 고르면 몇 초 만에 아이콘이 나옵니다.

§ 03

SVG에서

SVG 코드를 붙여 넣으면 최신 방식의 SVG 파비콘(icon.svg)과 함께 구형 브라우저용 PNG·ICO 대체본까지 만들어집니다.

파비콘 생성기 vs 직접 내보내기

이 생성기직접 작업 (Photoshop / Figma)
걸리는 시간1분 미만15~30분
만들어지는 파일9개, 이름까지 자동하나씩 직접 내보내기
favicon.ico (다중 크기)기본 제공플러그인 필요
SVG·maskable·manifest포함직접 만들어야 함
HTML 코드복사해서 붙여 넣기직접 작성
파일 업로드전혀 없음
비용무료유료 프로그램

직접 내보내면 파일 이름을 틀릴 위험도 있습니다. 브라우저는 apple-touch-icon.png처럼 정확한 이름을 기대하므로, 오타 하나면 아무 말 없이 404가 납니다.

설계부터 비공개

로고는 민감한 자산이고, 공개 전이라면 더욱 그렇습니다. 이 파비콘 생성기는 로고를 업로드하지 않으므로 서버에 기록되거나 캐시에 남거나 유출될 일이 없습니다.

변환은 본인 기기에서 Canvas API로 이뤄집니다. 탭을 닫으면 아무것도 남지 않습니다.

§ 01

업로드 없음

파일은 기기 안에서 읽히고 그려집니다. 저희 서버에 닿는 일이 없습니다.

§ 02

가입 없음

계정도, 이메일도, 신용카드도 필요 없습니다. 페이지를 열고 바로 만드세요.

§ 03

제한 없음

파비콘 개수 무제한, 워터마크 없음, 완전 무료.

자주 묻는 질문

이 파비콘 생성기는 정말 무료인가요?
네, 완전 무료이고 아이콘 개수 제한도 워터마크도 없습니다. 유료 등급도, 파일 제한도 없습니다. 처리가 저희 서버가 아니라 브라우저에서 이뤄지기 때문입니다.
계정이나 신용카드가 필요한가요?
아니요. 가입도, 이메일도, 카드도 필요 없습니다. 페이지를 열고 바로 파비콘을 만드세요.
이미지가 어딘가로 업로드되나요?
아니요. 이 파비콘 생성기는 100% 브라우저 안에서 돌아가므로 이미지가 기기를 벗어나지 않습니다. 아직 공개하지 않은 로고에도 안전합니다.
어떤 크기와 파일이 나오나요?
favicon.ico(16/32/48), 원본이 벡터일 때 최신 브라우저용 icon.svg, favicon-16x16과 32x32 PNG, 불투명한 apple-touch-icon.png(180px), android-chrome 192px와 512px, maskable 아이콘인 icon-mask.png, 그리고 site.webmanifest가 나옵니다.
favicon.io나 RealFaviconGenerator와는 무엇이 다른가요?
결과물은 똑같이 완전하지만 업로드가 없습니다. 파비콘 생성기 전체가 기기 안에서 돌아갑니다. 복사해서 붙여 넣을 HTML도 함께 나오고, 이미지·글자·이모지·SVG 어디서든 시작할 수 있습니다.
어떤 이미지가 파비콘으로 가장 좋나요?
512×512 이상의 정사각형이면서 명암 대비가 뚜렷한 이미지입니다. 단순하고 굵은 형태는 16px로 줄여도 살아남지만, 디테일이 많은 로고는 뭉개집니다.
내려받은 파일은 어디에 두나요?
사이트의 루트 디렉터리에 올리고 HTML을 head에 붙여 넣은 뒤, 캐시된 아이콘이 지워지도록 강력 새로 고침을 하세요.

지금 파비콘을 만드세요

어떤 이미지든, 글자든, 이모지든, SVG든 완전한 파비콘 묶음으로 만듭니다. 무료로, 비공개로, 곧바로.

파비콘 생성기 열기