본문 바로가기

이미지넣기2

[전자책 디자인]이미지 최대 너비 지정하기, max-width (2) 예전에 쓴 글에서 이미지(그래프) 최대 너비 지정하는 법을 쓰고, https://leeebook.tistory.com/21 [전자책 디자인]그래프 최대 너비 지정하기, max-width 최근에 그래프가 많이 들어가 있는 책을 전자책으로 만들었습니다. 이 그래프 넣는 것을 놓고 고민을 좀 했습니다. 그냥 생각 없이 width=100%로 속성을 부여해 100% 너비로 지정하면, 화면을 가로로 leeebook.tistory.com max-width로 이미지 최대 너비를 지정하는 방법이 알라딘 PC뷰어에서는 제대로 적용이 되지 않는다고 쓴 적이 있습니다. 그때도 max-width가 이미지에는 적용되지 않지만 표에는 제대로 적용된다는 점을 이용해서, max-width 적용된 표 안에 이미지를 넣는 편법을 생각해 .. 2021. 5. 14.
[전자책 디자인] 배경이 하얀색인 이미지는 png로 1. 글과 그림의 조화! 전자책에 그림이나 삽화 등 이미지가 들어갈 때는 본문 텍스트와 이미지가 잘 어울리는지를 확인해야 합니다. 글과 조화를 이루는 이미지는 독서를 더욱 즐겁게 해 주지만, 그렇지 않으면 자꾸만 눈에 거슬리는 이미지 때문에 읽기 흐름이 끊어지고 몰입을 방해할 것입니다. 특히 배경이 하얀 이미지가 있을 때 이 어울림 문제가 중요합니다. 종이책은 절대다수의 책이 하얀색 종이를 쓰기 때문에 이미지 배경이 하얀색인 것은 문제가 없지만, 전자책은 뷰어의 배경색을 다양하게 바꿀 수 있어서 이미지의 하얀색이 도드라져 보일 수 있습니다. 요즘은 눈 건강을 위해서 배경을 바꾸거나 조명을 조절해서 보시는 분들이 많은데요, 독자가 보기를 원하는 환경에 최대한 맞춰 주는 것은 전자책의 기본입니다. 위 그림에.. 2021. 4. 28.