惠州网站优化建设,网站模板免费下载网页模板,app开发公司十强,建立网站基本知识1. 需求场景
在实际开发中#xff0c;我们会遇到一种很无聊#xff0c;但是又必须实现的需求#xff0c;就是比如协议、大量的宣传页面、大量的静态介绍页面、或者大量静态页面#xff0c;但是页面高度很高#xff0c;甚至高度可能会达到50000px#xff0c;但是为了渲染…1. 需求场景
在实际开发中我们会遇到一种很无聊但是又必须实现的需求就是比如协议、大量的宣传页面、大量的静态介绍页面、或者大量静态页面但是页面高度很高甚至高度可能会达到50000px但是为了渲染友好的需求因此就需要将图片切小比如规定高度300px每张就需要切一百多张图片可想如果做那种一个省份的每个县城的介绍页面页面就有几十个一个页面少的都要切割几十张多的上百张是不是一个让人崩溃的需求但是作为开发人员我们要学会自己开发一些小工具让我们从这些无聊而又不得不实现的需求中解放出来。小工具开发我曾经遇到的最多的是自己切图开发四十多个静态介绍页面当时不会python切到发吐有时psd还会卡死崩溃的一天
2. 需求实现
图片切割方法很多比如 PIL 和 OPENCV由于我之前学习过 opencv因此本文采用 opencv 实现获取我们需要切割图片的固定高度需要切割的图片筛选完成对图片的切割保存切割好的图片。
3. 需要切割图片预览 4. 筛选需要切割的图片
获取路径下的所有文件筛选其中的图片文件返回图片名称列表。
# 获取文件夹下所有图片文件名称
def get_all_image_names(path):# 获取路径下的所有文件names os.listdir(path)# 筛选其中的图片文件返回图片名称列表image_names list(filter(lambda x : x.split(.).pop() in [jpg, png, jpeg, bmp], names))return image_names5. 单个图片切割
获取需要切割图片的固定高度所需要切割图片的存放路径切割后图片的存放位置读取全部需要切割的图片名称循环获取图片名称单独获取图片名称单独处理当前需要切割图片。
if __name__ __main__:# 获取需要切割图片的固定高度init_img_h int(input(请输入切割图片的固定高度))# 所需要切割图片的存放路径path ./images# 切割后图片的存放位置if not os.path.exists(f./out_images/):os.makedirs(f./out_images/)# 读取全部需要切割的图片名称images get_all_image_names(path)# 循环获取图片名称for name in images:# 单独获取图片名称key_name name.split(.)[0]# 单独处理当前需要切割图片handle_single_image(f{path}/{name}, init_img_h, key_name)6. 图片处理
读取图片获取图片的宽高根据固定高度和图片高度计算需要切割的图片张数计算切割图片的结束Y坐标如果计算的结束坐标大于图片高度直接使用图片高度作为结束坐标调用opencv的切割封装方法获取切割后的图片对象保存切割后的图像。
# 处理切割单张图片
def handle_single_image(path, init_img_h, key_name):# 读取图片获取图片的宽高img cv.imread(path)h,w,c img.shape# 根据固定高度和图片高度计算需要切割的图片张数for val in range(math.ceil(h / init_img_h)):# 计算切割图片的结束Y坐标end_h (val 1) * init_img_h# 如果计算的结束坐标大于图片高度直接使用图片高度作为结束坐标if end_h h:end_h h# 调用opencv的切割封装方法获取切割后的图片对象crop_img crop_image(img, 0, val * init_img_h, w, end_h)# 保存切割后的图像cv.imwrite(f./out_images/{key_name}{%05d%val}.png,crop_img)7. 切割封装
# 切割图片
def crop_image(img,startX,startY,endX,endY):# 根据传入的坐标值进行图像切割crop_img img[startY:endY, startX:endX]return crop_img8. 完整代码
import cv2 as cv
import os
import math# 获取文件夹下所有图片文件名称
def get_all_image_names(path):# 获取路径下的所有文件names os.listdir(path)# 筛选其中的图片文件返回图片名称列表image_names list(filter(lambda x : x.split(.).pop() in [jpg, png, jpeg, bmp], names))return image_names# 处理切割单张图片
def handle_single_image(path, init_img_h, key_name):# 读取图片获取图片的宽高img cv.imread(path)h,w,c img.shape# 根据固定高度和图片高度计算需要切割的图片张数for val in range(math.ceil(h / init_img_h)):# 计算切割图片的结束Y坐标end_h (val 1) * init_img_h# 如果计算的结束坐标大于图片高度直接使用图片高度作为结束坐标if end_h h:end_h h# 调用opencv的切割封装方法获取切割后的图片对象crop_img crop_image(img, 0, val * init_img_h, w, end_h)# 保存切割后的图像cv.imwrite(f./out_images/{key_name}{%05d%val}.png,crop_img)# 切割图片
def crop_image(img,startX,startY,endX,endY):# 根据传入的坐标值进行图像切割crop_img img[startY:endY, startX:endX]return crop_imgif __name__ __main__:# 获取需要切割图片的固定高度init_img_h int(input(请输入切割图片的固定高度))# 所需要切割图片的存放路径path ./images# 切割后图片的存放位置if not os.path.exists(f./out_images/):os.makedirs(f./out_images/)# 读取全部需要切割的图片名称images get_all_image_names(path)# 循环获取图片名称for name in images:# 单独获取图片名称key_name name.split(.)[0]# 单独处理当前需要切割图片handle_single_image(f{path}/{name}, init_img_h, key_name)9. 切割结果 10. 总结
还可以将生成静态页面的代码创建一个函数集成进来这样就能直接一下将几十个页面全部完成由于不同需求开发页面不同因此此处没有进行集成。最开始的方案是给定切割张数然后计算每张的高度但是这个方案有个问题就是计算出来的高度是浮点数因此存在很多精确度的问题前后两张图片之间会拼接不对等因此采用固定高度方案小于固定高度时使用剩余的作为高度。
