파비콘 생성기

브라우저 탭에 뜨는 작은 아이콘을 만듭니다. 이미지를 올리거나 글자만으로도 만들 수 있고, 크기별로 따로 그려서 16px 에서도 뭉개지지 않습니다.

설정

크기별 PNG 로 내려받습니다. 요즘 브라우저는 PNG 파비콘을 그대로 읽으므로 .ico 로 바꿀 필요가 없습니다. 아주 오래된 Internet Explorer 만 .ico 를 요구합니다. 처리는 브라우저 안에서만 이루어집니다.

파비콘 생성기는 브라우저 탭에 뜨는 작은 아이콘을 만듭니다. 로고 이미지를 올리거나 글자만으로도 만들 수 있고, 크기마다 따로 그리기 때문에 16px 처럼 아주 작은 크기에서도 형태가 남습니다. HTML 에 넣을 코드도 함께 알려 줍니다.

파비콘생성 사용 방법

  1. 글자로 만들지 이미지를 올릴지 고릅니다.
  2. 글자·색·모양을 정하면 미리보기가 바로 바뀝니다.
  3. 전체 내려받기를 누르면 크기별 PNG 가 차례로 저장됩니다.
  4. 아래 HTML 코드를 복사해 사이트의 head 안에 넣습니다.

지원 형식과 입력 조건

크기
16 · 32 · 48 · 64 · 96 · 128 · 180 · 192 · 256 · 512 px
만드는 방법
글자(1~3자) 또는 이미지 파일
모양
둥근 사각형 · 사각형 · 원
형식
PNG (배경을 투명으로 두면 투명 유지)

.ico 가 아니어도 되나요

  • 됩니다. 요즘 브라우저는 PNG 파비콘을 그대로 읽습니다.
  • .ico 를 요구하는 것은 아주 오래된 Internet Explorer 뿐입니다.
  • 오히려 PNG 가 크기별로 따로 지정할 수 있어 더 선명합니다. 애플 기기의 홈 화면 아이콘(180px)도 PNG 입니다.

16px 에서 알아볼 수 있게 만들려면

  • 로고를 그대로 줄이면 대개 뭉개집니다. 글자 수가 많거나 선이 가는 로고는 특히 그렇습니다.
  • 글자 파비콘이라면 한 글자가 가장 또렷합니다. 두 글자까지는 읽히고 세 글자부터는 어렵습니다.
  • 배경과 글자의 밝기 차이를 크게 두세요. 작아질수록 대비가 낮으면 뭉개집니다.
  • 가는 선과 그러데이션은 피하고 단순한 형태를 쓰세요.

자주 묻는 질문

내려받기를 눌렀는데 일부만 저장됩니다.

브라우저가 여러 파일을 한꺼번에 받는 것을 막는 경우가 있습니다. 주소창의 알림에서 허용해 주세요.

바꿨는데 탭 아이콘이 그대로입니다.

브라우저가 파비콘을 오래 저장해 둡니다. 강력 새로고침(Ctrl+Shift+R)하거나 파일 이름 뒤에 ?v=2 를 붙이세요.

이미지가 서버로 올라가나요?

올라가지 않습니다. 브라우저 안에서만 그립니다.