무료 파비콘 생성기
로고로 파비콘 세트를 만들고 16~512px 미리보기를 먼저 확인해요. 아주 작은 크기를 위한 디자인 팁과 올릴 PNG를 알려드려요.
이미지 가장자리를 자르지 않고 표준 아이콘 크기를 만듭니다.
또는 이 화면 어디에나 이미지 한 장을 놓으세요
favicon.ico에는 16, 32, 48, 64, 256px 프레임이 들어갑니다. PNG는 표시된 크기로 저장되며 180px는 apple-touch-icon.png로 저장됩니다.
ICO와 PNG 파비콘 만들기
알아 두면 좋은 점
생성기 화면은 내보내기만큼 디자인에도 쓰여요. 이미지를 불러오면 16, 32, 48, 64, 180, 192, 256, 512px 미리보기 타일 여덟 개가 바로 나타나고, 다운로드와 같은 512px 정사각형에서 그려져요. 16px 타일을 먼저 보세요. 브라우저 탭에 보통 표시되는 크기이고 대부분의 로고가 여기서 실패해요.
작은 크기는 단순함이 보상받아요. 굵은 글자 하나, 단순한 도형, 대비가 강한 기호는 16px에서도 살아남지만 워드마크, 가는 윤곽선, 사진은 뭉개져요. 전체 로고가 복잡하다면 아이콘용 버전을 따로 만들어 넣으세요. 이미지가 자르지 않고 맞춰지고 탭이 여백을 더하지 않으므로, 정사각형 안쪽에 6~10% 정도 여백을 남겨 마크가 가장자리에 닿지 않게 하세요.
투명 배경은 PNG 다운로드에서 유지되어 밝은 테마와 어두운 테마의 탭 모두에 맞지만, 투명 위의 어두운 로고는 어두운 탭에서 사라질 수 있어요. 16px와 32px 타일을 어두운 배경에 올린다고 상상해 보거나 마크에 단색 바탕 도형을 깔아 주세요. 180px 출력은 iOS 홈 화면용인데 거기서는 투명이 보통 검정으로 채워져서 단색 배경이 더 보기 좋아요.
올릴 파일의 짧은 목록은 favicon.ico, apple-touch-icon.png, 매니페스트용 192·512px 파일이에요. 16, 32, 48, 64, 256px PNG는 ICO를 만드는 재료라서 link 태그에서 크기를 따로 지정하는 경우에만 보관하면 돼요.
작업별 도구 6
함께 쓰는 도구 13
무료 파비콘 생성기 사용 방법
- 단순화한 아이콘 작품을 불러와요. 예를 들어 여백 8%의 512px 정사각형 PNG예요.
- 16px와 32px 미리보기 타일이 잘 읽히는지 살펴요.
- 16px 타일이 뿌옇다면 더 단순한 이미지로 바꿔서 다시 비교해요.
- favicon.ico를 받고 180, 192, 512px PNG도 내려받아요.
빠른 안내
16px 타일에서 로고가 흐릿한 이유는 뭔가요?
16픽셀에는 디테일이 거의 들어가지 않아 가는 선과 작은 글자가 뭉쳐요. 마크를 더 단순하고 굵게 만든 아이콘 버전을 쓰세요.
투명 배경이 파비콘에서도 잘 되나요?
브라우저에서 동작하지만 투명 위의 어두운 로고는 어두운 탭에서 사라질 수 있어요. 특히 180px iOS 아이콘은 단색 바탕 도형이 더 안전해요.
정사각형 안에 여백을 얼마나 남겨야 하나요?
6~10% 정도가 좋아요. 이미지는 자르지 않고 맞춰지므로 디자인에 넣은 여백이 그대로 유지돼요.
PNG 여덟 가지 크기가 모두 필요한가요?
아니요. 대부분의 사이트는 favicon.ico, 180px 파일, 192·512px 파일이면 충분해요.