이니셜 모노그램 로고 생성기

모노그램 로고는 어디에 쓰나요?

모노그램은 이름이나 상호의 머리글자를 도형 안에 배치한 단순한 표식입니다. 이 페이지는 이니셜 1~3자, 배경 모양, 색, 글꼴 계열, 굵기를 고르면 브라우저 캔버스에 로고를 그려 PNG 파일로 저장해 줍니다. 사진을 올리기 전의 임시 SNS 프로필, 블로그 대표 이미지, 이메일 서명 옆의 작은 표식, 포장 스티커에 넣을 시안, 사진 모서리에 넣는 워터마크 초안처럼 "거창한 디자인까지는 필요 없지만 글자만 있기엔 허전한" 자리에 맞습니다. 반대로 회사 간판이나 인쇄 홍보물처럼 크기를 마음대로 키워야 하는 용도에는 벡터(SVG, AI) 원본이 필요하므로 이 도구의 PNG는 시안 용도로 보는 편이 안전합니다.

이 도구가 로고를 그리는 규칙

미리보기는 400 x 400 픽셀 캔버스에 그려지고, 화면에는 260px 크기로 줄어 보입니다. 원형은 가장자리에서 10px 안쪽으로 들어온 원이고, 둥근 사각형은 같은 10px 여백에 모서리 반지름 40px(400px 기준)입니다. 내려받기 크기를 바꾸면 이 모든 수치가 같은 비율로 커지므로 어떤 크기로 저장해도 모양이 같습니다. 글자는 도형 한가운데에 놓이고, 글자 수가 많을수록 시작 크기를 줄입니다. 그런 다음 글자의 실제 폭을 재어서 도형 안에 들어올 때까지 2px씩 줄입니다. 그래서 "WWW"처럼 폭이 넓은 글자를 넣어도 원 밖으로 삐져나가지 않습니다.

원형의 허용 폭이 가장 좁은 이유는 원의 위아래 가장자리로 갈수록 가로 폭이 줄어들기 때문입니다. 글자 높이를 감안해 원 안에 안전하게 들어가는 폭을 보수적으로 잡았습니다. 소문자는 입력하는 즉시 대문자로 바뀌고, 한글은 대소문자가 없어 그대로 표시됩니다. 입력이 비어 있으면 미리보기에 기본값 "AB"를 보여 줍니다.

색 조합 고르기: 명도 대비 참고표

로고는 작게 줄어도 읽혀야 합니다. 도구는 배경색과 글자색의 명도 대비를 WCAG 2.x에 쓰이는 상대 휘도 공식으로 계산해 미리보기 아래에 보여 줍니다. 이 기준에서 일반 글자는 4.5:1, 큰 글자는 3:1 이상을 권장합니다. 로고타입은 접근성 기준에서 예외로 다루지만, 기준값이 "읽기 쉬운지" 가늠하는 눈금으로 쓸모가 있습니다. 아래 표는 흔히 고르는 색 조합을 같은 공식으로 빌드 시점에 계산한 값입니다.

금색처럼 밝은 계열은 흰 글자보다 진한 글자가 훨씬 또렷하다는 점이 표에서 바로 드러납니다. 브랜드 색이 정해져 있다면 배경에 그 색을 두고 글자색만 흰색과 진한 색 중 대비가 높은 쪽으로 고르는 방식이 가장 실패가 적습니다. 더 다양한 색 비교는 명도 대비 검사기에서, 어울리는 색 후보는색상 팔레트 생성기에서 찾을 수 있습니다.

PNG 크기는 어떻게 고르나요?

PNG는 픽셀 그림이라 크기를 나중에 키우면 흐려집니다. 쓸 곳보다 한 단계 크게 저장해 두면 안전합니다. 표의 센티미터 값은 같은 픽셀 수를 인쇄 해상도 300dpi와 화면 기준 96dpi로 환산한 것이고, 메모리 열은 압축 전 RGBA 4바이트 기준 캔버스 크기입니다. 2048px는 압축 전 16MB까지 늘어나므로 오래된 휴대폰 브라우저에서는 저장이 느리거나 실패할 수 있습니다.

상황별 활용 예시

필라테스 강사의 인스타그램 프로필. 이름이 "김서윤"이라면 "SY"를 원형 + 남색 + 흰 글자 + 굵게로 만들어 512px로 저장합니다. 인스타그램처럼 프로필 사진을 원형으로 잘라 보여주는 서비스에서는 가장자리가 잘리므로, 이 도구가 만드는 10px 안쪽 여백 구조가 그대로 안전 영역이 됩니다. 도형을 "둥근 사각형"으로 만든 파일을 원형으로 자르면 모서리가 깎이니 서비스가 원형이면 처음부터 원형을 고르세요.

수제 쿠키 가게의 포장 스티커 시안. 상호 "고소한 하루"를 두 글자 "고하"로 줄이고 명조 계열 + 금색 배경 + 진한 글자로 1024px 저장 후, 라벨 출력 업체에는 "최종 인쇄는 벡터 원본으로 다시 제작하겠다"는 전제로 시안만 전달합니다. 배경 없음 + 투명 PNG는 사진 위에 얹는 용도에, 흰 바탕 채우기는 문서 첨부 용도에 맞습니다.

번역가의 이메일 서명. 서명 옆에 들어가는 표식은 보통 60~100px 안팎으로 줄어듭니다. 256px로 저장한 뒤 실제 서명 크기로 줄여 보았을 때 3자 모노그램은 글자가 가늘어져 뭉개집니다. 이런 경우 이니셜을 1~2자로 줄이고 굵기를 "매우 굵게"로 바꾸면 작은 크기에서도 형태가 남습니다.

흔한 실수와 한계

• 투명 배경 착각. "PNG 바탕을 흰색으로 채우기"를 끄면 도형 바깥은 투명입니다. "배경 없음"을 고르고 글자색을 흰색으로 두면 흰 문서에서는 글자가 보이지 않으니 미리보기 바탕색이 아닌 실제 쓸 곳의 바탕색을 기준으로 골라야 합니다.
• 글꼴이 기기마다 다릅니다. 글꼴은 웹폰트 Pretendard, 없으면 기기에 설치된 맑은 고딕, 명조 계열은 Noto Serif KR이나 바탕, 그것도 없으면 시스템 기본 글꼴로 대체됩니다. 같은 설정도 기기에 따라 글자 모양이 조금 다를 수 있으니 저장된 PNG를 직접 열어 확인하세요.
• 3자 모노그램의 가독성. 글자 수가 늘수록 한 글자의 크기는 줄어듭니다. 프로필 아이콘처럼 작게 쓸 때는 1~2자가 훨씬 읽힙니다.
• 겹침·장식 없음. 글자 연결(리가처), 서로 겹치는 전통 모노그램, 커닝 조절은 지원하지 않습니다. 완성도 높은 상징이 필요하면 디자이너의 작업이 필요합니다.
• 이니셜만으로는 구별력이 약합니다. 같은 글자, 같은 도형, 같은 색의 조합은 누구나 만들 수 있으므로 고유한 상징으로 보기 어렵습니다.

상표·저작권 일반 주의

이 도구의 결과물은 단순한 글자와 기본 도형의 조합이라, 상표로 등록을 받을 수 있는지나 다른 사람의 상표와 겹치는지 여부는 별개의 문제입니다. 사업용으로 쓸 계획이라면 특허청의 상표 검색(키프리스 등 공식 검색 서비스)에서 비슷한 표장이 이미 있는지 확인하고, 필요하면 변리사 상담을 받으세요. 판단 기준과 절차는 상품 분류와 시점에 따라 달라지므로 이 페이지의 설명을 법률 의견으로 받아들이지 마세요. 또 유명 브랜드의 로고 모양이나 색 배합을 일부러 흉내 내면 상표 분쟁의 소지가 있습니다. 유료 글꼴로 로고를 만들 때는 글꼴 라이선스가 로고 사용과 상업적 이용을 허용하는지 따로 살펴야 하는데, 이 도구는 기기에 있는 글꼴을 그대로 쓰므로 라이선스 확인은 사용자의 몫입니다. 자세한 일반론은상표 등록 기초 안내를 참고하세요.

개인정보와 저장 방식

입력한 글자와 색은 이 페이지의 스크립트가 브라우저 안의 캔버스에만 그립니다. 서버로 전송하거나 localStorage에 저장하는 코드는 없어서 새로고침하면 처음 설정으로 돌아가고, 다른 기기와 동기화되지도 않습니다. 파일은 "PNG로 다운로드"를 눌렀을 때만 내 기기에 만들어지며 파일 이름은 monogram-logo-playinfobox-크기.png 형식입니다. 이니셜에 실명이 들어가는 경우 SNS에 올린 이미지는 누구나 볼 수 있다는 점만 유의하세요.

만든 뒤에는 이렇게 활용하세요

먼저 실제 쓸 크기로 줄인 상태에서 글자가 읽히는지 확인합니다. 그다음 같은 이미지를 어두운 배경, 밝은 배경, 사진 위에 올려 보고 하나라도 어색하면 색 조합을 바꿉니다. 용량이 문제라면 이미지 압축기로 줄이고, 명함이나 이름표에 넣을 때는 명함 생성기,이름표 생성기와 함께 사용하면 같은 색 체계로 통일할 수 있습니다.

자주 묻는 질문