왜 여러 크기가 필요한가요?

보는 곳마다 쓰는 크기가 다릅니다. 브라우저 탭은 32px, 아이폰 홈 화면은 180px, 안드로이드는 192·512px 을 봅니다. 하나만 넣으면 어딘가에서 뭉개지거나 안 보입니다.

ico 는 왜 따로 만드나요?

옛 브라우저와 일부 도구가 아직 ico 만 찾습니다. ico 는 사실 여러 크기를 한 파일에 담는 껍데기라, 16·32·48 세 크기를 넣어 만듭니다.

올라가지 않습니다. 아직 공개하지 않은 로고를 낯선 사이트에 올리지 않아도 됩니다.

가운데에 맞춰 넣고 남는 자리는 배경으로 채웁니다. 다만 정사각형 그림이 가장 깔끔합니다 — 넣으면 정사각형인지 알려 줍니다.

HTML 의 head 안에 넣습니다. ZIP 안에도 같은 내용이 텍스트로 들어 있습니다.

Name: 파비콘 만들기
Author: KarmoLab

6가지 크기 · ico 포함 · 실제 크기 미리보기 · 붙일 코드 제공 · 업로드 없음

그림 한 장으로 사이트 아이콘 여러 크기와 ico 를 만듭니다. 붙일 코드까지 줍니다

로고나 그림을 끌어다 놓거나 눌러서 고르세요 (정사각형에 가까울수록 좋습니다)

그림은 브라우저 안에서만 다뤄집니다 — 어디에도 올리지 않습니다.

그림 한 장으로 사이트 아이콘에 필요한 여러 크기와 ico 파일을 한 번에 만듭니다. 붙일 코드까지 함께 주며, 그림은 브라우저 밖으로 나가지 않습니다.

이렇게도 부른다 — favicon · icon

왜 여러 크기가 필요한가요?: 보는 곳마다 쓰는 크기가 다릅니다. 브라우저 탭은 32px, 아이폰 홈 화면은 180px, 안드로이드는 192·512px 을 봅니다. 하나만 넣으면 어딘가에서 뭉개지거나 안 보입니다.
ico 는 왜 따로 만드나요?: 옛 브라우저와 일부 도구가 아직 ico 만 찾습니다. ico 는 사실 여러 크기를 한 파일에 담는 껍데기라, 16·32·48 세 크기를 넣어 만듭니다.
그림이 어디로 올라가나요?: 올라가지 않습니다. 아직 공개하지 않은 로고를 낯선 사이트에 올리지 않아도 됩니다.
정사각형이 아니면요?: 가운데에 맞춰 넣고 남는 자리는 배경으로 채웁니다. 다만 정사각형 그림이 가장 깔끔합니다 — 넣으면 정사각형인지 알려 줍니다.
코드는 어디에 넣나요?: HTML 의 head 안에 넣습니다. ZIP 안에도 같은 내용이 텍스트로 들어 있습니다.

기기 안에서만 넣은 내용은 브라우저 안에서만 처리되며 어디에도 저장·전송되지 않습니다.