문자 기반 사이트 아이콘 제작
짧은 문자나 이모지에 글꼴, 색상과 모양을 적용해 여러 크기의 PNG 아이콘을 만들 수 있습니다.
텍스트·이모지·이미지 Favicon PNG 생성기
텍스트·이모지·이미지 Favicon PNG 생성기
텍스트, 이모지 또는 이미지를 원형·사각형 아이콘으로 만들고 웹·Apple·Android·PWA용 6개 PNG 크기로 저장합니다.
주요 기능
- 최대 3글자의 텍스트·이모지 또는 업로드·붙여넣기한 이미지로 아이콘을 만듭니다.
- 둥근 사각형, 사각형, 원형 모양과 색상·글꼴·글자 크기·투명 배경을 설정합니다.
- 이미지는 선택한 모양 안을 채우도록 중앙 크롭해 캔버스에 렌더링합니다.
- 16·32·48·180·192·512px PNG를 개별 또는 모두 다운로드합니다.
사용 방법
- 텍스트·이모지 또는 이미지 모드를 선택하고 내용을 넣습니다.
- 모양, 배경, 글자 색상과 크기를 조절합니다.
- 크기별 미리보기를 확인하고 필요한 PNG를 저장합니다.
활용 예시
기존 로고를 아이콘 크기로 내보내기
이미지를 정사각형 영역에 cover 방식으로 맞추고 16px부터 512px까지 필요한 PNG를 개별 저장할 수 있습니다.
개인정보 보호
입력한 텍스트와 이미지는 브라우저 캔버스에서 처리되며 서버로 전송되지 않습니다.
사용 환경
이 도구는 ICO가 아니라 6개 크기의 PNG를 출력합니다. ICO가 필요한 환경에서는 다운로드한 PNG를 별도로 변환해야 합니다.
자주 묻는 질문
- favicon.ico 파일도 만들어 주나요?
- 아니요. 출력은 16, 32, 48, 180, 192, 512픽셀 PNG이며 ICO가 필요하면 별도로 변환해야 합니다.
- 텍스트를 입력하면 모두 아이콘에 그려지나요?
- 미리보기와 출력에는 앞의 유니코드 코드 포인트 3개만 사용되며, 선택한 브라우저 글꼴로 너비에 맞게 축소해 그립니다.
관련 도구
- 컬러 피커 | 이미지·화면 색상 추출HEX·RGB·HSL을 변환하고 업로드·붙여넣기 이미지의 픽셀 또는 지원 브라우저 화면에서 색상을 추출합니다.
- URL·텍스트 QR 코드 생성기URL이나 텍스트로 색상·크기·오류 정정 수준을 조절한 QR 코드를 만들고 PNG 또는 SVG로 저장합니다.
- Linear·Radial CSS 그라디언트 생성기선형 또는 방사형 그라디언트의 방향, 모양, 색상 스톱과 위치를 시각적으로 편집하고 background CSS를 복사합니다.
- WCAG 색상 대비율 검사기전경과 배경 HEX 색상의 WCAG 2.x 대비율을 계산하고 일반·큰 텍스트의 AA·AAA 통과 여부를 확인합니다.