关于图片压缩

关于图片压缩,首先理解两个概念

1.“压” 是指 在不改变图片的尺寸,像素点的前提下,改变文件的体积变小,所以质量就丢失了. ->降低清晰度

2.“缩” 是指 改变了图片的尺寸,也就是像素点减少,文件的体积随之变小.

2.1关于PNG和JPEG格式”压”处理

UIImageJPEGRepresentation函数需要两个参数:图片的引用和压缩系数

UIImagePNGRepresentation只需要图片引用作为参数.

UIImagePNGRepresentation(UIImage *image)要比UIImageJPEGRepresentation(UIImage* image, 1.0)返回的图片数据量大很多.

同样的一张照片, 使用UIImagePNGRepresentation(image)返回的数据量大小为200K,而UIImageJPEGRepresentation(image, 1.0)返回的数据量大小只为150K,比前者少了50K.

如果对图片的清晰度要求不是极高,建议使用UIImageJPEGRepresentation,可以大幅度降低图片数据量.比如,刚才拍摄的图片,通过调用UIImageJPEGRepresentation(image, 1.0)读取数据时,返回的数据大小为140K,但更改压缩系数为0.5再读取数据时,返回的数据大小只有11K,大大压缩了图片的数据量,而且清晰度并没有相差多少,图片的质量并没有明显的降低。因此,在读取图片数据内容时,建议优先使用UIImageJPEGRepresentation,并可根据自己的实际使用场景,设置压缩系数,进一步降低图片数据量大小。

提示:压缩系数不宜太低,通常是0.3~0.7,过小则可能会出现黑边等。

3、图片“缩”处理

1.计算出原图的宽高比例   宽除以高

2.计算出imageView的宽高比例   宽除以高

3.比较两个比例

第一种算法

//如果原图的比例> view显示的比例大比例变成小比例

//第1步把图片裁剪成与view同比例的图片(以图片的高度为依据)

//裁剪的尺寸的x值= (图片的宽度-图片的高度*view的比例)/2   (除以2是为了得出x值,让截图从截取中间的值)

//裁剪成比例的图片

//第2步传入view的高度(以view的高度为依据)

//计算缩放的比例view的高度/图片的高度

//开启一个在原图片宽度乘以比例view高度的上下文把图片也画到同样的上下文中

//将图片也画到相同的框内

//如果原图的比例< view显示的比例小比例变成大比例

//第1步把图片裁剪成与view同比例的图片(以图片的宽度不变为依据)

//裁剪的尺寸的y值= (图片的高度- view的高度/view的宽度*图片的宽度)/2   (除以2是为了得出y值,让截图从截取中间的值)

//第2步按照传入view的宽度(以view的宽度为依据)

//计算缩放的比例view的宽度/图片的宽度

//开启一个在view的宽度图片的高度乘以比例的上下文把图片也画到同样的上下文中

//将图片也画到相同的框内

相关代码如下


//MARK:自动裁剪

public func autoClip(_ viewFrame:CGSize) -> UIImage?

{

//获取view的3倍的大小

let viewSize3x = CGSize(width: viewFrame.width*3, height: viewFrame.height*3)

//图片的宽除以图片的高度

let selfPercent = size.width/size.height

//view的宽除以view的高度

let viewPercent = viewSize3x.width/viewSize3x.height

//需要裁剪

if selfPercent > viewPercent

{

let outSide = (size.width - viewPercent*size.height)/2

if let clipImg = clip(CGRect(x: outSide, y: 0, width: size.width-outSide*2, height: size.height))

{

if let scanImg = clipImg.scaleToHeight(viewSize3x.height)

{

return scanImg

}

}

} else {

let outSide = (size.height - viewSize3x.height/viewSize3x.width*size.width)/2

if let clipImg = clip(CGRect(x: 0, y: outSide, width: size.width, height: size.height-outSide*2))

{

if let scanImg = clipImg.scaleToWidth(viewSize3x.width)

{

return scanImg

}

}

}

return nil

}

//MARK:根据宽和高较大的值缩放

public func scaleToMax(_ scalVal:CGFloat)->UIImage?

{

var scal:CGFloat=0

var isWidthBig=true

if size.height >= size.width

{

isWidthBig=false

}

if isWidthBig

{

scal=scalVal/size.width

}

else

{

scal=scalVal/size.height

}

UIGraphicsBeginImageContext(CGSize(width: size.width*scal, height: size.height*scal))

draw(in: CGRect(x: 0, y: 0, width: size.width*scal, height: size.height*scal))

let result = UIGraphicsGetImageFromCurrentImageContext()

UIGraphicsEndImageContext();

return result

}

//MARK:根据宽缩放

public func scaleToWidth(_ width:CGFloat)->UIImage?

{

var scal:CGFloat=0

scal=width/size.width

UIGraphicsBeginImageContext(CGSize(width: width, height: size.height*scal))

draw(in: CGRect(x: 0, y: 0, width: width, height: size.height*scal))

let result = UIGraphicsGetImageFromCurrentImageContext()

UIGraphicsEndImageContext();

return result

}

//MARK:根据高缩放

public func scaleToHeight(_ height:CGFloat)->UIImage?

{

var scal:CGFloat=0

scal=height/size.height

UIGraphicsBeginImageContext(CGSize(width: size.width*scal, height: height))

draw(in: CGRect(x: 0, y: 0, width: size.width*scal, height: height))

let result = UIGraphicsGetImageFromCurrentImageContext()

UIGraphicsEndImageContext();

return result

}

第二种算法

计算宽度比   view的宽度除以图片的宽度

计算高度比   view的高度除以图片的高度

如果宽度比大于高度比方的变成竖的

缩放比例按照宽度比计算

否则缩放比例按照高度比计算

缩放后的宽度就是 图片的宽度乘以缩放比

缩放后的高度就是 图片的高度乘以缩放比

如果宽度比大于高度比    方的变成竖的

改变开始画的y点 目标view的高度 - 缩放的高度 再除以2

如果宽度比小于高度比    方的变成横的

否则改变开始画的x点 =  目标view的宽度 - 缩放的宽度 再除以2

开启上下文  与目标的view一样大

创建一个rect  设置origin的起始点   和缩放的大小

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,009评论 5 474
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,808评论 2 378
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 148,891评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,283评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,285评论 5 363
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,409评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,809评论 3 393
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,487评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,680评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,499评论 2 318
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,548评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,268评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,815评论 3 304
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,872评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,102评论 1 258
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,683评论 2 348
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,253评论 2 341

推荐阅读更多精彩内容

  • LZ-Says:小沈阳版程序员~~~程序员其实可痛苦的了......需求一做一改,一个月就过去了;嚎~需求再一改一...
    静心Study阅读 3,823评论 1 14
  • 对图片压缩这一块之前也没具体研究过,因为项目中要处理用户发布的图片,所以Google了一下这个问题... 第一部分...
    LukeHua阅读 8,623评论 2 9
  • 最近在做一个图片上传的功能,发现上传的图片经常超过2M,而且还会造成OutOfMemoryError。同时拍照的相...
    凤舞梦想阅读 1,240评论 0 15
  • 手势图片控件 PinchImageView 点击图片框架 photoView packagecom.example...
    Ztufu阅读 715评论 0 1
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,722评论 1 92