파비콘 생성기 결과 미리보기

파비콘 생성기 — 무료 이미지에서 파비콘 만들기

하나의 이미지에서 16~512px PNG 아이콘, Apple 터치 아이콘 및 site.webmanifest를 생성합니다.

파비콘을 무엇으로 시작해야 하나요?

정사각형 이미지를 삭제하세요. 모든 파비콘 크기와 site.webmanifest를 ZIP으로 가져옵니다.

favicon.ico, site.webmanifest, HTML 스니펫 포함

파비콘 생성기로 할 수 있는 일

시작하기 전에 주요 기능을 검토하세요.

  • 이미지, 이니셜, 또는 이모지나 기호로 시작하세요
  • 생성 전에 레터마크 색상과 텍스트 스타일 미리보기
  • Apple Touch 및 Android 홈 화면 아이콘 만들기
  • 바로 사용할 수 있는 site.webmanifest 파일 받기
  • 모든 파비콘 크기를 단일 ZIP으로 다운로드
  • favicon.ico와 16~512px PNG 크기를 생성하세요

설정 참고

파비콘 생성기에 사용 가능한 제어 기능입니다.

처리 방식프리셋
입력 하나를 처리하거나 Premium 일괄 처리 모드에서 여러 입력에 같은 설정을 적용하세요. 입력할 수 있는 자료의 종류는 도구마다 다릅니다.옵션: 단일 이미지일괄 처리

원본 유형

파비콘을 무엇으로 시작해야 하나요?프리셋
동일한 전체 파비콘 팩의 원본으로 업로드한 이미지, 로컬에서 디자인한 한 개에서 세 개 문자의 레터마크, 또는 이모지나 기호를 선택합니다.옵션: 이미지 또는 로고를 사용하세요이니셜로 만들기이모지로 만들기

디자인

이니셜 또는 짧은 텍스트텍스트 입력
이니셜 모드용으로 1~3자를 설정하고 생성 전에 로컬 소스 미리보기를 업데이트합니다.
텍스트 스타일드롭다운
이니셜 모드에서 레터마크 글꼴 계열을 선택합니다.옵션: 산세리프Serif고정폭
텍스트 색상색상 선택기
이니셜 색상을 선택합니다. 레터마크 원본에서만 표시됩니다.
배경색색상 선택기
파비콘 크기가 생성되기 전에 이니셜 또는 이모지 뒤의 단색 배경을 설정합니다.
이모지 또는 기호텍스트 입력
이모지 모드에서는 최대 4개의 유니코드 문자를 받습니다. 표시 모양은 원본을 렌더링하는 브라우저와 운영체제에 따라 달라집니다.
무료 이용 · 회원가입 불필요 · 워터마크 없음업로드는 전송 중에 암호화됩니다.보관 정책에 따라 삭제됨

자주 묻는 질문

파비콘 생성기가 작업을 완수하도록 돕는 방법

비즈니스, 크리에이터, 일상 업무의 실제 문제를 매일 해결합니다. 귀하에게 적합한 사용 사례를 찾아 시작해보세요.

개발자용

인디 해커 런칭

MVP를 출시하는 1인 창업자도 런칭 전에 잘 다듬어진 파비콘이 필요합니다. 로고 이미지 한 장에서 모든 크기의 파비콘과 매니페스트를 클릭 한 번으로 생성하세요. Figma도, 디자인 구독도 필요 없습니다.

비즈니스용

에이전시 고객 설정

새 클라이언트 사이트를 납품할 때 파비콘 세트는 견적에 잘 포함되지 않지만 항상 기대됩니다. 프로젝트 막바지에 ZIP을 생성해 /public에 넣고 납품 항목을 체크하세요.

개발자용

PWA 설치 가능성

Chrome 설치 가능성 검사를 통과하려면 매니페스트에 192×192 및 512×512 아이콘이 필요합니다. 당사의 출력물은 별도 설정 없이 이 요구 사항을 충족하며, 이에 맞는 HTML head 태그도 함께 제공합니다.

비즈니스용

멀티 브랜드 워크스페이스

여러 고객 브랜드를 동시에 관리하는 에이전시와 컨설턴트는 브랜드를 리뉴얼할 때마다 파비콘 세트를 10초 만에 다시 만들 수 있습니다. Photoshop 액션을 따로 관리할 필요가 없습니다.

개발자용

오픈 소스 프로젝트 브랜딩

GitHub Pages, Vercel, Netlify, Cloudflare Pages 사이트는 모두 브라우저 탭에서 깔끔하게 보이려면 파비콘이 필요합니다. 생성된 파일을 저장소에 넣기만 하면 프로젝트가 완성된 것처럼 보입니다.

마케팅

리브랜딩 리프레시

로고가 바뀌면 180px Apple 터치 아이콘과 512px Android PWA 아이콘을 포함해 필요한 모든 크기를 Illustrator에서 일일이 다시 내보내지 않고도 한 번에 재생성하세요.

개발자용

브라우저 확장 프로그램 매니페스트용 아이콘

ZIP에서 바로 16, 32, 48px PNG를 꺼내 manifest.json의 icons 객체에 사용하세요. 디자인 도구에서 각 크기를 일일이 손으로 내보내지 않고도 규격에 맞는 확장 프로그램 아이콘을 빠르게 얻는 방법입니다.

웹 및 SEO

노코드 사이트의 파비콘 공백 채우기

Webflow, Framer, Wix는 자체적으로 완전한 파비콘 세트를 생성하는 경우가 드뭅니다. 여기에 로고를 업로드하고 생성된 크기와 HTML 스니펫을 사이트의 사용자 지정 코드 또는 SEO 설정 패널에 몇 분 만에 붙여넣으세요.

개인용

취미 블로그에 완성된 느낌 더하기

Ghost, Jekyll, Hugo로 만든 개인 블로그는 파비콘이 아예 없는 경우가 많습니다. 인물 사진이나 손으로 그린 로고에서 전체 세트를 생성해, 브라우저 탭이 비어 보이지 않고 의도적으로 디자인된 것처럼 보이게 하세요.

마케팅

SEO 감사에서 지적된 파비콘 수정

누락되거나 깨진 favicon은 Lighthouse와 SEO 크롤러 보고서에서 흔히 지적되는 문제이며, 검색 결과와 북마크에서 클릭률을 조용히 떨어뜨립니다. 업로드 한 번으로 전체 세트를 다시 생성하고 오늘 그 문제를 해결하세요.

각 변화를 확인하세요

모든 사진이 원본 그대로 슬래시를 지나 반대편에서 완성된 결과물로 나옵니다.