------------**<font color=#666666>可以先整体预览一下这本书图片的整体情况:</font>**1.有没有少图的情况2.图片是否清晰3.图片是否有白边(尤其是截出来的图)可参考http://www.iremaker.com/college/article/detail?id=227------------### 一、图片的交互一本书里的图片<font color=#FF0000>正常情况下</font>都是需要交互的`zy-enlarge-src="self"`<font color=#FF0000>但是以下几种情况不要交互</font>`zy-enlarge-src="none"`1.图片像素低、模糊不清的,不交互2.行内图,不交互3.篇章页的图,不交互4.装饰图,不交互5.签名类的图片### 二、图片的位置和大小图片的位置和大小没必要一定和pdf一模一样,还要考虑在电子设备上的显示效果,可对图片做适当的调整###### 1.居中横图一般居中放,可根据图片的大小,宽度可以适当调整| <div align=center>![](http://book.img.ireader.com/group6/M00/41/7F/CmQUOVeXCyOEDHRBAAAAAIKaf8c709006565.jpg?v=21-FzZ5S)</div> | <div align=center>![](http://book.img.ireader.com/group6/M00/41/7E/CmQUOFeXCy6EehZPAAAAAMXmytA311943213.jpg?v=K6dRQirf)</div> || ------------ | ------------ || <div align=center>![](http://book.img.ireader.com/group6/M00/41/7F/CmQUOVeXC5WEODexAAAAAGKlZ_g539775346.jpg?v=voKbkBQL)</div> | <div align=center>![](http://book.img.ireader.com/group6/M00/41/7F/CmQUOVeXC6OEMDaJAAAAAAEc03w624049393.jpg?v=csfk_vs4)</div> |###### 2.绕排竖图一般绕排(左绕排、右绕排),可以根据图片大小,去调整图片的宽度| <div align=center>![](http://book.img.ireader.com/group6/M00/41/7F/CmQUOFeXDHCETF--AAAAAMiwJpA201517078.jpg?v=Pj-yPUku)</div> | <div align=center>![](http://book.img.ireader.com/group6/M00/98/66/CmQUNleXDHeEdg2eAAAAADYt-HM680585814.jpg?v=6ojvMC8M)</div> || ------------ | ------------ || <div align=center>![](http://book.img.ireader.com/group6/M00/09/52/CmRaIVeXDMuEYdlYAAAAAGOklFc282565227.jpg?v=asfYQZWN)</div> | <div align=center>![](http://book.img.ireader.com/group6/M00/41/80/CmQUOVeXDNaEEh45AAAAAHsOzIw682957869.jpg?v=WfZv1f-v)</div> |###### 3.还有一类竖图比较特殊由于文字太少绕排不进去的,可以居中放,图片调小<div align=center>![](http://book.img.ireader.com/group6/M00/9D/93/CmQUN1e1ZIeEP05QAAAAAFk6-_8883005948.jpg?v=FylwyPPB)</div>###### 3.做成table| <div align=center>![](http://book.img.ireader.com/group6/M00/9D/AB/CmQUNle1dOuEUTk-AAAAAMxtYu4363470610.jpg?v=F8tI9Y6s)</div> | <div align=center>![](http://book.img.ireader.com/group6/M00/46/C4/CmQUOFe1dPyEBeaLAAAAAICX8sk402387386.jpg?v=p-D5KFLL)</div> || ------------ | ------------ || 显示效果差 | 显示效果好 |### 三、行内图行内图一般包括生僻字、公式、行内图标**<font color=#666666>所有的行内图都不交互</font>**###### 1.看行内图是否是png透明底的一般行内图都要扣成透明底的,png格式###### 2.看行内图的大小是否合适一般的生僻字、公式,尽量使文字和正文字体大小保持一致<font color=#FF0000>(1)行内公式</font>.行内图一般用这个代码`class="zhangyue-img-h1"`,这个样式默认高度是1em,如果行内公式的大小尺寸不相同,可以根据公式的大小,单个去调整这个class的高度,尽量使图片上的文字和正文字体大小一致<div align=center>![](http://book.img.ireader.com/group6/M00/46/C2/CmQUOFe1bgGERX2XAAAAAMvk7m4624006346.jpg?v=GAVu7EVp)</div><font color=#FF0000>(2)行内的生僻字</font>.如果行内图是生僻字,高度给1em就可以了,<div align=center>![](http://book.img.ireader.com/group6/M00/46/C4/CmQUOVe1cqeEIshSAAAAAIgj4Xs132923747.jpg?v=uAL678Em)</div>### 四、表格和公式类图表图片上主要是文字的(比如图表和公式的图片),要调整图片的大小,尽量使图片上的字和正文字大小一致,一般图片的宽度用em去调整,参考下图:<div align=center>![](http://book.img.ireader.com/group6/M00/9D/E1/CmQUN1e2tLOEZ4zGAAAAALW35nM198966987.jpg?v=oaL0o6q6)</div><div align=center>![](http://book.img.ireader.com/group6/M00/9D/E1/CmQUN1e2tOKEZ5vBAAAAAOJadzU060066476.jpg?v=N5P0rEfx)</div>### 五、签名的图片要做成png透明底的;大小可以