Python 将图片转化为 HTML 页面_python 图片 html-程序员宅基地

技术标签： python

PIL 图像处理库

PIL（Python Imaging Library）是 Python 平台的图像处理标准库。不过 PIL 暂不支持 Python3，可以用 Pillow 代替，API是相同的。

安装 PIL 库

如果你安装了 pip 的话可以直接输入 pip install PIL 命令安装 Pillow。

或者在 PyCharm 中打开 [File] >> [settings] >> [project github] >> [project interpreter] 添加标准库：

↑ 搜索 Pillow 包，选中 Pillow，点击 Install Package 安装

PIL 使用方法

from PIL import Image

img = Image.open('source.jpg')  # 打开图片
width, height = img.size  # 图片尺寸

img.thumbnail((width / 2, height / 2))  # 缩略图
img = img.crop((0, 0, width / 2, width / 2)) # 图片裁剪
img = img.convert(mode='L')  # 图片转换
img = img.rotate(180)  # 图片旋转
img.save('output.jpg')  # 保存图片

↑ PIL 常用模块：Image, ImageFilter, ImageDraw, ImageFont, ImageEnhance, ImageFilter...

图片处理过程

图片转换成网页的过程，可以分成五个步骤。首先要选择一个合适的HTML模板，控制好字体的大小和字符间的间距。

然后通过 Python 的网络访问模块，根据URL获取图片。接着使用 PIL 模块载入二进制图片，将图片压缩到合适的尺寸。

遍历图片的每一个像素，得到该像素的颜色值，应用到HTML的标签上。最后把字符串信息输出到文件中，生成HTML文档。

定制模板

TEMPLATE = '''
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{title}</title>
    <style>
        body {
    {
            line-height: 1em;
            letter-spacing: 0;
            font-size: 0.6rem;
            background: black;
            text-align: center;
        }}
    </style>
</head>
<body>
    {body}
</body>
</html>
'''

↑ 大括号代表一个占位符，最后会被替换成实际内容，双大括号中的内容则不会被替换。

获取图片

from urllib import request

url = 'https://pic.cnblogs.com/avatar/875028/20160405220401.png'

binary = request.urlopen(url).read()

↑ 通过 URL 得到 byte 数组形式的图片。

处理图片

from PIL import Image
from io import BytesIO

img = Image.open(BytesIO(binary))
img.thumbnail((100, 100))  # 图片压缩

↑ byte 类型的图片需要通过 BytesIO 转换为 string 类型，才能被 PIL 处理。

生成HTML

piexl = img.load()  # 获取像素信息
width, height = img.size  # 获取图像尺寸

body, word = '', '博客园'
font = '<font color="{color}">{word}</font>'

for y in range(height):
    for x in range(width):
        r, g, b = piexl[x, y] # 获取像素RGB值
        body += font.format(
            color='#{:02x}{:02x}{:02x}'.format(r, g, b),
            word=word[((y * width + x) % len(word))]
        )
    body += '\n<br />\n'

↑ 使用<font>标签包裹文字，并根据相应像素的RGB值，设置<font>标签的color属性。

导出网页

html = TEMPLATE.format(title=word, body=body)

fo = open('index.html', 'w', encoding='utf8')
fo.write(html)
fo.close()

↑ 向HTML模板中填充处理完成的数据，使用文件流将字符串以utf8格式输出到文档。

img2html

wo把上面五个步骤封装了起来，这样一来就可以很方便的调用了。

img2html.py

导入 img2html.Converter，调用 buildDOC(url, out) 方法

from img2html import Converter

conv = Converter('卷福', 120)

url = 'http://www.sznews.com/ent/images/attachement/jpg/site3/20140215/001e4f9d7bf91469078115.jpg'
out = 'index.html'

conv.buildDOC(url, out)

↑ 程序会在当前目录生成 index.html 文件，需要用浏览器打开后才可以看到效果。

转换效果

原始图片	输出HTML

关注阿布的进击，获取最新信息

阿布的进击

本文链接：https://blog.csdn.net/knidly/article/details/79986831

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

MD5介绍以及如何破解MD5算法_md5解密算法-程序员宅基地

文章浏览阅读6.9k次，点赞5次，收藏7次。原文地址：https://blog.csdn.net/wufaliang003/article/details/79794982 https://www.cnblogs.com/xzwblog/p/6958056.html详细可参考原文。----------------------------------------------------..._md5解密算法

楼层平面放线及标高实测记录_刚到工地不会测量放线？方法和技巧都在这里！（纯干货）...-程序员宅基地

文章浏览阅读1.7k次。施工放线大致可以分三个阶段：建筑物定位(放线)、基础施工(放线)和主体施工(放线)。一、建筑物定位房屋建筑工程开工后的第一次放线，建筑物定位参加的人员是：城市规划部门(下属的测量队)及施工单位的测量人员，根据建筑规划定位图(总平面图)进行定位，最后在施工现场形成(至少)4个定位桩。放线工具为“全站仪”或“比较高级的经纬仪”。二、基础施工放线建筑物定位桩设定后，由施工单位的专业测量人员、施工现场负..._楼层平面放线及标高实测记录

汇编 shl和shr指令的使用_shl al,1-程序员宅基地

文章浏览阅读8.5w次，点赞27次，收藏54次。shl和shr是逻辑移位指令。shl是逻辑左移指令，它的功能为：（1）将一个寄存器或内存单元中的数据向左移位；（2）将最后移出的一位写入CF中；（3）最低位用0补充。指令：mov al,01001000bshl al,1 ;将al中数据左移一位执行后（al）=10010000b，CF=0。注意：如果移动位数大于1时，必须将移动位数放在cl中_shl al,1

关于libiconv.so.2-程序员宅基地

文章浏览阅读2k次。error while loading shared libraries: libiconv.so.2: cannot open shared object file: No such file or directory 1.先安装libiconv-1.*.tar.gzhttp://www.gnu.org/software/libiconv/#downloading 解决办法如下：1.在/etc/ld.so.co_libiconv.so.2

【意识与意识障碍定义与分类】意识障碍患者的分类与特征_crs-r评分标准-程序员宅基地

文章浏览阅读2k次。意识与意识障碍的定义，常见量表_crs-r评分标准

5-借助GeoServer创建图层组_geoserver图层组-程序员宅基地

文章浏览阅读1.8k次。我们在3-借助QGIS和Geoserver发布一个Shapefile一文中介绍过如何借助QGIS对图层进行符号化并在GeoServer中进行了发布。本文我们将发布多个图层，以展示一幅完整的地图。准备工作：将数据放置在GeoServer安装目录的data_dir目录下（我这里的路径为C:\geoserver-2.19.2\data_dir，则数据的目录为C:\geoserver-2.19.2\data_dir\zy）。首先需要创建一个数据源，即设置一个数据存储位置。如下图所示，依次点击【数据存储】→【_geoserver图层组

随便推点

python随机生成列表的五种方法，数据库开发面试自我介绍_用随机函数创建一个列表-程序员宅基地

文章浏览阅读848次，点赞23次，收藏9次。Python崛起并且风靡，因为优点多、应用领域广、被大牛们认可。学习 Python 门槛很低，但它的晋级路线很多，通过它你能进入机器学习、数据挖掘、大数据，CS等更加高级的领域。Python可以做网络应用，可以做科学计算，数据分析，可以做网络爬虫，可以做机器学习、自然语言处理、可以写游戏、可以做桌面应用…Python可以做的很多，你需要学好基础，再选择明确的方向。这里给大家分享一份全套的 Python 学习资料，给那些想学习 Python 的小伙伴们一点帮助！_用随机函数创建一个列表