首页
所有分类
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内置的模块与函数进行不同进制的数的转换
Mar 12 Python
Python编程实现的简单Web服务器示例
Jun 22 Python
Python搭建FTP服务器的方法示例
Jan 19 Python
python Celery定时任务的示例
Mar 13 Python
对python 匹配字符串开头和结尾的方法详解
Oct 27 Python
在python中实现将一张图片剪切成四份的方法
Dec 05 Python
浅析Python 读取图像文件的性能对比
Mar 07 Python
Python pandas自定义函数的使用方法示例
Nov 20 Python
python保留小数位的三种实现方法
Jan 07 Python
Django 如何使用日期时间选择器规范用户的时间输入示例代码详解
May 22 Python
matplotlib基础绘图命令之imshow的使用
Aug 13 Python
pytorch 移动端部署之helloworld的使用
Oct 30 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
persistedstate(1) Vue3(1) OutputStream(1) vuex(1) InputStream(1) Set接口(1) axios(1) HDR(1) HashSet集合(1) 高动态范围(1)
You might like
PHP新手上路（二）
2006/10/09 PHP
使用Curl进行抓取远程内容时url中文编码问题示例探讨
2013/10/29 PHP
php模板原理讲解
2013/11/13 PHP
php在linux下检测mysql同步状态的方法
2015/01/15 PHP
php类的扩展和继承用法实例
2015/06/20 PHP
ecshop添加菜单及权限分配问题
2017/11/21 PHP
laravel 实现划分admin和home 模块分组
2019/10/15 PHP
jquery 常用操作整理 基础入门篇
2009/10/14 Javascript
解析jquery获取父窗口的元素
2013/06/26 Javascript
js导出table到excel同时兼容FF和IE示例
2013/09/03 Javascript
Jquery.addClass始终无效原因分析
2013/09/08 Javascript
javascript怎么禁用浏览器后退按钮
2014/03/27 Javascript
javaScript年份下拉列表框内容为当前年份及前后50年
2014/05/28 Javascript
js中的hasOwnProperty和isPrototypeOf方法使用实例
2014/06/06 Javascript
Javascript调用函数方法的几种方式介绍
2015/03/20 Javascript
Jquery实现遮罩层的方法
2015/06/08 Javascript
原生JS实现旋转木马式图片轮播插件
2016/04/25 Javascript
JS检测移动端横竖屏的代码
2016/05/30 Javascript
详解angular分页插件tm.pagination二次触发问题解决方案
2018/07/20 Javascript
微信小程序框架wepy之动态控制类名
2018/09/14 Javascript
Bootstrap 按钮样式与使用代码详解
2018/12/09 Javascript
layui 数据表格复选框实现单选功能的例子
2019/09/19 Javascript
vue动态禁用控件绑定disable的例子
2019/10/28 Javascript
vue 使用class创建和清除水印的示例代码
2020/12/25 Vue.js
Python中表达式x += y和x = x+y 的区别详解
2017/06/20 Python
python执行scp命令拷贝文件及文件夹到远程主机的目录方法
2019/07/08 Python
python全局变量引用与修改过程解析
2020/01/07 Python
tensorflow实现测试时读取任意指定的check point的网络参数
2020/01/21 Python
html5如何在Canvas中实现自定义路径动画示例
2017/09/18 HTML / CSS
请解释流与文件有什么不同
2016/07/29 面试题
工程业务员工作职责
2013/12/07 职场文书
决心书范文
2014/03/11 职场文书
2015年教师党员自我评价材料
2015/03/04 职场文书
2015年社区纪检工作总结
2015/04/21 职场文书
2015年小学总务工作总结
2015/07/21 职场文书
Python基于Tkinter开发一个爬取B站直播弹幕的工具
2021/05/06 Python