数据源的图片一般分为内容性图片、装饰性图片两类。对于装饰性图片可以删掉不要;对于内容性图片分为以下几种: 1.照片 2.插图 3.表格图 4.行内图(包括:签名图、生僻字、公式图、图标等) 5.文字性图片、分析图 **去除色边的图片**:照片、表格图、插图、图标等 **保留白边的图片**:文字性图片、分析图、公式图(非行内)等,保证白边匀称(四边白边宽度一致,为5px左右) *PS: 以上仅作为常见类型参考,针对特定情形需以展示美观为准,不可过于教条。* **抠底的图片**:签名图、生僻字、行内公式等做成透明.png图片,生僻字按照所在段落的字体处理。 对于图片和图片相关内容的处理如下: 1.所有的图片不分类型模式统一为:RGB模式,文件的大小不能超过1M; 2.所有的行内图、签名图不做交互,大小统一使用em控制使其大小可随字号的调节变大变小; 3.对于绕排图的图片`<img/>`的样式width必须是100%,绕排图左右与文字之间的边距为0.8em、与内容边框之间的边距为0,下边距为0.5em; <div align=center>![](http://img.iremaker.com/b44f2c9c2ebabd0f33bbcb77b0901e2f79496ebb54e347f7a40adafb56c48bcc.jpg?v=FtbN7a-Sfk)</div> <br /> 4.居中摆放的图片与其对应的图片标题和图注视作一个单独的模块儿,保证上下1.3em的边距,图注、图片标题与图片控制0.5em的边距,同时图注、图片、图片标题在没有特殊的情况下必须放在同一个div中; 5.并列图使用表格实现效果,每张图片之间的间隙为2%,全书必须统一,图片并列摆放时需控制并列图的宽高比相差不超过0.5; 6.图片并列摆放时如果有图片标题或者图注,需将图片标题和图注与图片分开多行摆放,以保证图片的对齐效果,单个图注在手机设备上的展示不能超过两行,若超过必须使用“![](http://img.iremaker.com/93da7aacfb43411fb54132a167497902fdf28a79a41507e5470f87da61ee03da.jpg?v=Fqp5XgU9sH)”做弹出(注:将全部的图注放进加号中,并保证加号前面必须留有注释文字;如果不留文字可将加号压在图片的右下角,这种情况要保证全书图注样式的统一;加号弹出符号前不能有标点符号); 7.单个图片时,要注意设置合理的图片宽度,以保障**图片和图说在一个页面**:横版图的width值在80%-100%,竖版图的width值依据版面来设定,一般不超过80%。 <div align=center>![](http://img.iremaker.com/4f8e34401e36a1fc4139828d7b684e4872dd571cedeeaddfba8a9fa99290b0af.jpg?v=FmBkUIuFNt)</div> ------------ <div align=center>![](http://img.iremaker.com/07a2dadc3e9f891fcf35529c23a43a480d8e80df1a444d33cfc820064abada48.jpg?v=FoXaA5768N)</div> ------------ <div align=center>![](http://img.iremaker.com/d02d164ac2761e8c0492d408629526e6d1e161ac407a9fd26e836aae1ade4354.jpg?v=FhmklWIkqR)</div> <br /> 8.全书所有的png图片都不能做交互,其余的图片可以根据图片的品质选择是否做交互; 9.全书交互模式必须统一;目前的交互模式有两种,一种是将zy-enlarge-src属性赋值为:self;另一种是将zy-enlarge-src属性删除。两种交互模式在客户端的显示效果不一致:前者的交互图在iOS端会有阴影,在安卓端会有白色边框;后者的交互图与非交互图的显示无二致,但是可以点击放大。 <div align=center>![](http://img.iremaker.com/ce22375aacac9f67d75ce96bc1864f1e4138103f770f99bd4a0d1e970239e92e.jpg?v=Fqa6fdO3dJ)</div> ------------ <div align=center>![](http://img.iremaker.com/17a987fcd6f5132b9564a839581100b5d05050d2d047c72b65a92848bddf6e9b.jpg?v=Fju_u8o0iw)</div> <br /> 10.绕排图的宽度不能超过50%; 11.图注和图片标题没有特殊情况下字号默认为14px,图片标题默认字体为中黑,图注默认字体为楷体,颜色统一默认为:#696969; 12.图注的对齐方式:针对图注过长不建议使用居中对齐; 13.所有图片在默认状态下不能有明显的马赛克; <div align=center>![](http://img.iremaker.com/3872b8fd8227e32c5fd8997335541dee750c0cbe4607b404f9707f92698e8417.jpg?v=Fo70owXg0c)</div> 14.图片上有文字、字母的或公式图需保证在默认状态下,图片上的文字与正文的字号大小接近; 15.所有内文图(除封面、版权页图片及装饰图)需重命名,命名格式为image+数字; 16.图片独占一页时,需要上下居中; <div align=center>![](http://img.iremaker.com/5dfcde828590874a591b6a0ca02d1e7d210d427a1c811bd8b6c976a184ac234e.jpg?v=Fg0zxQPIG4)</div> <br/> 17.对于多个图片共用图注的情况,需将图片以表格的形式呈现,图注另起一行以合并单元格的形式体现,如下图: <div align=center>![](http://img.iremaker.com/4ae3c0db2b27d4e8e4e63de174cb4a96a6ea78304df8e342f23fd7c901991652.jpg?v=FpyuvbEJ8V)</div> <br/> 18.具体图片摆放模式参照《内文图排版规范》。 <font color=#FF0000>注:图注在图片上的或文字性图片(除表格以外)需要将图片中的文字识别出来,以文字的形式呈现。</font>