얼굴 하나로 다 됩니다

위가 지금 방식(3:4 원본을 고정 위치로 자름), 아래가 새 방식(얼굴을 찾아 자른 정사각). 같은 원본에서 나온 것입니다. 위쪽은 크루마다 얼굴이 위아래로 들쭉날쭉하고 아래쪽은 눈높이가 맞습니다 — 얼굴 중심 Y가 0.198~0.281 로 제각각이라 고정 위치로는 못 맞춥니다(6장 실측).

지금 방식 — 3:4 원본을 고정 위치로 자름

22px

26px

34px

44px

56px

88px

132px

새 방식 — 얼굴을 찾아 자른 512 정사각

22px

26px

34px

44px

56px

88px

132px

44px 이 맞습니다. 형 감이 맞았습니다 — 22·26 은 얼굴이 아니라 색점으로 읽히고, 34 부터 사람이 보이고, 44 에서 누구인지 알아볼 수 있습니다. 그래서 무대 아바타(지금 26)와 캐스트(22)를 44 로 올리는 것을 제안합니다.

• 얼굴은 새로 안 만듭니다같은 원본 한 장에서 macOS Vision 으로 얼굴을 찾아 잘랐습니다. 6장 전부 얼굴 1개씩 정확히 검출됐습니다. 211명도 같은 방식으로 한 번에 돌립니다 — 생성 비용이 두 배로 늘지 않습니다.
• 자르는 규칙정사각 변 = 얼굴 높이 × 2.35, 중심은 얼굴 중심에서 위로 10%(턱보다 이마 쪽이 원 안에서 안정적입니다). 512px 로 저장하면 132px 원까지 선명합니다.
• DB 구조가 이미 맞습니다avatar_url(얼굴 정사각)과 full_body_image_url(3:4 원본) 두 칼럼이 이미 있습니다. 생성 한 번 → 자동 크롭 → 두 칼럼에 각각 넣으면 끝입니다.

커리어연봉부스터 · 여 34

커리어면접왕 · 남 35

커리어이력서칼 · 여 31

학습 · 외국인영어프리토킹 · 남 35

라이프맛있으면0칼 · 여 29

라이프중고차형님 · 남 41

‹PREMIUM

커리어 · 연봉 협상 전문가

연봉
부스터

“올려 달라고 말하지 마세요.
올릴 수밖에 없는 자료를 놓고 오세요.”

★ 4.9리뷰 128영입 240 크레딧

영입하기

‹무료

학습 · 영어 회화 코치

영어
프리토킹

“문법은 나중에요.
오늘은 한 문장만 소리 내 봅시다.”

★ 4.7리뷰 92영입 0 · 대화 0

무료로 영입하기

‹RARE

라이프 · 현실적 다이어트 코치

맛있으면
0칼

“굶지 마세요.
3개월에 10kg, 먹으면서 뺍니다.”

★ 4.8리뷰 211영입 240 크레딧

영입하기

132 · 홈 주역

88 · 캐러셀

56 · 카드

34 · 목록

26 · 무대

22 · 캐스트

• 잘 된 것한국인 기준이 지켜졌고 영어 코치만 외국인으로 갈렸습니다. 단색 옷·단색 배경도 지켜졌습니다. 작은 원(22~34)으로 줄여도 얼굴이 뭉개지지 않습니다.
• 고칠 것다이어트 코치 배경에 소프트박스(조명 장비)가 그대로 찍혔습니다. 프롬프트에 "no lighting equipment in frame"을 넣어야 합니다. 그리고 여섯 장의 톤이 제각각이라 한 화면에 모이면 캐스팅이 아니라 스톡 사진처럼 보입니다 — 조명·채도 기준을 하나로 못 박아야 합니다.
• 배경 결정이 남았습니다지금은 배경째 뽑았습니다. 앞서 결론은 "누끼 한 벌만 만들고 배경은 앱이 그린다"였는데, 이 여섯 장은 그 반대로 뽑은 것입니다. 형이 11번(얼굴 × 배경)을 정하시면 프롬프트를 거기 맞춰 굳히겠습니다.

• ① 한 장 — 전폭 카드가 한 장씩 내려간다 카드가 화면 폭을 다 쓰고 높이 152다. 한 화면에 두 장 반만 들어오므로 훑는 눈이 아니라 보는 눈이 된다 — 목록은 여러 줄을 한꺼번에 스캔하게 만들지만 이건 한 장씩 마주 본다. 얼굴·방 이름·제목·마지막 말·시각이 한 면 위에 있고 살아 있는 방엔 점 하나. 세 번째 장이 네비 아래에서 반쯤 잘려 더 있음을 말한다. 97개로 가는 길: 그냥 계속 내려가는 것. 최근순으로 100장이 끊기지 않고 이어진다. 보관함으로 가는 길: 이 흐름의 마지막 한 장이 보관함 카드다(머리 오른쪽에 “최근순 · 끝에 보관함”이라고 미리 말해 둔다). 대가: 한 화면에 두 장뿐이라 보관함이 셋 중 가장 멀다. 대신 문법이 하나뿐이고 셋 중 가장 조용하다 — A안의 “비우는 태도”를 가장 덜 깎아먹는다.
• ② 어긋난 두 열 — 두 장씩, 줄이 맞지 않는다 두 열인데 카드 높이가 168·140·150 / 84·152·118 로 제각각이라 좌우 눈금이 절대 맞지 않는다 — 가로줄이 안 생기니 목록으로 보이지 않는다. 어긋남을 처음 만드는 건 오른쪽 열 맨 위의 작은 보관함 카드다(빛이 없는 죽은 면 + 상자 표시 + 8). 그 한 장이 오른쪽 열을 84px 밀어 내리고, 그 뒤로는 지그재그로 최근순. 두 열이 서로 다른 높이에서 잘려 바닥이 고르지 않다 — 정지 그림에서도 스크롤이 읽힌다. 97개로 가는 길: 지그재그로 계속 내려간다(한 화면에 5~6장이라 셋 중 가장 빨리 지나간다). 보관함으로 가는 길: 화면 첫 눈에 이미 보인다 — 손가락 하나 거리. 대가: 카드가 작아져 마지막 말이 한 줄로 줄고, 폭이 좁아 긴 제목이 두 줄로 접힌다.
• ③ 크기가 섞인다 — 최근일수록 크다 카드 크기가 곧 시간축이다. 맨 위 한 장이 가장 크고(전폭에 가까운 hero, 마지막 말 3줄), 그 아래는 두 장, 그 아래는 세 장 — 아래로 갈수록 작아지고 한 줄에 더 많이 앉는다. 균일한 격자가 아니라 계단이라 목록 느낌이 아예 없고, 덜 중요한 것에 덜 큰 면을 준다는 규칙이 눈에 바로 잡힌다. 세 번째 줄(가장 작은 칸 세 장)이 네비 뒤로 가라앉으며 잘린다. 97개로 가는 길: 내려갈수록 카드가 작아지며 한 화면에 담기는 수가 늘어난다 — 100개를 끝까지 보는 데 셋 중 스크롤이 가장 짧다. 보관함으로 가는 길: hero 오른쪽에 붙은 작은 카드다 — 크기가 섞이는 첫 자리에 앉혀서, 보관함이 “목록 밖의 버튼”이 아니라 같은 흐름 안의 한 장이 된다. 대가: 규칙이 하나 더 있다(크기=시간). 한 번은 알아채야 한다.

• 무엇을 되돌렸나 — 아이콘만 그림은 지금 앱 것 그대로다. Icons.home_rounded · chat_bubble_rounded · shopping_bag_rounded · work_rounded · person_rounded 다섯의 Material rounded path 를 그대로 옮겼다. 선이 아니라 꽉 찬 면이고, 모서리가 둥글다. 그릇(유리 알약 · 선택 칸 흰 원 반전 · 좌우 26 여백 · 높이 60)은 새것을 그대로 둔다.
• 자물쇠였던 이유 내가 그린 쇼핑백 손잡이는 22 격자에서 가로 8 · 세로 8, 몸통은 16 — 정사각 고리가 몸통 위에 얹혀 눈이 자물쇠로 읽었다. Material 원본은 24 격자에서 몸통 16에 손잡이가 가로 8 · 세로 4다 — 높이가 절반인 납작한 반원. 자물쇠(Icons.lock)의 고리는 반대로 가로 8 · 세로 8이라 세로로 길다. 눈이 둘을 가르는 지점이 정확히 이 높이다. 위 대조표 아래 줄에서 나란히 볼 수 있다. 서류가방(팀)도 마찬가지로 손잡이를 뚫린 ㄷ자(두께 2)로 되돌렸다.
• 조각은 안 고쳐도 된다 아이콘을 CSS mask(인라인 SVG data URI)로 그렸다. 그래서 마크업은 <span class="ic home"><i></i><i></i></span> 그대로 두면 되고, 남아 있는 <i> 두 개는 .ic i{display:none} 이 숨긴다. 색도 여전히 currentColor라 .nav5 .ni.on 의 반전이 그대로 먹는다. <svg> 를 직접 넣고 싶으면 그것도 받는다(.ic:has(svg) 가 mask 를 끈다).