아이콘을 사물마다 따로 요청하면 모양은 맞아도 질감과 색이 조금씩 어긋나기 쉽습니다. 요청할 때마다 스타일 설명을 새로 쓰고, 모델도 그 말을 그때그때 다시 해석하기 때문이라고 저는 봅니다. 그래서 스타일을 고정된 한 덩어리로 두고 바뀌는 자리에는 사물 이름 하나만 넣는 구조를 시험했습니다. 이 글에서는 앞의 덩어리를 '스타일 칸', 바뀌는 자리를 '이름 칸'이라고 부르겠습니다.
2026년 10월 24일에 확인한 공개 Instagram 글의 문구, OpenAI의 이미지 생성 안내, MDN 문서를 바탕으로 썼습니다. 아래 프롬프트는 제가 실제로 사용한 문장 그대로이고, 자물쇠·우산·알림 종 세 장을 각각 한 번씩만 만들었습니다. 만든 뒤에 고르거나 다시 뽑지 않았습니다. 다만 스타일 칸 없이 만든 비교 이미지는 없어서 이 방식이 더 낫다는 비교까지는 하지 못했습니다.
아이콘 세트는 왜 한 벌로 보이지 않을 때가 있을까요?
아이콘마다 스타일 설명이 따로 있으면 같은 말도 조금씩 다르게 읽히기 때문입니다.
출발점은 mongteam.ai가 올린 공개 Instagram 글입니다. 게시글 문구에 따르면 아이콘 이미지를 첨부하고 프롬프트 하나를 쓰면 글래스모피즘 스타일의 투명 PNG와 SVG로 저장되고, '자물쇠' 같은 한 단어만 넣어도 같은 스타일로 나옵니다. SVG는 피그마에서 도형 하나씩 고칠 수 있고 색도 바꿀 수 있다고 합니다. 글래스모피즘 아이콘 90종과 프롬프트, 색 바꾸는 법은 댓글을 남기면 DM으로 보내 준다고 적혀 있습니다.
저는 댓글을 남기지 않았고 90종 자료도 원본 프롬프트도 보지 못했습니다. 투명 PNG와 SVG 저장이 어떤 도구로 이루어지는지도 확인하지 못했습니다. 그래서 이 글은 게시글 문구에 드러난 방향 하나, 곧 '스타일은 고정하고 사물 이름만 바꾼다'만 출발점으로 삼았고 나머지는 직접 설계했습니다.
OpenAI의 이미지 생성 안내는 한계 항목에서, GPT Image 모델이 여러 번 생성할 때 반복되는 캐릭터나 브랜드 요소의 시각적 일관성을 가끔 유지하지 못할 수 있다고 설명합니다. 아이콘 세트도 같은 문제를 안고 있다고 보는 것이 제 해석입니다. 한 벌처럼 보이게 하려면 요청마다 같은 조건이 들어가도록 사람이 구조를 잡아 주어야 합니다.
스타일 칸과 이름 칸은 어떻게 나눌까요?
바뀌지 않는 것은 스타일 칸에 모두 넣고, 바뀌는 것은 이름 칸에 사물 하나만 넣습니다.
스타일 칸에는 재질, 색의 범위, 빛, 모서리, 배경, 금지 항목이 들어갑니다. 시험에서는 이렇게 채웠습니다.
- 재질: 둥근 젖빛 유리(frosted glass)
- 색의 범위: 연한 파랑에서 부드러운 연보라까지
- 빛: 왼쪽 위 가장자리를 따라가는 가는 흰색 하이라이트와 은은한 안쪽 빛
- 모서리와 윤곽: 모서리는 둥글게, 윤곽선은 없음
- 배경: 아주 밝은 회색 단색, 가운데 배치, 넉넉한 여백
- 금지: 글자, 배경에 떨어지는 그림자, 다른 사물
이름 칸은 한 줄입니다. 시험에서는 "Subject: a padlock."처럼 사물 하나를 썼습니다. 사물을 하나만 쓰는 이유는 단어가 늘어나면 아이콘이 아니라 장면이 되기 쉽다고 보았기 때문입니다. 이것은 제 판단이며 따로 확인하지 않았습니다.
복사해서 쓸 수 있도록 실제 사용본을 그대로 적습니다. 영어로 쓴 문장이고, 한국어로 옮겨 쓴 버전은 시험하지 않았습니다.
A single app-icon style object, made of rounded frosted glass: translucent pale blue to soft lilac tint, soft blurred depth, a thin bright white highlight along the upper-left edge, gentle inner glow, smooth rounded corners, no outline. Centered with generous margin on a plain flat very light grey background. No text, no letters, no drop shadow on the background, no other objects. Subject: a padlock.
두 번째와 세 번째 요청에서는 마지막 문장만 "Subject: an umbrella."와 "Subject: a notification bell."로 바꿨습니다. 나머지는 한 글자도 바꾸지 않았습니다.
같은 스타일 칸으로 만든 젖빛 유리 느낌의 자물쇠 아이콘, 연한 파랑에서 연보라로 번지는 색과 밝은 회색 배경원본 전체 보기
실제로 만들어 보니 무엇이 같았고 무엇이 달랐을까요?
질감과 색 계열은 같았고, 크기와 여백은 달랐습니다.
세 장 모두 모서리가 둥글고 윤곽선이 없는 반투명 느낌이었고, 색은 연한 파랑에서 연보라로 넘어갔으며, 글자와 다른 사물은 나오지 않았습니다. 화면 전체의 평균 색이 아니라 사물이 차지하는 부분의 평균 색을 재 보니 자물쇠는 (208, 215, 250), 우산은 (192, 207, 249), 알림 종은 (203, 212, 252)였습니다. 파랑 값은 249에서 252 사이로 거의 같았고, 우산만 빨강 값이 낮아 조금 더 푸르게 나왔습니다.
달랐던 것은 크기입니다. 1254×1254 화면에서 사물이 차지한 가로 폭은 자물쇠가 약 48%, 알림 종이 약 62%, 우산이 약 71%였습니다. 세로는 각각 약 62%, 67%, 72%였습니다. 스타일 칸에 '넉넉한 여백'은 썼지만 얼마나 차지하라는 말은 쓰지 않았기 때문이라고 봅니다. 아이콘 세트로 쓰려면 같은 격자에 맞아야 하므로, 이 차이는 나중에 손이 많이 가는 부분입니다.
배경도 완전히 같지는 않았습니다. 모서리 네 곳의 평균 색은 자물쇠 쪽이 (240, 241, 243), 우산 쪽이 (242, 242, 242), 알림 종 쪽이 (242, 242, 244)였습니다. 눈으로는 구분하기 어렵지만 배경을 한 번에 지워 쓰려면 이 차이가 걸릴 수 있습니다. 하이라이트의 선명도는 숫자로 재지 않았고 눈으로 본 인상입니다. 우산 갓의 가장자리 빛이 자물쇠 본체의 윗선보다 뚜렷해 보였습니다.
같은 스타일 칸으로 만든 젖빛 유리 느낌의 우산 아이콘, 자물쇠보다 화면을 크게 차지함원본 전체 보기
원글이 예로 든 '자물쇠'를 시험 사물에 넣은 것은 가장 흔한 아이콘이기 때문이며, 원글의 결과물과 비교하지는 않았습니다.
투명 PNG와 SVG는 어떻게 얻을 수 있을까요?
이 시험의 결과물은 둘 다 아닙니다. 불투명한 회색 배경이 있는 PNG였습니다.
세 파일을 열어 확인했더니 알파 채널(투명도 정보)이 없는 PNG였고 해상도는 1254×1254였습니다. 이 시험은 이미지 도구에 크기나 배경 같은 세부 옵션을 넣지 않고 프롬프트만 썼습니다.
OpenAI 이미지 생성 안내는 투명 배경이 필요하면 배경을 transparent로 지정하고 출력 형식을 png나 webp로 하라고 설명합니다. 안내에 나온 출력 형식은 png, jpeg, webp이며 svg는 언급이 없습니다. 도구와 버전에 따라 다를 수 있으니 쓰는 도구의 출력 형식을 먼저 확인하십시오.
SVG는 MDN의 설명대로 XML 기반의 벡터 그래픽 형식이어서 크기를 바꿔도 품질 손실이 없고 텍스트 편집기로도 고칠 수 있습니다. 반대로 이미지 생성 결과는 픽셀로 된 래스터 그림입니다. 이를 SVG로 바꾸려면 별도의 변환 단계가 있어야 하는데, 이 글은 그 단계를 시험하지 않았습니다. 원글이 SVG를 어떻게 만들었는지도 모릅니다. 유리 아이콘처럼 흐림과 그러데이션이 많은 그림은 단순한 도형으로 옮기면 모습이 달라질 수 있다고 추정하지만, 이것도 확인하지 않았습니다.
웹 화면에서 유리 느낌을 낼 때는 CSS 속성인 backdrop-filter를 쓰는 방법도 있습니다. MDN은 이 속성이 요소 뒤쪽 영역에 흐림 같은 효과를 주며, 효과가 보이려면 요소나 그 배경이 투명하거나 반투명해야 한다고 설명합니다. 유리 질감을 이미지에 구워 넣은 아이콘은 뒤의 배경이 바뀌면 어색해 보일 수 있습니다. 어두운 배경 위에서 어떻게 보이는지는 이 글에서 시험하지 않았습니다.
변수는 어떻게 바꾸면 될까요?
한 번에 하나만 바꾸십시오. 색과 빛과 배경을 동시에 바꾸면 무엇이 달라졌는지 알 수 없습니다.
표가 넓으면 좌우로 스크롤하여 확인하세요.
| 변수 | 바꾸는 방법 | 확인할 점 |
|---|---|---|
| 이름 칸 | 사물 하나를 명사로. 자물쇠, 우산, 종처럼 윤곽이 단순한 것부터 | 형용사나 장면 설명이 들어가지 않았는지 |
| 색의 범위 | 두 색을 다른 두 색으로 교체 | 세트 전체가 같은 두 색을 쓰는지 |
| 빛 | 하이라이트가 오는 방향을 한 쪽으로 고정 | 세트 안에서 빛의 방향이 섞이지 않는지 |
| 배경 | 나중에 오려 쓸 계획이면 단색 | 모서리 색이 장마다 같은지 |
| 크기 칸(제안) | "the object fills about 60 percent of the canvas width"처럼 비율을 지정 | 이 칸은 이번 시험에 쓰지 않았으며 효과는 미확인 |
크기 칸은 시험 결과를 보고 필요하다고 판단해 덧붙인 제안입니다. 실제로 넣어 보지 않았기 때문에 같은 폭으로 나오는지는 모릅니다.
아이콘이 서로 안 맞을 때는 무엇을 고칠까요?
어긋난 항목 하나를 정하고, 그 항목에 해당하는 문장만 스타일 칸에서 고칩니다.
표가 넓으면 좌우로 스크롤하여 확인하세요.
| 증상 | 가능한 원인 | 고칠 곳 |
|---|---|---|
| 사물마다 크기가 다름 | 스타일 칸에 크기 지시가 없음 | 크기 칸을 추가하고 세 장을 다시 비교 |
| 한 장만 질감이 다름 | 이름 칸에 형용사나 재질 단어가 섞임 | 이름 칸을 사물 이름 하나로 되돌림 |
| 배경에 그림자나 바닥이 생김 | 금지 문구가 뒤에 묻힘 | 그림자 금지 문장을 앞쪽으로 옮김 |
| 글자나 기호가 나옴 | 알림 숫자 표시처럼 글자를 연상시키는 사물 | 글자 금지 문장을 유지하고 사물 이름을 바꿔 다시 시험 |
| 하이라이트 방향이 장마다 다름 | 빛 방향이 한 문장에 묻혀 있음 | 방향을 따로 한 문장으로 떼어 씀 |
| 마음에 드는 세트가 다시 안 나옴 | 같은 프롬프트라도 결과는 매번 조금 다름 | 스타일 칸 원문을 파일로 보관하고 마음에 든 장은 저장 |
세트에서 한 장만 마음에 들지 않으면 스타일 칸은 그대로 두고 그 사물만 다시 요청하는 편이 낫다고 생각합니다. 다만 다시 뽑은 장이 나머지와 같은 질감으로 나오는지는 매번 눈으로 확인해야 합니다.
어떤 순서로 해 보면 될까요?
- 스타일 칸을 한 번 써서 메모 파일에 저장합니다. 이후에는 복사해서 붙이기만 합니다.
- 이름 칸에 가장 단순한 사물 하나를 넣고 한 장을 만듭니다. 결과를 보고 스타일 칸에서 고칠 문장을 적어 둡니다.
- 같은 스타일 칸으로 둘째, 셋째 사물을 만듭니다.
- 세 장을 나란히 놓고 크기, 색, 하이라이트 방향, 배경색 네 가지를 비교합니다.
- 어긋난 항목만 스타일 칸에 반영하고 처음 세 사물을 다시 만들어 비교합니다. 스타일 칸을 고치면 앞서 만든 장도 새 기준에 맞춰 다시 뽑아야 한 벌이 됩니다.
- 투명 배경이나 SVG가 필요하면 별도 단계로 다룹니다. 쓰는 도구가 어떤 출력 형식을 지원하는지 먼저 확인하십시오.
참고 이미지와 글에 서로 다른 역할을 맡기는 방식은 스케치 위치와 문장 재질을 나눈 글에서 다뤘습니다. 이번 글의 스타일 칸과 이름 칸도 입력마다 맡을 일을 나눈다는 점에서 같은 갈래입니다.
자주 묻는 질문
사물 이름만 바꾸면 항상 같은 스타일이 나옵니까?
항상 그렇다고 말할 근거는 없습니다. 이 글의 시험에서는 세 장 모두 같은 질감과 색 계열로 나왔지만 겨우 세 장이었고 크기는 서로 달랐습니다. OpenAI 안내도 여러 번 생성할 때 일관성을 유지하지 못할 수 있다고 설명합니다.
이 프롬프트로 SVG 아이콘을 바로 얻을 수 있습니까?
얻을 수 없었습니다. 이 시험의 결과물은 알파 채널이 없는 래스터 PNG였습니다. SVG가 필요하면 별도의 변환 도구나 벡터 편집기가 있어야 하며, 이 글은 그 단계를 시험하지 않았습니다.
원글처럼 아이콘 90종을 받아야 따라 할 수 있습니까?
이 글의 방식은 그 자료 없이도 따라 할 수 있도록 직접 쓴 문장만 담았습니다. 원글의 90종 자료가 어떤 구성인지는 확인하지 못했고, 받아 보는 것이 유익한지도 판단하지 않았습니다.
출처와 범위
- 원작 공개 글: mongteam.ai의 Instagram 게시물. 공개된 게시글 문구의 방향만 참고했고, 댓글로 안내된 90종 자료와 원본 프롬프트는 사용하지 않았습니다. 확인일은 2026년 10월 24일입니다.
- OpenAI 이미지 생성 안내: 일관성 한계, 투명 배경 지정, 출력 형식. 확인일은 2026년 10월 24일입니다.
- MDN backdrop-filter와 SVG 문서. 확인일은 2026년 10월 24일입니다.
- 위의 프롬프트는 실제로 사용한 문장이며, 이 글의 이미지 세 장은 그 프롬프트로 Aside의 이미지 생성 도구를 통해 각각 한 번씩 만든 결과를 가로 3:2 캔버스에 맞춰 배치한 것입니다. 색과 크기 수치는 생성된 원본 PNG 파일에서 직접 측정했습니다. 스타일 칸이 없는 대조 시험, 크기 칸, 투명 배경, SVG 변환, 어두운 배경 위 표시는 실행하지 않았습니다.
다음에 볼 것
프롬프트를 일회성 요령이 아니라 팀의 반복 업무 방식으로 옮기려면 DMS.Labs의 생성형 AI 교육에서 요청문 작성과 결과 검토 방법을 함께 익힐 수 있습니다. 아이콘 세트에서 중요한 것은 모델이 더 잘 그리는 일이 아니라, 매번 같게 두어야 할 문장을 사람이 먼저 정해 두는 일입니다.
