파비콘 생성기

텍스트로 맞춤 색상, 폰트, 모양의 파비콘을 생성합니다. 모든 크기(16-512px) 다운로드 및 HTML 태그 제공.

파비콘 생성기는 무엇인가요?

파비콘 생성기는 Photoshop이나 Figma 같은 전문 디자인 소프트웨어 없이도 브라우저 탭, 북마크, 홈 화면에 표시되는 작은 아이콘을 텍스트나 이니셜로 빠르게 만들 수 있는 도구입니다. 파비콘(favorite icon의 줄임말)은 브라우저 탭, 주소 표시줄, 북마크 목록, 홈 화면 아이콘, 검색 결과 등 다양한 위치에 표시되는 소형 브랜드 아이콘입니다. 작은 크기에도 불구하고 파비콘은 웹사이트의 첫 번째 시각적 인상을 전달하고 사용자가 여러 탭 중에서 사이트를 쉽게 식별하게 합니다. 파비콘이 없는 웹사이트는 브라우저가 기본 빈 아이콘이나 지구본 아이콘을 표시하여 아마추어적인 인상을 줍니다. 현대 웹 표준은 다양한 기기와 상황에 맞는 여러 크기의 파비콘을 요구합니다: 브라우저 탭용 16x16px와 32x32px, Apple 기기 홈 화면용 180x180px(Apple Touch Icon), Android Chrome 홈 화면용 192x192px, PWA 스플래시 화면용 512x512px. 텍스트 기반 파비콘 생성기는 브랜드 이니셜, 짧은 단어, 숫자를 선명하게 표현할 수 있어 간단하면서도 인식 가능한 브랜드 정체성을 제공합니다.

파비콘 생성기 사용 방법

파비콘에 표시할 텍스트(보통 1~3자, 이니셜이나 짧은 단어)를 입력하세요. 배경 색상과 텍스트 색상을 색상 선택기로 지정하세요. 브랜드 색상을 HEX 코드로 직접 입력할 수 있습니다. 파비콘의 모양을 원형, 정방형, 모서리가 둥근 정방형 중에서 선택하세요. 폰트와 폰트 크기를 조정하면 텍스트가 작은 크기에서도 선명하게 읽히는지 미리보기에서 확인할 수 있습니다. 다양한 크기 탭을 클릭하여 16x16부터 512x512px까지 각 크기에서 파비콘이 어떻게 보이는지 확인하세요. 특히 16x16 크기에서 글자가 잘 읽히는지 꼭 확인하세요. 만족스러우면 개별 크기 다운로드 버튼 또는 '모두 다운로드' 버튼으로 모든 필수 크기를 한 번에 다운로드하세요. 제공되는 HTML 코드 스니펫을 복사하여 웹사이트의 <head> 태그 안에 붙여넣으면 설치가 완료됩니다.

자주 묻는 질문

웹사이트에 어떤 파비콘 크기가 필요한가요?

최신 웹 표준에 따라 여러 크기가 필요합니다: 16x16px(브라우저 탭 기본), 32x32px(브라우저 탭 고해상도), 180x180px(Apple Touch Icon, iPhone/iPad 홈 화면), 192x192px(Android Chrome 홈 화면 아이콘), 512x512px(PWA 스플래시 화면, Android Chrome 설치 화면). '모두 다운로드' 버튼으로 이 5가지 크기를 한 번에 받으세요.

웹사이트에 파비콘을 어떻게 추가하나요?

도구에서 제공하는 HTML 코드 스니펫을 복사하여 웹사이트 모든 페이지의 <head> 태그 안에 붙여넣으세요. 코드 형식 예시: <link rel='icon' type='image/png' sizes='32x32' href='/favicon-32x32.png'> 다운로드한 PNG 파일들을 웹서버의 루트 디렉토리 또는 지정한 경로에 업로드하세요. 브라우저 캐시가 있으면 변경이 즉시 반영되지 않을 수 있으므로 강력 새로 고침(Ctrl+Shift+R 또는 Cmd+Shift+R)으로 확인하세요.

이모지를 파비콘으로 사용할 수 있나요?

시도할 수 있지만 권장하지 않습니다. 이모지는 운영체제마다 다른 시각적 스타일로 렌더링되어 일관적인 브랜드 표현이 어렵습니다. Apple 기기와 Windows 기기에서 같은 이모지가 완전히 다르게 보일 수 있습니다. 또한 이모지는 16x16px의 작은 크기에서 잘 읽히지 않는 경우가 많습니다. 브랜드 이니셜이나 간결한 텍스트를 사용하면 모든 플랫폼에서 일관적이고 선명하게 표시됩니다.

파비콘 ICO 파일도 필요한가요?

오래된 Internet Explorer 지원이 필요한 경우에만 .ico 파일이 필요합니다. 현대 브라우저는 모두 PNG 파비콘을 지원하므로 PNG 형식으로 충분합니다. 그러나 최대 호환성을 원한다면 16x16px PNG를 ICO로 변환하는 추가 도구를 사용하거나, 웹서버에서 'favicon.ico'라는 이름으로 파일을 제공하는 것도 좋습니다. 브라우저는 HTML link 태그가 없어도 자동으로 /favicon.ico를 확인합니다.

파비콘이 즉시 업데이트되지 않는 이유는 무엇인가요?

브라우저는 파비콘을 적극적으로 캐시합니다. 파비콘을 변경한 후 이전 아이콘이 계속 표시된다면: 브라우저 강력 새로 고침(Ctrl+Shift+R 또는 Cmd+Shift+R)을 시도하거나, 브라우저 캐시를 지우거나, 시크릿/프라이빗 모드로 사이트를 열어보세요. HTML link 태그에 버전 쿼리 파라미터를 추가하는 것도 도움이 됩니다: href='/favicon.png?v=2'. 검색 엔진 결과의 파비콘은 구글이 다시 크롤링하고 캐시를 업데이트할 때까지 시간이 걸릴 수 있습니다.