미디어는 본문과 분리된 부속품이 아니라 문단 리듬을 조정하는 요소다.
이 페이지는 figure가 줄간격, 캡션, 링크, 로컬 자산과 어떻게 함께 보이는지 확인한다.
figure 기본형
page bundle 내부의 SVG를 본문과 함께 읽는다.
링크가 있는 figure
클릭 가능한 이미지로 바꾸면 큰 화면에서 더 명확하게 볼 수 있다.
인라인 이미지와 문장 흐름
문장 중간에 작은 이미지를 넣으면 baseline과 높이가 중요해진다.
이 예시는 텍스트 줄을 무너뜨리지 않는지 확인하는 용도다.
체크 포인트
| 항목 | 확인할 것 |
|---|---|
| 캡션 | 길어져도 이미지와 같은 폭 안에 머무는가 |
| 정렬 | center 정렬이 페이지 중앙축과 맞는가 |
| 링크 | 이미지 자체를 눌렀을 때 이동이 자연스러운가 |
| 크기 | 작은 화면에서 너무 크게 튀지 않는가 |
운영 메모
미디어는 항상 본문보다 앞서 보이기 쉽다.
그래서 이 페이지는 미디어를 강조하는 것이 아니라, 본문 속에서 적절하게 눌러두는 법을 검증한다.