Zenn / 무료 도구 / 파비콘 생성기

로고나 이니셜로 만드는 파비콘 생성기

글자나 로고로 파비콘을 만들고, 실제 브라우저 탭과 휴대폰 홈 화면에서 확인한 뒤 favicon.ico, 모든 PNG 사이즈, 웹 매니페스트, HTML을 zip 하나로 받으세요. 무료, 회원가입 없음, 브라우저 밖으로 아무것도 나가지 않아요.

만드는 방법

글자1~3자

글꼴

모양

배경

글자 색

사이즈100%

모든 작업은 내 기기에서 이루어져요. 아무것도 업로드되지 않아요.

브라우저 탭에서

Northstar Labs×받은편지함
northstarlabs.com
Northstar Labs×받은편지함
northstarlabs.com

Google 검색 결과와 휴대폰에서

Northstar Labshttps://northstarlabs.com

Northstar Labs: 작은 팀을 위한 소프트웨어

한곳에서 계획하고, 출시하고, 공유하세요. 오늘 무료로 시작해 보세요.

사진Northstar지도Northstar

iPhone 및 Android 홈 화면

내 파일

<head> 안에 붙여 넣으세요

2026년에 필요한 파비콘 사이즈

이제 파일이 수십 개씩 필요하지 않아요. 이 일곱 개면 최신 브라우저, Google 검색 결과, iPhone, Android 휴대폰, 설치된 웹 앱까지 모두 해결돼요.

파일사이즈용도
favicon.ico16, 32, 48 px오래된 브라우저부터 최신 브라우저까지, 그리고 Google 검색 결과
favicon-16x16.png16 × 16 px일반 화면의 브라우저 탭
favicon-32x32.png32 × 32 px고해상도(레티나) 화면의 브라우저 탭, 작업 표시줄
favicon-48x48.png48 × 48 pxGoogle 검색 결과 (48 px의 배수를 요구해요)
apple-touch-icon.png180 × 180 pxiPhone 및 iPad 홈 화면. 투명한 부분은 안 돼요
android-chrome-192x192.png192 × 192 pxAndroid 홈 화면
android-chrome-512x512.png512 × 512 px설치된 웹 앱과 스플래시 화면

2026년 11월 기준 브라우저와 Google이 요구하는 사이즈예요.

한눈에 알아보는 파비콘 만드는 방법

  1. 글자 하나나 심볼을 쓰세요

    파비콘은 가로 16픽셀로 그려져요. 글자가 들어간 전체 로고는 뭉개져 보이니 이니셜이나 심볼만 쓰세요.

  2. 공간을 꽉 채우세요

    작은 아이콘은 가장자리까지 닿는 굵은 모양이 필요해요. 글자는 크고 두껍게, 얇은 선은 피하세요.

  3. 선명한 배경을 고르세요

    단색 배경은 라이트 모드와 다크 모드 모두에서 다른 탭 사이에서 눈에 띄어요. 투명 아이콘은 어두운 탭에서 사라져 보일 수 있어요.

  4. 브랜드와 맞추세요

    브랜드 컬러와 글꼴을 쓰면 탭, Google 검색 결과, 홈 화면 아이콘이 모두 내 브랜드처럼 느껴져요.

아이콘만이 아니라 브랜드 전체가 필요하신가요?

Zenn은 상호명만으로 실제 디자인 스튜디오가 만든 심볼을 담은 로고를 수십 개 그려 드려요. 브랜드 키트에는 파비콘, SNS 사이즈, 명함, 브랜드 가이드가 더해져요.

자주 묻는 질문

파비콘은 어떤 사이즈로 만들어야 하나요?

48 × 48 px로 만들고 32 px와 16 px 버전을 함께 favicon.ico 하나에 담으세요. 여기에 iPhone용 180 px Apple 터치 아이콘, Android와 웹 앱용 192 px와 512 px 아이콘을 더하면 돼요. 이 생성기는 전부 한 번에 만들어 드려요.

아직도 favicon.ico가 필요한가요?

네. 브라우저는 여전히 사이트 최상위의 /favicon.ico를 찾고, Google도 검색 결과에 자주 사용해요. 최신 브라우저는 PNG 파일도 읽기 때문에 두 가지 모두 들어 있어요.

홈페이지에 파비콘은 어떻게 넣나요?

zip 안의 파일을 사이트의 최상위 폴더에 올리고, 위에 보이는 HTML 다섯 줄을 모든 페이지의 head 안에 붙여 넣으세요. Squarespace, Wix, Shopify, WordPress에서는 대신 사이트 아이콘이나 파비콘 설정에 512 px PNG를 올리면 돼요.

새 파비콘이 왜 안 보이나요?

브라우저는 예전 파비콘을 한동안 기억해요. 시크릿 창에서 사이트를 열어 확인해 보세요. Google은 다음에 홈페이지를 크롤링할 때 검색 결과의 아이콘을 바꾸는데, 며칠 걸릴 수 있어요.

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

네, 무료예요. 회원가입도 워터마크도 없고, 로고는 내 기기 밖으로 나가지 않아요. 모든 건 브라우저 안에서 그려져요.

파비콘에 로고 전체를 써야 하나요?

보통은 아니에요. 16픽셀에서는 글자가 들어간 로고가 뭉개져 보여요. 첫 글자나 이니셜, 또는 심볼만 단색 배경 위에 크고 굵게 쓰세요.

Zenn에서 로고도 만들 수 있나요?

네. zenn.com에 상호명을 입력하면 Zenn이 실제 디자인 스튜디오가 만든 심볼로 수십 개의 로고를 그려 드려요. 브랜드 키트에는 파비콘, 모든 SNS 사이즈, 명함, 브랜드 가이드가 들어 있어요.