怎么把图片文件大小调小

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

千次阅读 2020-05-13 19:26:29

怎么把图片文件大小压缩到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上传前预览图片，检测上传文件大小

千次阅读 2016-09-12 13:09:22

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>

收起

展开全文

javascript

基于JQuery的图片上传预览插件（图片预览、过滤文件类型、限制图片大小、图片显示后回调）

千次阅读 2017-12-18 14:41:38

/* *名称:图片上传本地预览插件 *介绍:基于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()
            }
        })
    }
});

收起

展开全文

jquery

layui文件上传回调前对文件类型及大小判断

千次阅读 2018-11-09 13:55:56

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');
                }
            });
        });

收起

展开全文

layui

图片按指定比例缩放并压缩至指定大小，解决保存图片文件体积过大bug。
千次阅读 2017-06-12 10:35:18
需求：服务器指定图片尺寸大小，并且限制图片文件大小，因此在选择图片后需要进行操作保存图片的时候，会发现实际文件大小大于当前设置的大小，这个问题在最后面解决；
收起
改变PNG图片文件size大小、品质
千次阅读 2017-04-14 15:55:42
在photoshop中，需要“存储为web所用格式”，在对话框中选择格式为png-8，这样保存的文件体积会很小
收起
photoshop
降低PNG图片存储大小方法、图片压缩方法
万次阅读 2016-04-05 21:46:04
降低PNG图片存储大小方法，图片压缩方法，如何降低PNG图片存储大小？前提是分辨率和尺寸大小不变，图形的透明部分不变。请看如下办法，亲测可用。1. 将PNG图片用PS打开。2. 图像-模式-8位/通道（这样在后续存储时才...
收起
存储压缩
Optimizilla中文在线无损压缩JPG、PNG图片，不降低画质有效减少图片文件大小
千次阅读 2015-12-29 11:09:53
70% 左右的容量大小，而且肉眼看不出变化，又能有效减少下载和加载图片的时间，是我工作上相当重要的伙伴。也因为这样，我时常会寻找有没有更新、更好用的图片无损压缩工具，最近找到一款Optimizilla 在线...
收起
如何用ps将图片修改成指定大小
万次阅读 2019-05-10 14:46:09
2、首先用ps将图片文件打开，使用ps菜单命令：<图像>-<图像大小>；或者使用快捷键：ctrl+alt+i。弹出设置窗口，勾选上“约束比例”（也可以不选），然后在像素大小栏的“宽度”与“高度”上进行...
收起
不改变图片分辨率，减少图片存储大小
千次阅读 2015-10-13 17:05:08
使用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,...
收起
录屏——制作gif图片——压缩图片大小
千次阅读 2015-02-12 00:46:05
2）制作gif图片后，图片一般太大，博客【CSDN】上传本地图片限制大小为2M，博客在线图片的话从空间相册拿图片，但空间相册图片限制大小为4M，那么怎么压缩图片我认为这也是IT技能，故整理记录一下。下面...
收起
Word将图片格式大小设置成一样大小
千次阅读 2017-05-09 10:54:52
Word图片大小归一
收起
word
Android textView drawableXX图片大小
千次阅读 2016-12-07 17:12:02
TextView自带的drawableLeft属性竟然不能设置图片大小，简直不能忍，啥也不说了，直接上代码  <at
收起
android textview
关于如何保持图片分辨率并压缩图片存储大小
万次阅读 2017-11-18 17:47:51
如何压缩图片大小并保证图片分辨率不变社保图片证件照要求怎么达到快速压缩图片改变图片大小 像素不变分辨率不变
收起
photoshop
SpringBoot 下文件上传大小问题解决
万次阅读 2018-08-21 20:00:29
今天在做springboot环境下做一个文件上传的功能，刚开始测试小文件的时候，没有什么问题，但是一旦单个文件大小超过1M的时候，后台就会报 org.springframework.web.multipart.MultipartException: Failed to parse ...
收起
springboot exception
SDWebImage指定缓存图片大小
万次阅读 2013-09-29 14:39:43
这几天在做iOS上的网络图片的异步加载和缓存。...进到程序的缓存文件目录，可以看到下载的图片果真和直接从网页上下载的一样大，即图片没有经过压缩就被缓存起来了。但是我的要求应该是图片应该在保存时
收起
iOS SDWebImage
PS怎么压缩图片大小而像素不变
万次阅读 2018-06-23 16:27:05
通过PS压缩图片大小 ,而像素不变！其中一个主要的原因：网站的图片，数量多而且文件又太大了！有的图片占用字节能达到1M，甚至2M以上。本文就总结一下：通过PS软件，对图片进行有效压缩，进而达到网站的...
收起
ps
jsp 图片限制大小
千次阅读 2016-06-06 14:50:39
话不多说，直接上代码(this);"/> //此处onchange方法表示文件选中时调用checkImage函数 function checkImage(obj){
收起
jsp
将图片修改到指定像素大小和存储大小
千次阅读 2018-12-11 20:58:49
需求如题, 一般我们会用Photoshop ps软件实现, 但是要同时满足指定像素大小和存储大小的两个条件可能很多人并不知道怎么快速弄好, 反复修改, 费时费力,还不尽如人意, 闲话少叙, 正文解决方案如下: 照片用ps软件...
收起
用Windows原生工具调整图片占用空间大小
千次阅读 2020-05-06 20:38:41
而我的成绩单PDF扫描件转换过去只有600K，因此需要把JPG图片调大。二、解决方案以图片方式打开文件点击右上角，选择调整大小如果你和我一样需要调大的话，建议在保持横纵比的前提下适当提高宽度或者高度，...
收起
windows
js 限制 input 文件上传的大小和格式
千次阅读 2018-07-18 10:34:05
最近在项目中需要一些文件大小和格式的校验，整理了一下作为日后的参考废话不多说，上代码： Javascript: //验证上传文件大小和类型 /** * * @param {this} value_ [获取input对象，一般为this] * @param ...
收起
Javascript 表单
img预加载获取图片大小方法
千次阅读 2016-08-25 19:56:45
img预加载获取图片大小方法 // 更新： // 05.27: 1、保证回调执行顺序：error > ready > load；2、回调函数this指向img本身 // 04-02: 1、增加图片完全加载后的回调 2、提高性能 /** * 图片头数据加载...
收起
javascript img
layui上传照片（控制图片大小）
千次阅读 2018-12-17 16:31:53
img.onload = function () { //初始化夹在完成后获取上传图片宽高，判断限制上传图片的大小。 if(img.width ==413 && img.height ==626){ obj.upload(index, file); //满足条件调用上传方法 }else{ flag = ...
收起
IOS中修改图片的大小：修改分辨率和裁剪
万次阅读 2015-07-13 09:29:49
在IOS开发中，经常有限制图片文件大小的，有的用户图片很大，导致上传时间慢，造成问题。如：微信分享中，如果图片的大小好像大于50kbytes，就分享失败，而且没有任何提示。所以，我添加了两个函数：一、修改...
收起
ios开发微信
elementUI上传图片限制图片格式，大小和尺寸问题
千次阅读 2020-08-01 14:33:19
//上传图片前的图片验证回调 beforeAvatarUpload(file) { //图片格式 const isJPG = file.type === 'image/jpg' || file.type === 'image/png'; //图片大小 const isLt2M = file.size / 1024 / 1024 < 2; if...
收起
javascript vue.js
图片导成PDF后页面大小不同怎么办
千次阅读 2020-09-10 15:11:05
首先我们来分析一下合成PDF文件大小不一样的原因，一般出现这种情况，我们只需要去看下每张图片的实际尺寸，虽然看起来图片都是一样，但其实尺寸大小并不一致。而我们将图片转成PDF的过程一般都只是合成而已，并不...
收起

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

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

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

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

基于JQuery的图片上传预览插件（图片预览、过滤文件类型、限制图片大小、图片显示后回调）

layui文件上传回调前对文件类型及大小判断

图片按指定比例缩放并压缩至指定大小，解决保存图片文件体积过大bug。

改变PNG图片文件size大小、品质

降低PNG图片存储大小方法、图片压缩方法

Optimizilla中文在线无损压缩JPG、PNG图片，不降低画质有效减少图片文件大小

如何用ps将图片修改成指定大小

不改变图片分辨率，减少图片存储大小

减少 JPG 文件大小

如何设置小程序背景图片大小

录屏——制作gif图片——压缩图片大小

Word将图片格式大小设置成一样大小

Android textView drawableXX图片大小

关于如何保持图片分辨率并压缩图片存储大小

SpringBoot 下文件上传大小问题解决

SDWebImage指定缓存图片大小

PS怎么压缩图片大小而像素不变

jsp 图片限制大小

将图片修改到指定像素大小和存储大小

用Windows原生工具调整图片占用空间大小

js 限制 input 文件上传的大小和格式

img预加载获取图片大小方法

layui上传照片（控制图片大小）

IOS中修改图片的大小：修改分辨率和裁剪

elementUI上传图片限制图片格式，大小和尺寸问题

图片导成PDF后页面大小不同怎么办

怎么把图片文件大小调小