欢迎分享本文到朋友圈，文章转载、投稿、业务合作联系请微信Havana90~~本文为公众号粉丝原创投稿~科研论文中图片的质量是投稿时的硬性标准，有时候图片质量的高低甚至会成为你的文章能否被接受的关键因素之一。不少老师同学们白天辛辛苦苦做完实验，晚上熬夜分析数据，但由于不会保存图片，导致原始图片丢失或者质量下降，实在是一件非常可惜的事情。尤其是那些喜欢用word和ppt来保存图片的同学，更应该引起注意了。今天要跟大家分享的就是如何保存高质量的图片和文档，简单几招教你轻松搞定SCI编辑部要求的高清大图。那么问题来了——1.什么是高质量图片 ?发过SCI论文的同学可能比较有经验，在文章接收到出版这一阶段，编辑会让作者提供具有更高分辨率的可编辑图片，这种图片往往有格式、分辨率、色彩模式、大小等要求，简单来说就是适合出版印刷的，缩小或者放大不会模糊失真的图片。我们就不得不提到科研中经常听到的位图和矢量图了，那你知道他们的区别吗?
位图: 又叫做点阵图或像素图，是一个个很小的颜色小方块组合在一起的图片，当图片放大时就会失真变模糊，图形就会出现锯齿状，即出现类似马赛克的效果。在投稿过程中对图片会有分辨率大小的要求。
矢量图: 由一个个点链接在一起组成的，是根据几何特性来绘制的图像，和位图的分辨率是没有关系的。因此图片放大后也不会失真，不会出现位图的马赛克的样子，也就是说可以无限放大图片。
矢量图和位图放大12倍效果简单对比一下两张图的效果，你就知道为什么编辑会更倾向于矢量图了~~无论位图还是矢量图，规范的做法是多处、原样保存原始图片。2.位图和矢量图的文件类型位图：如*.bmp、*.pcx、*.gif、*.jpg、*.tif、*.psd等；矢量图：如*.ai、*.eps、*.svg、*.dwg*、.dxf、*.cdr等。位图和矢量图是可以相互转化的，矢量图可以很容易地转换成位图；但是位图想要转换成矢量图需要进行大量复杂庞大的数据处理，效果还不一定理想。因此，在作图过程中如果条件允许，尽量保存成矢量格式。3.怎样在word中保存高清图片规范的科研图片处理过程并不主张在word中保存图片，但是有些时候需要打印成高清纸质版本，这个时候就需要注意word中插入图片的清晰度了。(1)选择“文件”-“选项”-“高级”-“不压缩文件中的图像”勾选上；  (2).点击“确定”，此后在该word中插入的高清图片就不会被压缩。将按照上面步骤操作和不按照上面步骤操作的word文档插入图片，在保存后重新打开，我们就可以很明显看到两者的差别，两张图均放大5倍的效果如下。可以明显看到未经过上述操作的图片在保存后被压缩了，重新打开文档时图片的线条变得很模糊，而经过上述操作的图片仍然很清晰。温馨小提示：No1.进行此操作并不能提高图片的质量，只是保证原图片的的质量不被压缩降低。插入图片的时候最好选择质量比较高的图片，不然即使进行了上述操作，图片不被压缩，图片打开以后仍然是模糊的。No2.当一个文档中插入很多张图片的时候，可能面临文件过大，无法打开的情况。如下图出现这种情况就会使原文档的内容一起被损坏，尤其是在论文正文中插入图片出现这种情况就非常被动，为避免原文档内容无法被找回，切记在插入高清图片之前一定要对原有的文档备份！亲测，踩坑！切记备份！切记备份！切记备份！也可以在PPT中进行类似的设置。4.将含有高清图片的Word文档转换成高清pdf格式是不是掌握了在word中插入高清图片的操作技能，然后直接“另存为”pdf就能获得含有高清图片的pdf文档呢?NO！！！不信你试试[吃瓜脸]。言归正传，接下来按照Acrobat Xi和福昕pdf两个常用pdf阅读器来介绍如何通过word来生成高质量的pdf。Acrobat Xi Pro 64版(1) Acrobat Xi Pro安装成功，即可在word的菜单栏看到“Acrobat”选项，点击 “首选项”，继续点击“高级设置”(2). 选择：“图像”，将右边6个和压缩图片有关的选项全部关掉(3).点击确定，会弹出自定义设置的另存为对话框。划重点：这里要使用软件默认路径：C:\Users\[你的电脑用户名]\AppData\Roaming\Adobe\Adobe PDF\Settings。如果不按照此位置保存，将会出现无法使用自定义设置的情况，即转换的仍然是图片模糊的pdf格式)，设置完成后点击保存。(4).完成以上步骤以后会出现如下图所示的对话框，一定要点击“确定”才能完成Acrobat Xi Pro的所有设置，否则仍然无法使用自定义设置。(5). 回到word菜单栏，点击“Acrobat”，继续点击“创建PDF”后会弹出如下图所示的对话框，选择“是”。重点又来了，点击“是”之前一定确保该文档已经进行过上面”的系列操作，否则word中的图片依然会被压缩，即使转成pdf依然会变得模糊不清。意思是上面的设置是单次适用，新建另外一个word还需要再次进行上面的设置或调用已有设置文件。我们来看一下成功转换后的pdf高清版是什么样子的，如下图所示。对比上图(使用Acrobat Xi Pro 64转换)和下图(在word中直接转换)的效果，可以看到，使用Acrobat Xi Pro 64转换后，即使是放大30倍，图片仍然是十分清晰的。福昕pdf版如果安装了福昕pdf编辑器，在word菜单栏里面也会有福昕的插件选项卡，但里面的“创建PDF”默认是会压缩word中的图片的。如果要高清保存word里面的图片，则需要使用虚拟打印机的方式来生成pdf。(1)在保存了高清图片的word文档里面，进入文件-打印-打印机-Foxit phantomPDF Printer，在“打印机属性”里面对“默认设置”进行编辑；(2)把图像里面6个预设都关掉；(3)把设置在默认路径下存成一个设置文件并命名，下回就可以直接调用；(4)点击“确定”之后，打印就会生成图片没有压缩的pdf文档。怎么样，到这里你是不是再也不用为搞不定SCI编辑部要求的高清大图而发愁了?全文满满的都是干货，赶紧收藏起来备用吧！最新公众号改版，为防失联，加个星标吧~
推荐阅读
【免费】56节课56项技能，史上最强Origin教学课程【免费】40节课彻底掌握Image Pro Plus！史上最强【免费】100多套精选毕业答辩PPT模板，毕业管够~人人都能学会的illustrator科研绘图~Photoshop科研位图全攻略PPT科研作图视频课程温馨提示
业务合作、粉丝投稿、加入本平台组织的科研交流群，以及高校或科研单位、企业(含博士后)想在此平台免费发布博士、博士后招聘、推送实验室最新科研成果等信息，请加微信号Havana90详谈。
点个“在看”,SCI马上发表

转载于 android 加载大图长图失真或者不显示

Android 加载大图或者长图时会遇到失真或者不显示的问题（imageloader 一般会失真，fresco一般不会显示）。

1、首先说一下为什么会出现这样的情况。

Canvas在绘制Bitmap的时候其实对Bitmap的长宽是有限制的，一般是2048或者是4096.这个值可以通过下面代码获取



int[] maxTextureSize = new int[1];
GLES10.glGetIntegerv(GL10.GL_MAX_TEXTURE_SIZE, maxTextureSize, 0);
int maxBitmapDimension = Math.max(maxTextureSize[0], 2048);

maxBitmapDimension 就是Canvas 可以绘制Bitmap的最大宽高。Imageloader 在加载图片时对Bitmap 宽高做了限制，加载的图片都在这个值以内。比如你要加载的图片高度为8000，而你的手机的Canvas 可绘制图片高度最大值为4096，imageloader经过处理之后加载的图片高度其实是2000，比原始图片缩小了四倍，所以看起来才会模糊。而fresco 没有做这样的处理，所以图片不会显示，只会有异常提示：Bitmap too large to be uploaded into a texture 。

2、下面我们就来解决这个问题。

既然Canvas 只能绘制比4096小的图片，那我们就只能把图片限制在4096以内，但是我们又不显图像失真，所以不能采取像素压缩，那么怎么办呢。我们可以利用BitmapRegionDecoder类。BitmapRegionDecoder 可以获取指定区域的图片。比如高度为8000的图片。我们可以用BitmapRegionDecoder生成两张高度为4000的图片。这样我们就可以用Canvas把两张图片画出来。



public class BigImageView extends ImageView{
    private int windowWidth;
    private BitmapRegionDecoder mDecoder;
    private Rect bsrc;
    private Rect src;
    private Rect dst;
    private Paint paint;
    private ArrayList<Bitmap> bmps;
    public BigImageView(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
        init();
    }

    public BigImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
        init();
    }

    private void init() {
        // TODO Auto-generated method stub
        windowWidth = getResources().getDisplayMetrics().widthPixels;
        bmps = new ArrayList<Bitmap>();
        src = new Rect();
        dst = new Rect();
        bsrc = new Rect();
        paint = new Paint();
        paint.setAntiAlias(true);
        paint.setFilterBitmap(true);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        // TODO Auto-generated method stub
        int count = bmps.size();
        for(int i = 0;i<count;i++){
            Bitmap bmp = bmps.get(i);
            src.left = 0;
            src.top = 0;
            src.right = bmp.getWidth();
            src.bottom = bmp.getHeight();

            dst.left = 0;
            dst.top = i*getHeight()/count;
            dst.right = getWidth();
            dst.bottom = dst.top+getHeight()/count;

            canvas.drawBitmap(bmp, src, dst, paint);

        }
    }


    @Override
    public void setImageBitmap(final Bitmap bm) {
        super.setImageBitmap(bm);
        if(bm!=null){
            float imgmul = (float)bm.getHeight()/(float)bm.getWidth();
            LayoutParams lp = this.getLayoutParams();
            lp.width = windowWidth;
            lp.height = (int) (imgmul*windowWidth);
            this.setLayoutParams(lp);
        }
        new Thread() {
            public void run() {
                try{
                    int imageCount = bm.getHeight() % ImageUtils.getMaxHeight();
                    ByteArrayOutputStream baos = new ByteArrayOutputStream();
                    bm.compress(Bitmap.CompressFormat.PNG, 100, baos);
                    InputStream isBm = new ByteArrayInputStream(baos.toByteArray());
                    mDecoder = BitmapRegionDecoder.newInstance(isBm, true);
                    for (int i = 0; i < imageCount; i++) {
                        bsrc.left = 0;
                        bsrc.top = i*bm.getHeight()/imageCount;
                        bsrc.right = bm.getWidth();
                        bsrc.bottom = bsrc.top+bm.getHeight()/imageCount;
                        Bitmap bmp = mDecoder.decodeRegion(bsrc,null);
                        bmps.add(bmp);
                    }
                    postInvalidate();
                }catch(Exception e){
                    e.printStackTrace();
                }
            }
        }.start();

    }

}



public class ImageUtils {
    private static final int DEFAULT_MAX_BITMAP_DIMENSION = 2048;
    private static int maxHeight = 0;
    static {
        int[] maxTextureSize = new int[1];
        GLES10.glGetIntegerv(GL10.GL_MAX_TEXTURE_SIZE, maxTextureSize, 0);
        maxHeight = Math.max(maxTextureSize[0], DEFAULT_MAX_BITMAP_DIMENSION);
    }

    public static int getMaxHeight(){
        return maxHeight;
    }
}

android 加载大图或者长图时会遇到失真或者不显示的问题（imageloader 一般会失真，fresco一般不会显示）。

1、首先说一下为什么会出现这样的情况。

Canvas在绘制Bitmap的时候其实对Bitmap的长宽是有限制的，一般是2048或者是4096.这个值可以通过下面代码获取

int[] maxTextureSize = new int[1];
GLES10.glGetIntegerv(GL10.GL_MAX_TEXTURE_SIZE, maxTextureSize, 0);
int maxBitmapDimension = Math.max(maxTextureSize[0], 2048);

maxBitmapDimension 就是Canvas 可以绘制Bitmap的最大宽高。Imageloader 在加载图片时对Bitmap 宽高做了限制，加载的图片都在这个值以内。比如你要加载的图片高度为8000，而你的手机的Canvas 可绘制图片高度最大值为4096，imageloader经过处理之后加载的图片高度其实是2000，比原始图片缩小了四倍，所以看起来才会模糊。而fresco 没有做这样的处理，所以图片不会显示，只会有异常提示：Bitmap too large to be uploaded into a texture 。

2、下面我们就来解决这个问题。

既然Canvas 只能绘制比4096小的图片，那我们就只能把图片限制在4096以内，但是我们又不显图像失真，所以不能采取像素压缩，那么怎么办呢。我们可以利用BitmapRegionDecoder类。BitmapRegionDecoder 可以获取指定区域的图片。比如高度为8000的图片。我们可以用BitmapRegionDecoder生成两张高度为4000的图片。这样我们就可以用Canvas把两张图片画出来。

public class BigImageView extends ImageView{
    private int windowWidth;
    private BitmapRegionDecoder mDecoder;
    private Rect bsrc;
    private Rect src;
    private Rect dst;
    private Paint paint;
    private ArrayList<Bitmap> bmps;
    public BigImageView(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
        init();
    }

    public BigImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
        init();
    }

    private void init() {
        // TODO Auto-generated method stub
        windowWidth = getResources().getDisplayMetrics().widthPixels;
        bmps = new ArrayList<Bitmap>();
        src = new Rect();
        dst = new Rect();
        bsrc = new Rect();
        paint = new Paint();
        paint.setAntiAlias(true);
        paint.setFilterBitmap(true);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        // TODO Auto-generated method stub
        int count = bmps.size();
        for(int i = 0;i<count;i++){
            Bitmap bmp = bmps.get(i);
            src.left = 0;
            src.top = 0;
            src.right = bmp.getWidth();
            src.bottom = bmp.getHeight();

            dst.left = 0;
            dst.top = i*getHeight()/count;
            dst.right = getWidth();
            dst.bottom = dst.top+getHeight()/count;

            canvas.drawBitmap(bmp, src, dst, paint);

        }
    }


    @Override
    public void setImageBitmap(final Bitmap bm) {
        super.setImageBitmap(bm);
        if(bm!=null){
            float imgmul = (float)bm.getHeight()/(float)bm.getWidth();
            LayoutParams lp = this.getLayoutParams();
            lp.width = windowWidth;
            lp.height = (int) (imgmul*windowWidth);
            this.setLayoutParams(lp);
        }
        new Thread() {
            public void run() {
                try{
                    int imageCount = bm.getHeight() % ImageUtils.getMaxHeight();
                    ByteArrayOutputStream baos = new ByteArrayOutputStream();
                    bm.compress(Bitmap.CompressFormat.PNG, 100, baos);
                    InputStream isBm = new ByteArrayInputStream(baos.toByteArray());
                    mDecoder = BitmapRegionDecoder.newInstance(isBm, true);
                    for (int i = 0; i < imageCount; i++) {
                        bsrc.left = 0;
                        bsrc.top = i*bm.getHeight()/imageCount;
                        bsrc.right = bm.getWidth();
                        bsrc.bottom = bsrc.top+bm.getHeight()/imageCount;
                        Bitmap bmp = mDecoder.decodeRegion(bsrc,null);
                        bmps.add(bmp);
                    }
                    postInvalidate();
                }catch(Exception e){
                    e.printStackTrace();
                }
            }
        }.start();

    }

}

public class ImageUtils {
    private static final int DEFAULT_MAX_BITMAP_DIMENSION = 2048;
    private static int maxHeight = 0;
    static {
        int[] maxTextureSize = new int[1];
        GLES10.glGetIntegerv(GL10.GL_MAX_TEXTURE_SIZE, maxTextureSize, 0);
        maxHeight = Math.max(maxTextureSize[0], DEFAULT_MAX_BITMAP_DIMENSION);
    }

    public static int getMaxHeight(){
        return maxHeight;
    }
}


至于什么是.9图片这里就简单提一下，即图片后缀名前有.9的图片，如pic.9.png、pic1.9.jgp，诸如此类的图片就称为.9图片。
 
.9图片的作用
①.9图片的作用是在图片拉伸的时候特定的区域不会发生图片失真，至于哪些部分不会失真那么得看你的图片是如何绘制的。
②当一张图片作为背景时可以指定前景内容的显示区域。如图：
 

其中灰色是背景、绿色是前景。那么前景放在背景的具体位置是可以通过.9图片进行规定的。
 
如何绘制.9图片
①利用android开发环境中提供的工具draw9patch。
draw9patch如图 ：

在“原始图像显示绘制区域”（这个名称自己取的）其实显示的是一张原始图片，并且在原始图片的四周添加了一个像素，通俗点说就是图片比原始图片扩大了一圈，多出来的那一圈是透明像素。我们需要绘制的地方真是在那一圈透明像素上进行绘制。在绘制之前先讲讲那一圈透明像素的含义。如图：

四周分别命名为L、T、R、B。
绘制在L的区域：用于拉伸的纵向区域。
绘制在T的区域：用于拉伸的横向区域。
绘制在R的区域：用于显示前景的纵向范围。
绘制在B的区域：用于显示前景的横向范围。
举例说明一下，如图 ：

这个图会如何拉伸、如何显示前景呢？最简单的方法是直接看“拉伸预览区”，当然更快捷是方法是你能直接看出这个区域。
拉伸区域
如图：
 

红色框区域：表示纵向拉伸的区域，也就是说，当图片需要纵向拉伸的时候它会只指定拉伸红色区域，其他区域在纵向是不会拉伸的。
绿色框区域：表示横向拉伸的区域，也就是说，当图片需要横向拉伸的时候它会只指定拉伸绿色区域，其他区域在横向是不会拉伸的。
显然红色和绿色相交的部分是既会进行横向拉伸也会进行纵向拉伸的。
前景的显示区域
如图：
 

蓝色区域：表示前景能显示的纵向范围。即前景的最上面可以显示到什么地方，最下面可以显示的什么地方。
黄色区域：表示前景能显示的横向范围。即前景的最左边可以显示到什么地方，最右边可以显示的什么地方。
蓝色和黄色相交部分：表示整个前景能显示的区域。一个区域是矩形的，蓝色规定了上下边界，黄色规定了左右边界，两者共同当然也就规定了一个矩形区域。
 
②利用photoshop进行绘制。
如何绘制？
A、首先将画布四周放大一个像素。
B、然后在四周绘制黑色像素（四周像素的意义参见①）。
C、保存的时候改成.9图片的后缀名。
何时使用ps绘制？
A、图片很大的时候用draw9patch不是很好绘制，这个时候你就可以利用ps进行绘制。
B、当你要做很多图标的时候，你可以利用ps中的动作功能来批量完成。
小结：如果你熟悉ps的话某种程度上可以做到事半功倍。而且可以做一些模板，或者是录制一些动作。
 
何时需要使用.9图片
简单点讲，一张图片被拉伸以后会发生严重的图像失真时，那么就可以考虑.9图片。那么哪些时候这种图片格式是比较有效的呢？
①图片有圆角并且其他某一区域可以拉伸而不影响图片效果。
②一些图标需要适配不同的分辨率的设备。
当然具体的使用还得看具体的要求，这里只是说了一下我最常用的，不常用的就没有列举了。