起因
起因是这样的，最近做图片站，搬运了一个别人的站点布局以及css啥的，其中遇到了一个问题。有这么一个图片
ori.png
就是这个美女图，做为背景是极好的，网站有几千个tag，准备每个tag都搞一张独一无二的背景图，那么问题来了，这种周边虚化的效果怎么搞？
.png
首先有个问题，那种虚化的东西是什么？一般的.jpg图片有三种色彩空间，即RGB，而.png不同，它有一个alpha通道，即不透明度，如果一个像素的alpha通道数值为0%，那它就是完全透明的，100%则意味着完全不透明。
而上面那么png，在某些地方打开显示的是一张完整的图片，只有在以png图片打开的情况下才会是这种显示。显然，上面那个.png周边那一圈虚化的地方，alpha值在0-100%之间，我们看上去就是这种效果了。
PIL
现在，我们需要一个脚本或者是什么的东西，来批处理一堆图片，我本身对python比较熟悉，想到的自然是python的PIL。PIL是python image library的简称，很有名，一搜一堆简介，不介绍了。简单的列下基础知识，更多更详细的就看http://pillow.readthedocs.io/en/4.2.x/
* im = Image.open(image_path) 该方法不会真的打开，智慧读入头部信息，很快
* im.thumbnail(size) // size -> tuple (x,y) 生成缩略图
* box = (100,100,400,400) region = im.crop(box) crop一个300*300px的图像
* im.paste(region, box) 把region 复制到图像中
* r, g, b = im.split() im = Image.merge("RGB", (b, g, r))分离通道和合并通道（这个很有意思
* new_im = Image.merge("RGB",[r,g,b]) 这个方法很重要，传入的是mode以及各个通道的值
* im.convert("L") change mode
* out = im.filter(ImageFilter.DETAIL) 过滤器 颜色增强，还有其他过滤器
* out = im.point(lambda i: i * 1.2) 对每个像素点进行操作
实现
我们要做的很简单，把上面那个.png的的A通道取出来，再把要加工图片的RGB三个通道取出来，merge一下就可以了。
# -*- coding: utf-8 -*-
"""
生成tag page 的背景图
"""
from PIL import Image
template_image = "/tmp/ori.png"
template = Image.open(template_image)
# 拿到A通道
a_band = template.split()[-1]
# 拿到图片的尺寸
template_size = template.size
def resize_and_crop(ori_image, target_size):
"""
这个方法写的巨乱，简单的说就是为了获取到和原始图片一样大小的一个图片，我采取的方法是先缩放，再截图。
输入的必须是宽图，切除target_size大小的图片，先resize，然后取中间。
:param ori_image: 需要处理的图片
:param target_size: 目标尺寸
:return: Image
"""
ori_width, ori_height = ori_image.size
result_width = target_size[0]
result_height = result_width * ori_height / ori_width
crop_top = (result_height - target_size[1]) / 2
crop_bottom = crop_top + target_size[1]
return ori_image.resize((result_width, result_height)).crop((0, crop_top, result_width, crop_bottom))
def append_band(image, band):
return Image.merge("RGBA", image.split() + (band,))
if __name__ == '__main__':
path = "/tmp/todo_image.jpg"
image = Image.open(path)
image_result = append_band(resize_and_crop(image, template_size), a_band)
image_result.save("/tmp/result.png")
很简单的一个脚本，核心就是抽出A通道再加上去，代码最多的部分是那个巨丑的得到目标尺寸图片的方法，暂时也想不到其他更好的办法了，就先这么写着了。
附一张处理完之后的图片
image.png
后记
这个东西大概耗费了我一天多的时间，主要是一开始想偏了，往ps那类的方向去想了，后来瞎看PIL的一些东西，看到通道的时候意识到这个根本就是一个一般的RGB的图片加了个透明度的通道嘛...简单的很，脚本半小时不到就啪啪啪打出来了，把线上图片捞了一波下来一跑（说的简单...又有几个坑...因为这个方法要求固定比例大小的比较好，找图片又花了一些时间），都还不错，很爽。
网友评论