파비콘 생성기

GeekFormat 정보

단일 페이지 Favicon 생성기

텍스트 (1-2자)

글꼴

글꼴 크기

텍스트/Emoji 색상

배경색

모양

투명 배경

미리보기

text · G

16×16

32×32

180

192

512

포함 내용：favicon.ico · 16/32/180/192/512 png · site.webmanifest

HTML 설치 코드

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">

파일을 사이트 루트에 넣고 코드를 <head> 에 삽입하면 됩니다.

GeekFormat 온라인 파비콘 생성기는 Photoshop이나 디자인 소프트웨어를 열지 않고도 현대 브라우저 표준에 맞는 완전한 웹사이트 아이콘 팩을 빠르게 제작할 수 있게 도와줍니다. 세 가지 생성 모드: ①텍스트 모드: 1~2개의 글자/한글을 입력하고 8가지 글꼴 중 선택하며, 글자 크기 슬라이더로 조절하고, 글자색과 배경색을 직접 설정할 수 있습니다. ②이미지 모드: PNG/JPG/WebP 이미지를 업로드하면 자동으로 중앙 정렬하여 정사각형으로 자릅니다. ③Emoji 모드: Emoji 이모티콘을 입력하거나 선택하여 빠르게 생성할 수 있습니다. 사각형/라운드 사각형/원형 세 가지 모양을 지원하고 투명 배경을 선택할 수 있으며, 5가지 크기(16×16/32×32/180×180/192×192/512×512)를 실시간으로 미리 보고, 160ms 디바운스로 실시간 재생성되며, ZIP 패키지에 한 번에 다운로드할 수 있는 파일: favicon.ico(구형 IE 호환), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png(iOS 북마크 아이콘), android-chrome-192x192.png, android-chrome-512x512.png(PWA 아이콘), site.webmanifest(PWA 설정)이 포함되어 있으며, 표준 HTML 헤드 링크 코드를 제공하여 한 번에 복사할 수 있습니다. 순수 Canvas 로컬 생성으로 이미지가 업로드되지 않습니다.

사용 사례

개인 블로그, 회사 홈페이지, 독립 사이트를 새로 만들 때 디자인 소프트웨어를 열지 않고 빠르게 파비콘 제작
프론트엔드 개발자가 프로젝트 데모/프로토타입/랜딩 페이지 제작 시 임시 아이콘으로 빠르게 생성하여 사용
브랜드 첫 글자로 내부 시스템, 관리자 시스템에 사용할 텍스트 아이콘 빠르게 생성
개인 프로젝트, 오픈소스 프로젝트 문서 사이트에 Emoji로 파비콘을 만들어 재미있고 간편하게 사용
고객 웹사이트 론칭 전 완전한 아이콘 팩을 생성하여 데스크톱, iOS, Android, PWA 모든 크기를 한 번에 해결
이벤트 페이지, 마케팅 랜딩 페이지에 메인 비주얼과 색상이 일치하는 전용 파비콘 빠르게 제작
PWA 프로젝트 패키징 전 필수 아이콘 세트와 webmanifest 설정 파일을 일괄 생성
GitHub Pages, Vercel, Netlify에 배포하는 프로젝트에 파비콘 빠르게 추가
개발 디버깅 중 파비콘을 임시로 교체하여 효과를 확인할 때 반복해서 이미지를 자를 필요가 없음
개인 포트폴리오/이력서 웹사이트에 글자나 간단한 Emoji로 개성 있는 파비콘 제작
웹사이트 개발 학습 시 파비콘의 다양한 크기와 HTML 참조 방식을 이해
오래된 웹사이트 파비콘을 교체하여 현대 표준에 맞는 완전한 아이콘 팩을 한 번에 생성하여 업그레이드

주요 기능

세 가지 아이콘 소스: 텍스트(1~2자, 8가지 글꼴), 이미지 업로드(PNG/JPG/WebP 자동 중앙 정렬 자르기), Emoji 이모티콘(12가지 빠른 Emoji + 직접 입력)
세 가지 모양 스타일: 직각 사각형, 22% 라운드 사각형, 원형 자르기로 전통적인 웹사이트부터 현대 앱 아이콘 스타일까지 커버
투명 배경 옵션: 한 번에 투명/색상 배경을 전환하여 다크 모드와 다양한 브라우저 탭 배경에 맞춤
텍스트 완전 커스텀: 글자색과 배경색 선택기, 8가지 시스템 글꼴(Arial/Verdana/Georgia/Times New Roman/Courier New/Impact/Tahoma/Trebuchet MS), 글자 크기 슬라이더 0.48~0.82 비율로 정밀 조절
8가지 시스템 글꼴: 산세리프(Arial/Verdana/Tahoma/Trebuchet MS), 세리프(Georgia/Times New Roman), 고정폭(Courier New), 굵은 제목체(Impact)까지 다양한 브랜드 스타일 충족
5가지 크기 실시간 미리보기: 16×16(브라우저 탭), 32×32(작업 표시줄), 180×180(애플 터치 아이콘), 192×192/512×512(Android/PWA)로 조절하면서 실시간으로 효과 확인
완전한 표준 아이콘 팩: ZIP 다운로드에 favicon.ico + 5개 PNG + site.webmanifest 총 7개 파일이 포함되어 데스크톱, 모바일, PWA 모든 상황 커버
favicon.ico 구형 브라우저 호환: 표준 ICO 형식 파일을 자동 생성하여 IE 등 오래된 브라우저와 호환, PNG만 생성하지 않음
apple-touch-icon: iOS Safari에서 홈 화면에 추가할 때 사용하는 180×180 아이콘 생성
PWA 지원: 192/512 안드로이드 크롬 아이콘과 site.webmanifest 설정 파일이 포함되어 점진적 웹 앱 요구 사항 충족
HTML 코드 원클릭 복사: 표준 link 태그 코드 스니펫을 제공하여 웹사이트 <head>에 바로 복사 붙여넣기
160ms 디바운스 실시간 미리보기: 색상/글꼴/글자 크기/모양을 조절하면 자동으로 재생성되어 생성 버튼을 클릭하지 않아도 실시간으로 효과 확인
이미지 자동 중앙 정렬 자르기: 업로드한 이미지를 자동으로 정사각형 중앙 정렬하여 자르므로 미리 1:1 비율로 자를 필요가 없음
순수 Canvas 로컬 처리: 모든 아이콘을 브라우저 Canvas API로 로컬에서 그리고 ZIP으로 패키징하여 이미지가 서버에 업로드되지 않아 민감한 로고도 안전하게 유출 방지

이용 방법

생성 모드를 선택합니다: '텍스트'에 글자/한글 입력, '이미지'에 로고 업로드, 'Emoji'에 이모티콘 선택
스타일을 조절합니다: 글꼴 선택(텍스트 모드), 글자 크기 조절, 글자색과 배경색 선택, 모양 선택(사각/라운드/원형), 투명 배경 여부 선택
오른쪽 5가지 크기 실시간 미리보기를 확인하며 16×16 작은 아이콘이 선명하게 알아볼 수 있는지 확인
'ZIP 다운로드' 버튼을 클릭하여 아이콘 팩을 로컬에 저장하고, HTML 코드 스니펫을 복사한 후 압축을 풀어 파일을 웹사이트 루트 디렉토리에 넣고 코드를 <head>에 붙여넣습니다

자주 묻는 질문

생성된 ZIP 패키지에는 어떤 파일이 포함되나요?

총 7가지 표준 파일이 포함됩니다: favicon.ico(32×32가 내장된 ICO 형식으로 구형 브라우저 호환), favicon-16x16.png(브라우저 탭 바 작은 아이콘), favicon-32x32.png(브라우저 작업 표시줄/북마크), apple-touch-icon.png(iOS Safari 홈 화면 추가용 180×180), android-chrome-192x192.png와 android-chrome-512x512.png(Android/PWA 아이콘), site.webmanifest(아이콘과 테마색을 정의하는 PWA 설정 파일).

텍스트 모드에 몇 글자까지 입력할 수 있나요?

1~2자(영문, 숫자, 한글) 입력을 권장합니다. 예를 들어 브랜드 첫 글자 'G', 두 글자 'GF' 또는 한 글자 '극' 같은 방식입니다. 파비콘은 크기가 매우 작아서(16×16 픽셀은 너비가 16픽셀밖에 안 됨) 글자가 너무 많으면 알아보기 힘들기 때문입니다. 도구는 최대 2자까지 자동으로 자릅니다.

어떤 형식의 이미지를 업로드할 수 있나요?

PNG, JPG/JPEG, WebP 세 가지 흔한 이미지 형식을 지원합니다. 업로드하면 도구가 자동으로 이미지를 정사각형 중앙 정렬로 자르므로(가운데 정사각형 영역 선택) 미리 1:1 비율로 자를 필요가 없습니다. 배경이 깔끔하고 선명한 정사각형 로고 이미지를 사용하면 가장 효과가 좋습니다.

생성된 HTML 코드는 어떻게 사용하나요?

ZIP을 다운로드하여 압축을 푼 후 모든 파일을 웹사이트 루트 디렉토리에 넣고, 도구가 제공하는 HTML 코드(4줄 link 태그)를 복사하여 웹페이지 <head> 태그 안에 붙여넣으면 됩니다. 코드에는 favicon, apple-touch-icon, manifest 등 필요한 모든 아이콘 참조가 포함되어 있습니다.

원형/라운드/사각형은 무슨 차이가 있나요?

사각형은 전통적인 파비콘 스타일로 직각 사각형입니다. 라운드 사각형은 현대 웹사이트와 앱에서 흔히 사용하는 스타일(22% 라운드)입니다. 원형은 소셜 미디어 스타일이나 브랜드에서 원형 아이콘을 요구하는 상황에 적합합니다. 참고: 파비콘이 실제로 표시될 때 브라우저가 보통 라운드나 마스크를 자체적으로 적용하므로, 세 가지 모양은 주로 PWA를 바탕화면에 추가할 때 아이콘 모양에 영향을 미칩니다.

투명 배경은 무슨 용도인가요?

기본적으로는 배경색이 있는 아이콘입니다. 투명 배경을 켜면 배경 레이어를 그리지 않고 텍스트/Emoji/이미지 자체만 불투명하게 표시합니다. 투명 파비콘은 브라우저 탭 바 배경과 자연스럽게 어우러져야 하거나 로고 자체가 투명 배경 PNG인 경우에 적합합니다. 참고: 텍스트/Emoji 모드에서 투명 배경을 사용할 때는 글자색이 밝은/어두운 배경에서 모두 선명하게 보이도록 해야 합니다.

Emoji 모드에서 아무 Emoji나 사용할 수 있나요?

네, 가능합니다. 원하는 Emoji를 직접 입력하거나(최대 2개) 도구에서 제공하는 12가지 흔한 Emoji(🔥🚀✨🎯💡✅🌈🧠💎📦🪄❤️) 중 빠르게 선택할 수 있습니다. Emoji 렌더링은 시스템 글꼴에 의존하므로 기기마다 효과가 약간 다를 수 있습니다.

왜 다양한 크기의 아이콘이 필요한가요?

상황에 따라 다른 크기를 사용하기 때문입니다: 브라우저 탭 바에는 16×16, 북마크 바/작업 표시줄에는 32×32, iOS 홈 화면 추가에는 180×180, Android 바탕화면과 PWA에는 192/512를 사용합니다. favicon.ico 하나만 넣으면 고DPI 화면과 모바일에서 흐릿하게 보이므로, 다중 크기 PNG를 제공하면 모든 기기에서 선명하고 또렷하게 보입니다.

PWA 아이콘 생성에 사용할 수 있나요?

네, 가능합니다. ZIP 패키지 안의 android-chrome-192x192.png, android-chrome-512x512.png와 site.webmanifest는 PWA(점진적 웹 앱)를 위해 준비된 것입니다. webmanifest 파일에는 아이콘 경로와 테마색 설정이 포함되어 있으므로 웹사이트 루트 디렉토리에 넣으면 PWA 아이콘 요구 사항을 충족합니다.

업로드한 로고 이미지가 서버에 업로드되나요?

아닙니다. 모든 아이콘 그리기, 크기 조절, ICO 생성, ZIP 패키징이 전적으로 브라우저 로컬에서 Canvas API와 JSZip 라이브러리를 통해 완료되므로 이미지 데이터가 사용자 컴퓨터를 떠나지 않습니다. 내부망 환경, 공개되지 않은 로고도 안심하고 사용할 수 있습니다.

만든 16×16 작은 아이콘이 왜 흐릿하게 보이나요?

16×16 픽셀은 총 256개 픽셀밖에 되지 않아 매우 작습니다. 디자인이 너무 복잡하면(예: 여러 개의 작은 글자, 너무 많은 디테일) 축소했을 때 당연히 흐릿해집니다. 파비콘 디자인은 최대한 간결하게 하는 것이 좋습니다. 한 글자, 간단한 도형, 단일 Emoji가 가장 효과가 좋은데, 이것이 파비콘이 보통 브랜드 로고의 단순화된 버전인 이유입니다.

브라우저에서 파비콘을 어떻게 업데이트하나요?

브라우저가 파비콘을 캐시하므로 업데이트 후에도 예전 아이콘이 보인다면: ①강력 새로고침(Ctrl+F5/Cmd+Shift+R)을 하거나, ②브라우저 캐시를 지우거나, ③파비콘 경로에 버전 번호 매개변수를 추가(예: favicon.ico?v=2)하시면 됩니다.

favicon.ico와 PNG 아이콘이 모두 필요한가요?

현대 브라우저는 모두 PNG 파비콘을 지원하지만, favicon.ico는 오래된 브라우저(주로 IE 시리즈)와 호환되는 전통적인 형식입니다. 최상의 호환성을 위해 도구에서 모두 생성합니다. 현대 브라우저 지원만 필요하다면 PNG로도 충분하지만, 둘 다 넣는 것이 더 안전합니다.

SVG 파비콘을 지원하나요?

현재는 표준 PNG+ICO 아이콘 팩을 생성합니다. SVG 파비콘은 현대 브라우저에서 지원되지만 호환성이 아직 통일되지 않았습니다. 도구의 ZIP은 대부분의 상황을 커버하므로, SVG가 필요하다면 별도로 SVG 파일을 HTML 헤드에 추가하시면 됩니다.

휴대폰에서 사용할 수 있나요?

네, 사용할 수 있습니다. 도구는 반응형 레이아웃으로 제작되어 휴대폰에서 매개변수 조절, 미리보기, 다운로드가 모두 가능합니다. 하지만 ICO 생성과 ZIP 패키징은 휴대폰 브라우저 성능에 일정 부분 요구되므로 컴퓨터에서 작업하는 것이 사용감이 더 좋습니다.

파비콘 웹사이트 아이콘에 관하여

파비콘(Favorites Icon의 줄임말, 웹사이트 아이콘, 북마크 아이콘이라고도 함)은 브라우저 탭, 북마크 바, 방문 기록, 주소 표시줄에 표시되는 작은 아이콘으로, 웹사이트 브랜드 인식의 가장 기본적인 요소 중 하나입니다. 파비콘이 없는 웹사이트는 수많은 탭 사이에서 빈 문서 아이콘으로 표시되어 전문적으로 보이지 않습니다. 잘 디자인된 파비콘은 사용자가 여러 탭 사이에서 당신의 웹사이트를 빠르게 찾을 수 있게 해주므로 웹사이트 론칭 전 필수적인 기본 리소스입니다.

현대 웹사이트에는 파비콘 하나만 필요한 것이 아닙니다. 모바일 기기 보급과 PWA(점진적 웹 앱)의 발전으로, 완전한 웹사이트 아이콘 팩에는 다양한 크기와 형식이 포함되어야 합니다: 전통적인 favicon.ico는 오래된 브라우저와 호환되고, 16/32 PNG는 일반 브라우저 탭과 북마크에 사용되며, 180×180 apple-touch-icon은 iPhone/iPad 사용자가 '홈 화면에 추가'할 때 사용되고, 192/512 PNG는 Android 바탕화면과 PWA 시작 화면에 사용되며, site.webmanifest는 브라우저에 이러한 아이콘의 위치와 테마색을 알려줍니다. 디자인 비전공 개발자가 이러한 모든 크기를 수동으로 제작하고 HTML 참조 코드를 정확히 작성하는 것은 번거로운 일입니다.

텍스트 파비콘이 가장 빠른 방식입니다: 대부분의 개인 블로그, 오픈소스 프로젝트, 내부 시스템은 사실 복잡한 로고 디자인이 필요하지 않으며, 브랜드 첫 글자(예: Google은 G, Facebook는 F)를 브랜드 색상과 함께 사용하여 간결한 텍스트 아이콘을 만들면 효과가 좋습니다. 도구는 8가지 흔한 시스템 글꼴, 글자 크기 조절, 색상 커스텀을 제공하여 Photoshop/Figma를 열지 않아도 1분 만에 전문적인 파비콘을 만들 수 있습니다.

Emoji 파비콘은 최근 인기 있는 간단한 방식입니다: Emoji 자체가 디자이너가 그린 작은 아이콘이고 색상이 선명하며 인식도가 높습니다. 개인 프로젝트, 프로토타입, 문서 사이트에 관련 Emoji(예: 로켓🚀은 빠른 속도, 전구💡은 아이디어, 불🔥은 인기)를 파비콘으로 사용하면 재미있고 간편하며, 빈 아이콘보다 훨씬 낫고 플랫폼 간 일관성도 어느 정도 있습니다(시스템마다 렌더링이 약간 다르지만).

이미지 모드는 기존 로고가 있는 상황에 적합합니다: 이미 브랜드 로고 이미지가 있다면 업로드하면 도구가 자동으로 중앙 정렬하여 정사각형으로 자르고 필요한 모든 크기를 생성합니다. 작은 크기에서는 아이콘 너비가 16픽셀밖에 안 되므로 복잡한 로고는 축소하면 뭉개져 보인다는 점에 주의하세요. 그래서 파비콘은 보통 완전판 로고가 아니라 로고의 상징/마크 부분입니다—예를 들어 나이키의 스우시, 애플의 사과, 맥도날드의 M처럼 간단한 형태는 작은 크기에서도 여전히 선명하게 알아볼 수 있습니다.

왜 로컬에서 생성하고 서버에 업로드하지 않나요? 첫째는 프라이버시입니다: 공개되지 않은 브랜드 로고, 고객의 디자인 시안은 민감한 자산이므로 제3자 도구 서버에 업로드하면 유출 위험이 있습니다. 둘째는 속도입니다: 로컬 Canvas 그리기는 순식간에 완료되어 업로드/다운로드를 기다릴 필요가 없습니다. 셋째는 신뢰성입니다: 네트워크가 필요 없어 내부망 환경에서도 사용할 수 있습니다. 모든 이미지 처리는 브라우저 네이티브 Canvas API를 사용하고, ZIP 패키징은 순수 JS인 JSZip 라이브러리를 사용하므로 백엔드 서비스가 필요 없습니다.

세 가지 모양(사각형, 라운드, 원형)은 다양한 플랫폼 스타일에 맞추기 위한 것입니다: Windows는 전통적으로 사각형 아이콘을 사용하고, iOS/iPadOS는 라운드 사각형(Squircle)을 사용하며, Android와 일부 웹사이트는 원형 아이콘을 사용합니다. 도구의 22% 라운드는 비교적 범용적인 라운드 크기로 현대 UI 스타일에 가깝습니다. 참고로 브라우저가 실제로 파비콘을 표시할 때 아이콘을 원형으로 자르지는 않으므로(일부 브라우저 제외), 원형은 주로 휴대폰 바탕화면에 추가한 후 모양에 영향을 미칩니다.

참고 사항: ①파비콘 효과는 디자인의 간결성에 크게 의존하므로 복잡한 패턴은 16×16에서 당연히 흐릿해집니다. 간단한 텍스트/도형/Emoji 사용을 권장합니다. ②Emoji 렌더링 효과는 운영 체제 글꼴에 의존하므로 시스템마다 보이는 Emoji가 약간 다를 수 있습니다. ③ICO 파일은 32×32 PNG를 기반으로 내장 생성되어 대부분의 호환 요구를 충족합니다. ④투명 배경은 일부 오래된 브라우저에서 검은색이나 흰색 배경으로 표시될 수 있으므로 메인 사이트에는 배경색이 있는 것을 사용하는 것이 더 안전합니다.

术语表

파비콘: Favorites Icon, 브라우저 탭, 북마크 바, 주소 표시줄에 표시되는 작은 아이콘으로 웹사이트 브랜드 인식의 기본 요소입니다. 파일명은 보통 favicon.ico입니다.
favicon.ico: 전통적인 Windows 아이콘 형식 파일로, 여러 크기의 아이콘을 내장할 수 있습니다. IE 등 오래된 브라우저와 호환하기 위한 것이며, 현대 브라우저도 PNG 파비콘을 지원하지만 ico 파일이 호환성이 가장 좋습니다.
apple-touch-icon: iOS Safari 브라우저에서 '홈 화면에 추가'할 때 사용하는 아이콘으로 크기는 180×180픽셀이며, 애플 기기 전용 웹사이트 아이콘입니다.
site.webmanifest: PWA(점진적 웹 앱)의 JSON 형식 설정 파일로, 앱 이름, 아이콘, 테마색, 시작 방식 등의 정보를 정의합니다. 현대 웹사이트가 앱 같은 경험을 제공하는 데 필수적인 파일입니다.
PWA (점진적 웹 앱): Progressive Web App, 네이티브 앱처럼 휴대폰 바탕화면에 설치할 수 있는 웹사이트로, 큰 크기의 아이콘과 manifest 설정 파일을 제공해야 합니다.
Canvas API: 브라우저에 내장된 2D 그리기 API로, 본 도구에서 로컬에서 다양한 크기의 아이콘을 그리는 데 사용하며 서버에서 이미지를 처리할 필요가 없습니다.
JSZip: 순수 JavaScript로 구현된 ZIP 압축 라이브러리로, 브라우저 로컬에서 ZIP 파일을 생성하고 다운로드할 수 있습니다. 본 도구에서 모든 아이콘 파일을 패키징하는 데 사용합니다.
160ms 디바운스: 매개변수 조절 후 160밀리초 지난 뒤 아이콘을 다시 생성하여, 슬라이더를 드래그할 때 매밀리초마다 다시 그려서 버벅거리는 것을 방지하여 더 부드러운 사용감을 제공합니다.
중앙 정렬 자르기: 이미지 업로드 후 자동으로 가운데 정사각형 영역을 선택하여 1:1 비율로 자르므로 사용자가 미리 이미지를 자를 필요가 없습니다.
DPI/고해상도 화면: 고DPI 화면(예: Retina)은 CSS 픽셀 하나가 여러 물리적 픽셀에 해당하므로, 큰 크기 PNG(32/180/512)를 제공하면 고해상도 화면에서 아이콘이 흐릿하지 않고 선명하게 보입니다.
투명 배경: 아이콘 배경 레이어를 그리지 않고 전경 텍스트/이미지만 표시하는 것으로, 브라우저 탭 바 배경과 자연스럽게 어우러지게 할 수 있으며 특별한 디자인 요구가 있는 상황에 적합합니다.
브라우저 캐시: 브라우저가 요청을 줄이기 위해 파비콘 파일을 캐시하므로, 아이콘 업데이트 후 새 아이콘을 보려면 강력 새로고침을 하거나 버전 번호 매개변수를 추가해야 합니다.

아이콘 크기 용도 대조표

ZIP 패키지 각 파일의 용도:

파일명	크기	사용 상황
`favicon.ico`	다중 크기 내장	전통 호환, 주소 표시줄, IE 브라우저
`favicon-16x16.png`	16×16	브라우저 탭 바 작은 아이콘
`favicon-32x32.png`	32×32	작업 표시줄, 북마크 바, 바로 가기
`apple-touch-icon.png`	180×180	iPhone/iPad 홈 화면 추가
`android-chrome-192x192.png`	192×192	Android 바탕화면 아이콘, PWA 작은 아이콘
`android-chrome-512x512.png`	512×512	PWA 시작 화면, 설치 팝업
`site.webmanifest`	JSON 텍스트	PWA 설정 파일, 아이콘과 테마색 정의

세 가지 모양 스타일 설명

모양별 적합한 상황:

모양	스타일 특징	가장 적합한 상황
사각형	직각 사각형, 전통적 클래식	전통 웹사이트, Windows 바탕화면, 백엔드 시스템
라운드	22% 라운드, 현대적 부드러움	현대 웹사이트, SaaS 제품, 모바일 스타일
원형	완전한 원형, 소셜 미디어 스타일	소셜 제품, 개인 브랜드, 앱 아이콘

사용 가능한 글꼴 목록

텍스트 모드에서 지원하는 8가지 시스템 글꼴:

글꼴명	유형	스타일 설명
`Arial`	산세리프	범용적, 현대적, 중립적, 가장 안전한 선택
`Verdana`	산세리프	자폭이 넓고 읽기 쉬우며 화면용으로 디자인됨
`Trebuchet MS`	산세리프	휴머니스트, 친근하고 부드러움
`Tahoma`	산세리프	콤팩트하고 선명하며 Windows에서 흔히 사용
`Georgia`	세리프	클래식하고 우아하며 전통/독서 관련 사이트에 적합
`Times New Roman`	세리프	클래식하고 정식적이며 학술/뉴스 전통 스타일
`Courier New`	고정폭	프로그래머/기술적 느낌, 코드 스타일
`Impact`	굵은 제목체	굵고 눈에 띄며 제목감이 강함

Privacy & Security

본 파비콘 생성기의 모든 아이콘 그리기, 형식 변환, ICO 생성, ZIP 패키징은 전적으로 사용자 브라우저 로컬에서 Canvas API와 JSZip을 통해 완료됩니다. 업로드한 이미지, 입력한 텍스트/Emoji, 선택한 색상 매개변수는 어떤 서버에도 업로드되지 않으며, 기록되거나 저장, 분석되지 않습니다. 모든 파일 생성은 로컬 메모리에서 완료되며 페이지를 닫으면 모든 임시 데이터가 자동으로 삭제됩니다. 공개되지 않은 로고, 브랜드 디자인 시안 등 민감한 내용도 안심하고 사용할 수 있습니다.

Authoritative References

MDNMDN - 파비콘 추가 방법
MDNWeb App Manifest 명세
realfavicongenerator.netReal Favicon Generator (참고)

Troubleshooting

ZIP 다운로드 시 브라우저가 안전하지 않다고 경고해요?

ZIP 파일은 브라우저 로컬 JSZip으로 생성되어 서버를 거치지 않으므로 완전히 안전합니다. 일부 브라우저가 로컬 생성 다운로드에 대해 경고할 수 있는데, '유지'를 선택하시면 됩니다. 파일 내용은 모두 이미지와 JSON 텍스트이며 실행 코드는 없습니다.

업로드한 이미지 미리보기가 잘려 보여요?

도구가 업로드한 이미지를 1:1 정사각형으로 자동 중앙 정렬 자르기 때문입니다. 직사각형 이미지를 업로드하면 가장자리가 잘립니다. 가능하면 정사각형 로고를 업로드하거나, 미리 로고를 정사각형 캔버스 중앙에 배치한 후 업로드하는 것이 좋습니다.

16×16 미리보기가 많이 흐릿해요?

16×16은 정말 작은 크기이므로 패턴이 너무 복잡하면 당연히 흐릿해집니다. 이는 도구 문제가 아니라 크기 자체의 제한입니다. 디자인을 간결하게 하는 것이 좋습니다: 글자는 적게, 디테일은 적게, 고대비 색상을 사용하면 간단한 도형은 16px에서도 여전히 선명합니다.

파비콘을 교체했는데 브라우저에 여전히 예전 것이 보여요?

브라우저가 파비콘을 강력하게 캐시합니다. 해결 방법: ①Ctrl+F5/Cmd+Shift+R로 강력 새로고침; ②새 탭을 열어 접속; ③브라우저 캐시와 이미지를 삭제; ④파비콘 경로에 쿼리 매개변수 ?v=2를 추가하여 강제 업데이트; ⑤시크릿 창에서 열어 새 아이콘인지 확인.