30行代码实现一个带UI界面的图片背景移除工具:并附带web网页

简介: 人工智能技术正处于蓬勃发展中,移除图片背景的方法众多,涵盖了各式各样的实现途径和模型。然而,这些方法往往在安装和配置环境方面稍显复杂。今天,介绍一种极其简便的方法——大约30行代码,就能实现这一功能。虽然相比之下可能稍显简单,但对于不太苛刻的需求来说,这种方法颇为方便实用。

人工智能技术正处于蓬勃发展中,移除图片背景的方法众多,涵盖了各式各样的实现途径和模型。然而,这些方法往往在安装和配置环境方面稍显复杂。今天,介绍一种极其简便的方法——大约30行代码,就能实现这一功能。虽然相比之下可能稍显简单,但对于不太苛刻的需求来说,这种方法颇为方便实用。

最终效果图

软件UI

Web UI

前置:python3是必须的,>=3.8,<=3.12

创建并激活虚拟环境

一个项目使用一个独立的虚拟环境,这是一个好习惯,避免模块冲突,同时也方便未来可能的打包。


创建一个英文目录并进入该文件夹,地址栏输入cmd回车,会打开一个cmd窗口,在窗口中输入命令python -m venv venv && .\venv\scripts\activate 创建并激活了虚拟环境


用pip安装2个库

  • pillow:这是python中用来处理图片的著名库
  • rembg:这是用来移除背景的核心库,主角就是它


执行命令安装:

pip install pillow rembg

非必须但建议

有条件最好搞个代理,以加速从github下载模型,当然没有也可以,但你懂的原因,速度很慢

如果有代理,加速代理地址端口是 127.0.0.1:10809,在cmd窗口中分别执行2条命令

set http_proxy=http://127.0.0.1:10809
set https_proxy=http://127.0.0.1:10809

创建个 start.py 文件

输入以下30行代码

from tkinter import *
from rembg import remove
from PIL import Image
from tkinter import filedialog
root = Tk()
root.geometry("800x400")
root.maxsize(800, 400)
root.minsize(800, 400)
root.title("移除图片背景")
caption = Label(root, text="")
def removeImageBg():
    filename = filedialog.askopenfilename(initialdir="/", title="选择一个png格式图片", filetypes=(("png图片", "*.png*"),))
    try:
        if(filename == ""):
            caption.configure(text="必须选择图片", fg="red")
        else:
            caption.configure(text="处理中请稍后...", fg="#333333")
            root.update_idletasks()
            openimg = Image.open(filename)
            removeBg = remove(openimg)
            removeBg.save(f"{filename}-已删除背景.png")
            caption.configure(text="处理完成", fg="#11934A")
            root.update_idletasks()
    except Exception as e:
        caption.configure(text=f"出错了{str(e)}", fg="red")
selectImgBtn = Button(text="选择png图片立即移除", padx=30, pady=10, bg="#76ABAE", fg="#31363F", cursor="hand2",   command=removeImageBg)
selectImgBtn.pack(side=TOP, anchor=CENTER, pady=20)
caption.pack(side=TOP, anchor=CENTER)
root.mainloop()

其实核心就是这3行

openimg = Image.open(filename)
removeBg = remove(openimg) 
removeBg.save(f"{filename}-已删除背景.png")
  • 读取要移除背景的原始图片:openimg = Image.open(filename)
  • 移除图片openimg中的背景: removeBg = remove(openimg)
  • 然后将移除背景后的新图片保存到计算机: removeBg.save(f"{filename}-已删除背景.png")


其他都是构建ui界面、输出处理信息等辅助元素。

执行 start.py

cmd窗口输入 python start.py,会显示开头的ui图,点击按钮选择要处理的原始png格式图片。


例如原始图片

选择原始图片后将立即自动处理。

处理完成


完成后将在原始图片同目录下创建“原图片名-已删除背景.png”图片,如下图,效果还凑合吧。

第一次使用时将自动下载模型

不论是ui界面形式还是命令行形式,第一次使用,将从GitHub上自动下载模型(167MB),如果未填写代理,下载可能很慢,或许只有几十几百kb,耐心等待哦。

如果有代理,速度或可到几MB,十几MB,下载将很快。

image.gif 编辑

到此就实现了 移除图片中的背景功能,而且除第一次使用需要联网下载模型,后续使用无需联网。

完整ui模式代码

from tkinter import *
from rembg import remove
from PIL import Image
from tkinter import filedialog
root = Tk()
root.geometry("800x400")
root.maxsize(800, 400)
root.minsize(800, 400)
root.title("移除图片背景")
caption = Label(root, text="")
def removeImageBg():
    filename = filedialog.askopenfilename(initialdir="/", title="选择一个png格式图片", filetypes=(("png图片", "*.png*"),))
    try:
        if(filename == ""):
            caption.configure(text="必须选择图片", fg="red")
        else:
            caption.configure(text="处理中请稍后...", fg="#333333")
            root.update_idletasks()
            openimg = Image.open(filename)
            removeBg = remove(openimg)
            removeBg.save(f"{filename}-已删除背景.png")
            caption.configure(text="处理完成", fg="#11934A")
            root.update_idletasks()
    except Exception as e:
        caption.configure(text=f"出错了{str(e)}", fg="red")
selectImgBtn = Button(text="选择png图片立即移除", padx=30, pady=10, bg="#1d7dfa", fg="#ffffff", cursor="hand2",   command=removeImageBg)
selectImgBtn.pack(side=TOP, anchor=CENTER, pady=20)
caption.pack(side=TOP, anchor=CENTER)
root.mainloop()

image.gif


不想要界面,只想要命令行使用

那么代码将更简单,仅需5行

from rembg import remove
from PIL import Image
input=Image.open("./2.png")
output=remove(input)
output.save("./2-remove.png")

image.gif

2.png为原始要处理的图片,2-remove.png 是处理后的图片。

想使用GPU加速:有英伟达显卡,并且不那么旧

cmd窗口中分别执行下面2条命令(莫忘了激活虚拟环境哦)

pip uninstall -y rembg
pip install onnxruntime rembg[gpu,cli]

image.gif

然后重新去执行python start.py 即可

想构建一个web界面,在网页中使用

也很简单,继续执行命令

pip install gradio aiohttp watchdog filetype asyncer

image.gif

执行完毕后,接着执行

rembg s --host 0.0.0.0 --port 7000

image.gif

将自动打开web界面


相关文章
|
1月前
|
数据处理
「Mac畅玩鸿蒙与硬件45」UI互动应用篇22 - 评分统计工具
本篇将带你实现一个评分统计工具,用户可以对多个选项进行评分。应用会实时更新每个选项的评分结果,并统计平均分。这一功能适合用于问卷调查或评分统计的场景。
153 65
|
2月前
|
移动开发 开发者 HTML5
构建响应式Web界面:Flexbox与Grid的实战应用
【10月更文挑战第22天】随着互联网的普及,用户对Web界面的要求越来越高,不仅需要美观,还要具备良好的响应性和兼容性。为了满足这些需求,Web开发者需要掌握一些高级的布局技术。Flexbox和Grid是现代Web布局的两大法宝,它们分别由CSS3和HTML5引入,能够帮助开发者构建出更加灵活和易于维护的响应式Web界面。本文将深入探讨Flexbox和Grid的实战应用,并通过具体实例来展示它们在构建响应式Web界面中的强大能力。
56 3
|
4天前
不要再责怪你的UI设计师为什么没有用rp?ps?figma?sketch?xd?如何免费转换非在线工具收费转换-本文将教会你常规ui设计源文件格式相互之间如何转换并且保持矢量图和标注注释问题-优雅草央千澈
不要再责怪你的UI设计师为什么没有用rp?ps?figma?sketch?xd?如何免费转换非在线工具收费转换-本文将教会你常规ui设计源文件格式相互之间如何转换并且保持矢量图和标注注释问题-优雅草央千澈
|
3月前
|
JavaScript API 开发工具
(H5-Web3D-ThreeJS)在网页三维CAD中绘制窗户模型
本文介绍了如何使用mxcad3d在网页中创建一个简单的三维窗户模型。通过官方教程搭建环境,编写绘制窗户模型的代码,并在点击按钮后展示模型效果。最终模型包括窗框和玻璃部分,具备丰富的三维建模功能和便捷的API支持。
|
3月前
|
前端开发 开发者 容器
构建响应式Web界面:Flexbox与Grid布局的深度解析
【10月更文挑战第11天】本文深入解析了CSS3中的Flexbox和Grid布局,探讨了它们的特点、应用场景及使用方法。Flexbox适用于一维布局,如导航栏;Grid布局则适用于二维布局,如复杂网格。通过示例代码和核心属性介绍,帮助开发者灵活构建响应式Web界面。
68 5
|
4月前
|
小程序 前端开发 中间件
ThinkPHP 配置跨域请求,使用TP的内置跨域类配置,小程序和web网页跨域请求的区别及格式说明
本文介绍了如何在ThinkPHP框架中配置跨域请求,使用了TP内置的跨域类`\think\middleware\AllowCrossDomain::class`。文章还讨论了小程序和web网页在跨域请求格式上的区别,并提供了解决方案,包括修改跨域中间件源码以支持`Origin`和`token`。此外,还介绍了微信小程序跨域请求的示例和web网页前端发送Axios跨域请求的请求拦截器配置。
ThinkPHP 配置跨域请求,使用TP的内置跨域类配置,小程序和web网页跨域请求的区别及格式说明
|
3月前
|
Web App开发 前端开发 网络性能优化
Web网页端IM产品RainbowChat-Web的v7.2版已发布
RainbowChat-Web是一套Web网页端IM系统,是RainbowChat的姊妹系统(RainbowChat是一套基于开源IM聊天框架 MobileIMSDK (Github地址) 的产品级移动端IM系统)。
58 1
|
2月前
|
消息中间件 监控 Kafka
Apache Kafka 成为处理实时数据流的关键组件。Kafka Manager 提供了一个简洁的 Web 界面
随着大数据技术的发展,Apache Kafka 成为处理实时数据流的关键组件。Kafka Manager 提供了一个简洁的 Web 界面,方便管理和监控 Kafka 集群。本文详细介绍了 Kafka Manager 的部署步骤和基本使用方法,包括配置文件的修改、启动命令、API 示例代码等,帮助你快速上手并有效管理 Kafka 集群。
66 0
|
4月前
|
SQL 安全 搜索推荐
Web安全-伪静态网页
Web安全-伪静态网页
54 3
|
4月前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`&lt;img&gt;`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`&lt;a&gt;`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
74 13