Ghost 블로그에 이미지를 올리기 전에는 생성 품질보다 파일 상태와 실제 사용 역할을 먼저 확인해야 합니다. 파일명, WebP 변환, 용량, 크롭, 대체 텍스트, 캡션, 중복 역할을 순서대로 점검하면 업로드 뒤 다시 고치는 일을 줄일 수 있습니다.
이 체크리스트는 Ghost 화면의 특정 버튼이나 메뉴를 따라 하는 설명이 아닙니다. Ghost 에디터가 바뀌어도 적용할 수 있는 업로드 직전 검수 기준에 집중합니다. 이미지 제작 단계부터 정리하려면 GPT Image 2 블로그 대표이미지와 본문이미지 템플릿을 먼저 확인하세요.
파일명은 이미지가 맡은 역할을 설명하게 만들기
image-final-2.webp처럼 작업 과정만 남은 이름은 관리할 때 도움이 되지 않습니다. 글의 주제와 이미지 역할이 함께 보이도록 짧은 영문 단어를 하이픈으로 연결합니다.
- 대표이미지:
gpt-image-2-ghost-upload-checklist.webp - 단계 설명:
ghost-image-upload-file-check.webp - 비교 이미지:
webp-before-after-size-comparison.webp - 피할 이름:
IMG_0042.webp,final-final.webp, 한 글에서 반복되는hero.webp
파일명을 검색 키워드로 가득 채울 필요는 없습니다. 같은 폴더에서 다른 파일과 구분되고, 나중에 보아도 어느 글의 어떤 이미지인지 알 수 있으면 충분합니다.
WebP 변환 뒤에는 확장자보다 실제 용량을 확인하기
PNG를 WebP로 바꿨다는 사실만으로 최적화가 끝나는 것은 아닙니다. 원본 크기가 지나치게 크거나 품질 값을 높게 잡으면 WebP도 무거울 수 있습니다. 게시할 실제 폭으로 줄인 다음 시각 품질이 무너지지 않는 범위에서 압축합니다.
| 확인 항목 | 통과 기준 | 다시 손볼 신호 |
|---|---|---|
| 파일 형식 | 브라우저에서 정상 표시되는 WebP | 확장자만 바뀌었거나 파일이 열리지 않음 |
| 가로 폭 | 본문 실제 표시 폭을 크게 넘지 않음 | 작게 보이는 이미지가 원본 수천 픽셀 |
| 용량 | 화질과 로딩 속도의 균형이 맞음 | 단순한 도식인데 사진보다 무거움 |
| 디테일 | 작은 글자와 경계가 읽힘 | 번짐, 계단 현상, 색 띠가 두드러짐 |
용량 목표는 이미지 종류와 크기에 따라 달라집니다. 일정한 숫자를 무조건 통과 기준으로 삼기보다 같은 화면 크기의 기존 이미지와 비교하고, 모바일 연결에서도 불필요하게 무겁지 않은지 확인하세요.
대표이미지는 목록과 공유 카드 크롭을 먼저 보기
대표이미지는 본문 상단에서만 보이지 않습니다. 글 목록, 검색 화면, 공유 카드처럼 더 작은 비율로 잘릴 수 있습니다. 중앙의 핵심 피사체가 정사각형과 가로형 크롭에서도 남는지 확인하고, 가장자리의 중요한 요소는 안쪽으로 이동합니다.
- 좌우를 잘라도 주피사체가 알아보이는가?
- 상하를 줄여도 얼굴, 제품, 핵심 도형이 끊기지 않는가?
- 작은 목록 카드에서 배경보다 주제가 먼저 보이는가?
- 이미지 안 글자에 의존하지 않아도 글의 주제가 전달되는가?
검색 결과와 공유 카드까지 고려한 기준은 GPT Image 2 SEO용 대표이미지 만드는 법에서 더 구체적으로 확인할 수 있습니다.
본문이미지는 문단을 대신 설명하는지 확인하기
본문이미지는 분위기를 채우는 장식보다 이해를 돕는 자료여야 합니다. 이미지를 가린 상태와 보인 상태를 비교했을 때 절차, 차이, 구조, 결과 중 하나가 더 빨리 이해되어야 넣을 이유가 생깁니다.
| 본문 역할 | 적합한 이미지 | 중복 신호 |
|---|---|---|
| 단계 설명 | 순서와 이동 방향이 보이는 흐름도 | 바로 위 목록을 그대로 그림으로 반복 |
| 전후 비교 | 같은 조건에서 바뀐 한 요소를 비교 | 서로 다른 장면을 전후처럼 배치 |
| 구조 설명 | 요소의 위치와 관계를 보여주는 도식 | 본문과 관계없는 작업 화면 장식 |
| 결과 예시 | 독자가 통과 기준을 판단할 수 있는 결과 | 대표이미지와 같은 장면을 다시 사용 |
정보성 글에 맞는 비교·절차·구조 이미지는 GPT Image 2 정보성 글 본문이미지 패턴에서 역할별로 고를 수 있습니다.
대체 텍스트는 보이지 않는 상황에서도 의미가 통하게 쓰기
대체 텍스트는 파일명이나 키워드 목록이 아닙니다. 이미지를 보지 못하는 독자에게 그 이미지가 전달하는 핵심 정보를 짧게 설명합니다. 주변 문장에서 이미 충분히 설명한 내용은 반복을 줄이고, 비교 이미지라면 무엇이 어떻게 다른지 적습니다.
나쁜 예: GPT Image 2 Ghost 블로그 SEO 이미지 WebP
좋은 예: PNG 원본과 WebP 변환본의 용량과 글자 선명도를 나란히 비교한 화면장식만을 위한 이미지는 빈 대체 텍스트가 더 적절할 수 있지만, 절차와 비교를 담은 본문이미지는 내용을 설명해야 합니다. 캡션은 이미지 아래에서 독자가 무엇을 봐야 하는지 안내할 때만 추가합니다.
캡션은 관찰 포인트가 있을 때만 붙이기
캡션에 제목을 한 번 더 쓰면 정보가 늘지 않습니다. 전후 비교라면 바뀐 조건을, 도식이라면 읽는 방향을, 결과 예시라면 통과 기준을 적습니다. 이미지 없이도 이해되는 장식 사진에는 억지로 캡션을 만들지 않아도 됩니다.
- 비교: 왼쪽은 원본, 오른쪽은 동일 폭으로 변환한 WebP
- 절차: 파일 상태를 확인한 뒤 크롭과 설명 정보를 점검
- 결과: 작은 화면에서도 주피사체와 단계명이 모두 읽히면 통과
같은 역할의 이미지가 겹치면 한 장만 남기기
대표이미지와 첫 본문이미지가 같은 장면을 반복하거나, 연속된 두 이미지가 모두 ‘분위기 소개’만 한다면 한 장을 빼도 정보 손실이 없습니다. 각 이미지 옆에 역할을 한 단어로 적어 보세요. 같은 단어가 반복되면 통합 후보입니다.
- 대표이미지: 주제 식별
- 본문이미지 1: 업로드 전 검수 흐름
- 본문이미지 2: 크롭 전후 비교
- 본문이미지 3: 대체 텍스트 작성 예시
한 이미지가 두 역할을 명확하게 수행한다면 굳이 장수를 늘리지 않습니다. 반대로 서로 다른 판단을 도와야 한다면 이미지마다 관찰 포인트가 겹치지 않게 만듭니다.
업로드 직전 한 줄 기록을 남기기
파일 옆이나 콘텐츠 작업표에 ‘대표·목록 크롭 확인’, ‘본문 단계 설명’, ‘alt 완료’처럼 짧은 기록을 남기면 재검수가 쉬워집니다. Ghost에서 WordPress나 다른 CMS로 옮겨도 이 기록은 그대로 활용할 수 있습니다.
| 검수 순서 | 남길 기록 |
|---|---|
| 1. 파일 | 이름, 형식, 픽셀 크기, 용량 |
| 2. 화면 | 가로형·정사각형·모바일 크롭 |
| 3. 설명 | 대체 텍스트와 필요한 캡션 |
| 4. 역할 | 대표, 절차, 비교, 구조, 결과 |
| 5. 중복 | 같은 역할 이미지 삭제 또는 통합 |
확인한 공식 자료
생성 단계에서는 크기, 품질, 출력 형식 같은 조건을 정하고, 업로드 단계에서는 실제 파일과 게시 문맥을 다시 검수해야 합니다. 마지막에는 파일을 직접 열어 보고 모바일 폭으로 줄여 본 뒤, 이미지마다 하나의 분명한 역할이 남는지 확인하세요.
