메모

이미지를 넣자 <img>

tossi 2026. 4. 13. 00:25

이미지 태그 <img>

이미지를 넣을 때는 <img> 태그를 사용한다. 이 태그는 일반적인 태그(여는 태그, 닫힌 태그)와 달리 홀로 작동한다. '닫힌 태그'라 부르며, 슬래시(/)가 뒤에 붙는다.
<img/>

이미지의 경로 src

이미지 경로는 태그 안에 입력한다.
<img src="이미지의 경로"/>

대체 텍스트 alt

alt에는 이미지가 나타나지 않는 경우를 대비해 대체 텍스트를 입력한다.
<img alt="이미지를 설명하는 대체 텍스트" src="이미지의 경로"/>

.png

직사각형이 아닌 이미지의 경우 배경을 투명하게 만든 후 .png 파일로 저장하자. 전자책의 경우 독자가 배경색을 바꿀 수 있기 때문이다. 배경이 하얀색인 이미지를 넣어도 괜찮아 보이는 것은 독자가 뷰어의 기본 배경색인 흰색을 그대로 두었기 때문이다.

여백

특별한 경우가 아니라면 이미지의 여백은 최소화하는 것이 좋다. 그래야 이미지의 사이즈를 정하는 데 어려움이 없다.

적당한 크기의 이미지

해상도가 높은 이미지가 좋지만, 무조건 그래야 하는 것은 아니다. 일반적으로 책을 보는 뷰어의 크기가 한정되어 있기 때문이다. 태블릿에서 선명하게 보이는 정도라면 족하다.​


'메모' 카테고리의 다른 글

EPUB의 기본 태그 <p>  (0) 2026.04.11
⟪ 우리가 운명이라고 불렀던 것들 ⟫  (0) 2026.04.02