精华内容
下载资源
问答
  • 怎么把图片文件大小压缩到25k到40k还比较清晰 我们在网上报名上传照片经常会遇着这种情况:1.两寸免冠照片 ,2.照片文件格式必须是.jpg ,3.文件大小必须在25K(25600字节)到40K(40960字节)之间 ,4.照片标准...

    怎么把图片文件大小压缩到25k到40k还比较清晰

    我们在网上报名上传照片经常会遇着这种情况:1.小两寸免冠照片 ,2.照片文件格式必须是.jpg ,3.文件大小必须在25K(25600字节)到40K(40960字节)之间 ,4.照片标准尺寸应该是390(宽)*567(高),真彩24位 。遇到这种情况一般人都会去请教会去PS的朋友帮忙,其实用PS还真很难解决这个问题。一张2MB以上的照片用ps压缩到25k左右图片会变得模糊、失真。最好用而且不用专业软件就能解决的方法是将图片用图片查看器打开缩小,然后截图保存。下面我们简单介绍用PS压缩和用截图保存压缩的方法:
    1. 使用PS修改图片尺寸:打开照片,设置尺寸比例(390/567)裁切照片, 在这里插入图片描述
    按Ctrl+Alt+I调节图像大小,在这里插入图片描述
    Ctrl+Shift+S 保存图片,
    在这里插入图片描述
    保存后照片属性:在这里插入图片描述
    最终图片:
    在这里插入图片描述
    2.使用截图保存的方法:用图片查看器打开图片,缩放到合适的位置,在这里插入图片描述
    使用工具截图,在这里插入图片描述
    第一次不一定成功,可多缩放尝试,截图在这里插入图片描述
    了解更多知识敬请关注微信公众号“3dmax自学”
    在这里插入图片描述

    展开全文
  • js上传图片前预览图片,检测上传图片大小,检测上传文件大小 js图片上传预览,上传文件大小 // 预览图片 function previewImg(file, imgId){ if(file.value==""){ return; } var img = document...

    js上传图片前预览图片,检测上传图片大小,检测上传文件大小



    <span style="font-family: Arial, Helvetica, sans-serif;"><!DOCTYPE html></span>
    <html>
    <head>
    <meta charset="UTF-8" />
    <title>js图片上传预览,上传文件大小</title>
    </head>
    <body>
    <img id="img1" />
    <input type="file" id="file1" name="file1" οnchange="previewImg(this, 'img1')" />
    <input type="file" id="file2" name="file2" οnchange="checkImgSize(this)" />
    <input type="file" id="file3" name="file3" οnchange="checkFileSize(this)" />
    <script type="text/javascript">
    // 预览图片
    function previewImg(file, imgId){
    	if(file.value==""){
    		return;
    	}
    	var img = document.getElementById(imgId);
    	if (file.files && file.files[0]) {
    		var reader = new FileReader();
    		reader.readAsDataURL(file.files[0]);
    		reader.onload = function(evt){
    			var reg = /^data:base64,/;
    			var res = evt.target.result;
    			if(reg.test(res)){
    				res = res.replace(reg, "data:"+file.files[0].type+";base64,");
    			}
    			img.src = res;
    			s = res;
    		};
    	} else {
    		img.src = file.value;
    	}
    }
    // 检测上传图片大小
    function checkImgSize(file) {
    	var size = 0;
    	if (file.files && file.files[0]) {
    		size = file.files[0].size;
    	} else {
    		var img = document.createElement("IMG");
    		img.src = file.value;
    		var timer = setInterval(function(){
    			if (img.fileSize > 0) {
    				clearInterval(timer);
    			}
    			size = img.fileSize;
    		}, 100);
    	}
    	alert("图片大小:" + size);
    }
    // 检测上传文件大小
    function checkFileSize(file) {
    	var size = 0;
    	if (file.files && file.files[0]) {
    		size = file.files[0].size;
    		//file.files[0].type	// 文件类型
    		//file.files[0].name	// 文件名
    	} else {
    		file.select();
    		var url = document.selection.createRange().text;
    		try{
    			var fso = new ActiveXObject("Scripting.FileSystemObject");
    			size = fso.GetFile(url).size;
    		} catch(e) {  
    			alert('如果你用的是ie8 请将安全级别调低!设置-》安全');  
    		} 
    	}
    	alert("文件大小:" + size);
    }
    </script>
    </body>
    </html>

    展开全文
  • /* *名称:图片上传本地预览插件 *介绍:基于JQUERY扩展,图片上传预览插件 目前兼容浏览器(IE 谷歌 火狐) 不支持safari *参数说明: Img:图片ID; * Width:预览宽度;... * maxSize图片大小; * Callbac
    /*
     *名称:图片上传本地预览插件
     *介绍:基于JQUERY扩展,图片上传预览插件 目前兼容浏览器(IE 谷歌 火狐) 不支持safari
     *参数说明: Img:图片ID;
     *        Width:预览宽度;
     *        Height:预览高度;
     *        ImgType:支持文件类型;
     *        maxSize图片大小;
     *        Callback:选择文件显示图片后回调方法;
     *使用方法:
     <div><img id="ImgPr" width="120" height="120" /></div>
     <input type="file" id="up" />
     把需要进行预览的IMG标签外 套一个DIV 然后给上传控件ID给予uploadPreview事件
     $("#up").uploadPreview({ Img: "ImgPr", 
                                Width: 120, 
                                Height: 120, 
                                ImgType: ["gif", "jpeg", "jpg", "bmp", "png"],
                                maxSize:3145728, 
                                Callback: function () { }});
     */
    jQuery.fn.extend({
        uploadPreview: function (opts) {
            var _self = this,
                _this = $(this);
            opts = jQuery.extend({
                Img: "ImgPr",
                Width: 100,
                Height: 100,
                ImgType: ["gif", "jpeg", "jpg", "bmp", "pn
    
                Callback: function () {}
            }, opts || {});
            _self.getObjectURL = function (file) {
                var url = null;
                if (window.createObjectURL != undefined) {
                    url = window.createObjectURL(file)
                } else if (window.URL != undefined) {
                    url = window.URL.createObjectURL(file)
                } else if (window.webkitURL != undefined) {
                    url = window.webkitURL.createObjectURL(file)
                }
                return url
            };
            _this.change(function () {
                if (this.value) {
                    if (!RegExp("\.(" + opts.ImgType.join("|") + ")$", "i").test(this.value.toLowerCase())) {
                        alert("选择文件错误,图片类型必须是" + opts.ImgType.join("") + "中的一种");
                        this.value = "";
                        return false
                    }
    
    
                    var fileInput = $(this)[0] ,byteSize='';  
                    if ( fileInput.files && fileInput.files[0] ){  
                        byteSize  =fileInput.files[0] &&  fileInput.files[0].size;  
                    } else {  
    
                        var _img = $(this).parent().prev().find('img')[0];   
                        if (!_img){  
                            byteSize = 0 ;  
                        } else {  
                            byteSize = _img.fileSize ;  
                        }  
                    }  
                    if (byteSize > opts.maxSize ){                
                        alert("图片大小不超过"+(opts.maxSize / (1024*1024) ).toFixed(2) +"M");  
                        return false;   
                    }
    
    
                    if (/msie/.test(navigator.userAgent.toLowerCase())) {
                        try {
                            $("#" + opts.Img).attr('src', _self.getObjectURL(this.files[0]))
                        } catch (e) {
                            var src = "";
                            var obj = $("#" + opts.Img);
                            var div = obj.parent("div")[0];
                            _self.select();
                            if (top != self) {
                                window.parent.document.body.focus()
                            } else {
                                _self.blur()
                            }
                            src = document.selection.createRange().text;
                            document.selection.empty();
                            obj.hide();
                            obj.parent("div").css({
                                'filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)',
                                'width': opts.Width + 'px',
                                'height': opts.Height + 'px'
                            });
                            div.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = src
                        }
                    } else {
                        $("#" + opts.Img).attr('src', _self.getObjectURL(this.files[0]))
                    }
                    opts.Callback()
                }
            })
        }
    });
    展开全文
  • img.onload = function () { //初始化夹在完成后获取上传图片宽高,判断限制上传图片大小。 if(img.width ==343 && img.height ==240){ obj.upload(index, file); //满足条件调用上传方法 }else{ flag = ...
    layui.use(['upload', 'form'], function () {
                var upload = layui.upload;
                var form = layui.form;
                upload.render({
                    elem: '#uploadCover'
                    , url: '/file/upload.shtml'
                    , method: "post"
                    , auto: false  //auto 参数必须设置为false
                    ,size:"2048"
                    ,accept:"file"
                    ,exts: 'jpg|png|jpeg'
                    ,choose: function(obj){  //上传前选择回调方法
                        var flag = true;
                        obj.preview(function(index, file, result){
                            console.log(file);            //file表示文件信息,result表示文件src地址
                            var img = new Image();
                            img.src = result; 
                            img.onload = function () { //初始化夹在完成后获取上传图片宽高,判断限制上传图片的大小。
                                if(img.width ==343 && img.height ==240){
                                    obj.upload(index, file); //满足条件调用上传方法
                                }else{
                                    flag = false;
                                    D.msg("您上传的小图大小必须是343*240尺寸!");
                                    return false;
                                }
                            }
                            return flag;
                        });
                    }
                    , done: function (res) {//上传成功回调方法
                        $("#xcCoverUrl").val(res.data);
                        $("#xcCoverUrlShow").attr("src", res.fastdfsHost + res.data);
                        layer.closeAll('loading');
                    }
                });
            });

     

    展开全文
  • 需求:服务器指定图片尺寸大小,并且限制图片文件大小,因此在选择图片后需要进行操作 保存图片的时候,会发现实际文件大小大于当前设置的大小,这个问题在最后面解决;
  • 改变PNG图片文件size大小、品质

    千次阅读 2017-04-14 15:55:42
    在photoshop中,需要“存储为web所用格式”,在对话框中选择格式为png-8,这样保存的文件体积会很
  • 降低PNG图片存储大小方法,图片压缩方法,如何降低PNG图片存储大小?前提是分辨率和尺寸大小不变,图形的透明部分不变。请看如下办法,亲测可用。1. 将PNG图片用PS打开。2. 图像-模式-8位/通道 (这样在后续存储时才...
  • 70% 左右的容量大小,而且肉眼看不出变化,又能有效减少下载和加载图片的时间,是我工作上相当重要的伙伴。 也因为这样,我时常会寻找有没有更新、更好用的图片无损压缩工具,最近找到一款Optimizilla 在线...
  • 如何用ps将图片修改成指定大小

    万次阅读 2019-05-10 14:46:09
    2、首先用ps将图片文件打开, 使用ps菜单命令:<图像>-<图像大小>; 或者使用快捷键:ctrl+alt+i。 弹出设置窗口,勾选上“约束比例”(也可以不选),然后在像素大小栏的“宽度”与“高度”上进行...
  • 使用ACDSee或者是IrfanView,打开图片,在菜单栏,点击“另存为”,在弹出的临时 窗口中,有调节图像质量的滑条,数值越图片被压缩的越厉害。或者是直接指定图片 的物理存储大小
  • 减少 JPG 文件大小

    千次阅读 2016-06-28 22:04:46
    减少 JPG 文件大小如果你是一个现代的开发者,无论你是网站开发、移动开发、还是一些奇怪的系统管理程序,你一定会使用 JPG 文件。JPG 是你工作的一部分,并且对于用户体验有着极其重要
  • 如何设置程序背景图片大小

    千次阅读 2019-06-08 13:04:36
    background-size设置背景图片大小 background-size:auto;| XXpx;|<百分比>;|cover;|contain 属性说明: 1、auto:默认值,不改变原始图片大小。 2、xxpx:自定义设置图片大小,一般为成对出现例如 100px,...
  •  2)制作gif图片后,图片一般太大,博客【CSDN】上传本地图片限制大小为2M,博客在线图片的话从空间相册拿图片,但空间相册图片限制大小为4M,那么怎么压缩图片 我认为这也是IT技能,故整理记录一下。 下面...
  • Word将图片格式大小设置成一样大小

    千次阅读 2017-05-09 10:54:52
    Word图片大小归一
  • Android textView drawableXX图片大小

    千次阅读 2016-12-07 17:12:02
    TextView自带的drawableLeft属性竟然不能设置图片大小,简直不能忍,啥也不说了,直接上代码 <!--drawableTextView--> <at
  • 如何压缩图片大小并保证图片分辨率不变 社保图片证件照要求怎么达到 快速压缩图片 改变图片大小 像素不变 分辨率不变
  • SpringBoot 下文件上传大小问题解决

    万次阅读 2018-08-21 20:00:29
    今天在做springboot环境下做一个文件上传的功能,刚开始测试文件的时候,没有什么问题,但是一旦单个文件大小超过1M的时候,后台就会报 org.springframework.web.multipart.MultipartException: Failed to parse ...
  • SDWebImage指定缓存图片大小

    万次阅读 2013-09-29 14:39:43
    这几天在做iOS上的网络图片的异步加载和缓存。...进到程序的缓存文件目录,可以看到下载的图片果真和直接从网页上下载的一样大,即图片没有经过压缩就被缓存起来了。但是我的要求应该是图片应该在保存时
  • PS怎么压缩图片大小而像素不变

    万次阅读 2018-06-23 16:27:05
    通过PS压缩图片大小 ,而像素不变! 其中一个主要的原因:网站的图片,数量多而且文件又太大了! 有的图片占用字节能达到1M,甚至2M以上。 本文就总结一下:通过PS软件,对图片进行有效压缩,进而达到网站的...
  • jsp 图片限制大小

    千次阅读 2016-06-06 14:50:39
    话不多说,直接上代码(this);"/> //此处onchange方法表示文件选中时调用checkImage函数 function checkImage(obj){
  • 需求如题, 一般我们会用Photoshop ps软件 实现, 但是要同时满足指定像素大小和存储大小的两个条件可能很多人并不知道怎么快速弄好, 反复修改, 费时费力,还不尽如人意, 闲话少叙, 正文解决方案如下:  照片用ps软件...
  • 而我的成绩单PDF扫描件转换过去只有600K,因此需要JPG图片调大。 二、解决方案 以图片方式打开文件 点击右上角,选择调整大小 如果你和我一样需要大的话,建议在保持横纵比的前提下适当提高宽度或者高度,...
  • js 限制 input 文件上传的大小和格式

    千次阅读 2018-07-18 10:34:05
    最近在项目中需要一些文件大小和格式的校验,整理了一下作为日后的参考 废话不多说,上代码: Javascript: //验证上传文件大小和类型 /** * * @param {this} value_ [获取input对象,一般为this] * @param ...
  • img预加载获取图片大小方法

    千次阅读 2016-08-25 19:56:45
    img预加载获取图片大小方法 // 更新: // 05.27: 1、保证回执行顺序:error > ready > load;2、回函数this指向img本身 // 04-02: 1、增加图片完全加载后的回 2、提高性能 /** * 图片头数据加载...
  • layui上传照片(控制图片大小

    千次阅读 2018-12-17 16:31:53
    img.onload = function () { //初始化夹在完成后获取上传图片宽高,判断限制上传图片大小。 if(img.width ==413 && img.height ==626){ obj.upload(index, file); //满足条件调用上传方法 }else{ flag = ...
  • 在IOS开发中,经常有限制图片文件大小的,有的用户图片很大,导致上传时间慢,造成问题。 如:微信分享中,如果图片的大小好像大于50kbytes,就分享失败,而且没有任何提示。 所以,我添加了两个函数: 一、修改...
  • //上传图片前的图片验证回 beforeAvatarUpload(file) { //图片格式 const isJPG = file.type === 'image/jpg' || file.type === 'image/png'; //图片大小 const isLt2M = file.size / 1024 / 1024 < 2; if...
  • 图片导成PDF后页面大小不同怎么办

    千次阅读 2020-09-10 15:11:05
    首先我们来分析一下合成PDF文件大小不一样的原因,一般出现这种情况,我们只需要去看下每张图片的实际尺寸,虽然看起来图片都是一样,但其实尺寸大小并不一致。 而我们将图片转成PDF的过程一般都只是合成而已,并不...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 95,411
精华内容 38,164
关键字:

怎么把图片文件大小调小