首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Python

Python语言实现将图片转化为html页面

Posted in Python onDecember 06, 2017

PIL 图像处理库

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

安装 PIL 库

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

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

Python语言实现将图片转化为html页面

↑ 搜索 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把上面五个步骤封装了起来，这样一来就可以很方便的调用了。

from io import BytesIO
from PIL import Image
from PIL import ImageFilter
from urllib import request

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;
      min-width: {size}em;
    }}
  </style>
</head>
<body>
  {body}
</body>
</html>
'''
class Converter(object):
  def __init__(self, word='田', size=100):
    self.word, self.size = word, size
    self.font = '<font color="{color}">{word}</font>'

  # 读取url内容
  def __network(self, url):
    return request.urlopen(url).read()

  # 处理图片信息
  def __handle(self, binary):
    img = Image.open(BytesIO(binary)) # 打开制图片
    img.thumbnail((self.size, self.size)) # 压缩图片
    img.filter(ImageFilter.DETAIL) # 图片增强
    return img

  # 分析图片像素
  def __analysis(self, img):
    body = ''
    piexls = img.load()
    width, height = img.size
    for y in range(height):
      for x in range(width):
        r, g, b = piexls[x, y]
        body += self.font.format(
          color='#{:02x}{:02x}{:02x}'.format(r, g, b),
          word=self.word[((y * width + x) % len(self.word))]
        )
      body += '\n<br />\n'
    return body
  # 写入文件内容
  def __writefile(self, file, str):
    fo = open(file, 'w', encoding='utf8')
    try:
      fo.write(str)
    except IOError:
      raise Exception
    finally:
      fo.close()

  # 生成html文档
  def buildDOC(self, url, output):
    try:
      binary = self.__network(url)
      img = self.__handle(binary)
      html = TEMPLATE.format(
        title=self.word,
        body=self.__analysis(img),
        size=self.size
      ) # 向模板中填充数据
      self.__writefile(output, html)
    except Exception as err:
      print('Error:', err)
      return False
    else:
      print('Successful!')
      return True

导入 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

总结

以上就是本文关于Python实现将图片转化为html页面的全部内容，希望对大家有所帮助。感兴趣的朋友可以继续参阅本站其他相关专题，如有不足之处，欢迎留言指出。感谢朋友们对本站的支持！

Python语言实现将图片转化为html页面

- Author -

woider

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Python 相关文章推荐
Python中列表的一些基本操作知识汇总
May 20 Python
Python实现比较两个列表(list)范围
Jun 12 Python
Python中time模块与datetime模块在使用中的不同之处
Nov 24 Python
python 实时遍历日志文件
Apr 12 Python
不要用强制方法杀掉python线程
Feb 26 Python
Python实现脚本锁功能(同时只能执行一个脚本)
May 10 Python
TensorFlow打印tensor值的实现方法
Jul 27 Python
python画一个玫瑰和一个爱心
Aug 18 Python
在pycharm中显示python画的图方法
Aug 31 Python
详解Windows下PyCharm安装Numpy包及无法安装问题解决方案
Jun 18 Python
python3.8动态人脸识别的实现示例
Sep 21 Python
用 python 进行微信好友信息分析
Nov 28 Python
Python实现比较扑克牌大小程序代码示例
Dec 06 #Python
Python3简单实例计算同花的概率代码
Dec 06 #Python
Python基于回溯法解决01背包问题实例
Dec 06 #Python
Python基于动态规划算法解决01背包问题实例
Dec 06 #Python
Python机器学习之决策树算法实例详解
Dec 06 #Python
快速入门python学习笔记
Dec 06 #Python
Python中django学习心得
Dec 06 #Python
format(1) 计算器(5) 五子棋(12) 人工智能(2) 图像处理(1) PyTorch(1) 井字棋(1) 模型保存加载(1) 底部导航(1) 对齐打印(1)
You might like
ThinkPHP调用common/common.php函数提示错误function undefined的解决方法
2014/08/25 PHP
PHP mongodb操作类定义与用法示例【适合mongodb2.x和mongodb3.x】
2018/06/16 PHP
JS(jQuery)实现聊天接收到消息语言自动提醒功能详解【提示“您有新的消息请注意查收”】
2019/04/16 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
javascript 定义初始化数组函数
2009/09/07 Javascript
javascript面向对象之二 命名空间
2011/02/08 Javascript
JavaScript动态创建div属性和样式示例代码
2013/10/09 Javascript
触屏中的JavaScript事件分析
2015/02/06 Javascript
JavaScript将当前时间转换成UTC标准时间的方法
2015/04/06 Javascript
JavaScript操作XML文件之XML读取方法
2015/06/09 Javascript
js实现滚动条滚动到某个位置便自动定位某个tr
2021/01/20 Javascript
JavaScript操作class和style样式代码详解
2016/02/13 Javascript
JQuery ztree带筛选、异步加载实例讲解
2016/02/25 Javascript
jQuery针对input的class属性写了多个值情况下的选择方法
2016/06/03 Javascript
xmlplus组件设计系列之路由（ViewStack)（7）
2017/05/02 Javascript
JS实现简单短信验证码界面
2017/08/07 Javascript
Angular7中创建组件/自定义指令/管道的方法实例详解
2019/04/02 Javascript
Python性能优化的20条建议
2014/10/25 Python
python通过urllib2获取带有中文参数url内容的方法
2015/03/13 Python
十个Python程序员易犯的错误
2015/12/15 Python
python自动登录12306并自动点击验证码完成登录的实现源代码
2018/04/25 Python
python+selenium打印当前页面的titl和url方法
2018/06/22 Python
Python3.4解释器用法简单示例
2019/03/22 Python
softmax及python实现过程解析
2019/09/30 Python
Python集合操作方法详解
2020/02/09 Python
python如何调用字典的key
2020/05/25 Python
python中元组的用法整理
2020/06/15 Python
详解如何通过H5（浏览器/WebView/其他）唤起本地app
2017/12/11 HTML / CSS
综合素质的自我鉴定
2013/10/07 职场文书
成品仓管员岗位职责
2013/12/11 职场文书
全国税务系统先进集体事迹材料
2014/05/19 职场文书
新生入学欢迎词
2015/01/26 职场文书
旷课检讨书范文
2015/01/27 职场文书
庆祝教师节活动总结
2015/03/23 职场文书
2015年度物流工作总结
2015/04/30 职场文书
费用申请报告范文
2015/05/15 职场文书