Team Edo 블로그의 같은 썸네일은 추천 영역에서는 가로로 넓게, 모바일 목록에서는 세로로 좁게 보입니다. 핵심 소품이 이미지 가장자리에 있으면 원본에서는 잘 보여도 모바일 카드에서 잘릴 수 있습니다. 1.4.1에서는 그림을 내보내기 전에 실제 블로그 레이아웃에서 후보를 비교하는 절차를 coco-blog에 넣었습니다.

글 방향을 정한 뒤 시안 제안

coco-blog는 먼저 블로그가 썸네일을 어떤 필드에서 읽는지, 어떤 크기와 형식을 받는지, 이미지가 어디에 올라가는지 확인합니다. 글의 방향이 정해지면 본문에서 독자에게 남길 장면이나 개념을 골라 벡터 시안 두세 개를 대화에 보여 줍니다. 작성자는 후보를 고르거나 구도 수정을 요청할 수 있고, 직접 만든 이미지를 제시할 수도 있습니다. Team Edo 블로그에서 쓸 이미지라면 글 목록과 추천 영역에서 같은 그림을 어떻게 보여 주는지도 살핍니다.

화면 확인과 공개 업로드 분리

고른 후보는 저장소 밖의 임시 복사본에 넣고 블로그를 빌드해 데스크톱과 모바일에서 확인합니다. 얼쑤의 작성 기준에서 이미지 원본은 1200×630이고, 모바일 목록의 썸네일은 80×94에 가운데를 맞춰 잘립니다. 기준에 적힌 원본 가운데 520px 안에 핵심 소재를 모으고, 실제 카드에서 소재가 온전히 보이는지와 작은 크기에서도 알아볼 수 있는지를 확인합니다. 문제가 있으면 구도를 조정한 뒤 게시 규격으로 내보냅니다. 임시 복사본과 미리 보기용 경로는 글의 변경 이력에 남기지 않습니다.

업로드가 허용된 뒤에는 이미지 주소가 제대로 열리는지 확인하고 글에서 참조합니다. 글이 초안이어도 이미지 저장 위치에 따라 그림이 먼저 공개될 수 있기 때문에, 업로드 전에 그 점을 알리도록 했습니다. 이 버전에서 추가한 것은 썸네일을 이미 지원하는 블로그에서의 작성 절차입니다. 실제 글 화면을 기준으로 선택한 뒤 게시 단계를 이어가는 흐름을 스킬에 담았습니다. COCO 1.4.1 릴리스 노트