好玩的html代码

这是一个表情符号搜索网站,里面有各种各样的表情图标,我们聊天的时候,可以将喜欢的表情,直接复制,发到聊天窗口,非常方便。

网站还是对各类表情做了标签分类处理,查找起来非常方便。

 

代码:

<!DOCTYPE html>
<html>
  <head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>🤣 Emoji表情大全,颜文字百科 💌 - EmojiXD</title>
	<meta name="description" content="Emoji百科全书📚收录了所有emoji,帮你通过分类或者搜索轻松找到合适的表情符号,并了解各种emoji符号的相关知识和使用情景。最近热门emoji:🍹🐼💑🍱💝⛹️💃🍟🍦"/>
	<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Emoji搜索">
	<link rel="stylesheet" href="https://cdn.staticfile.org/bulma/0.7.5/css/bulma.min.css">
	<link rel="stylesheet" href="https://cdn.staticfile.org/basscss/8.1.0/css/basscss.min.css">
	<style>
	.round-border {border: 1px solid #000; border-radius:1.2rem; width:2.4rem;height:2.4rem; line-height: 2.4rem;text-align:center; display: inline-block;font-weight:200;background: yellow;margin-left:5px;}
	.emoji {font-family: apple color emoji,segoe ui emoji,noto color emoji,android emoji,emojisymbols,emojione mozilla,twemoji mozilla,segoe ui symbol;}
	.emoji-item {border:3px solid #eee; border-radius: 5px; color: #363636;}
	.emoji-item:hover {color: #3273dc; border-color:#ccc;}
	.catelinks a {font-size:0.85em; color:#555;margin-right:15px;display: inline-block;}
	@media screen and (max-width: 1023px) {
		.search-bar {display:none;}
	}
	@media screen and (min-width: 1024px) {
		.m-search-bar {display:none;}
	}
	</style>
	
<style>
.emoji-samples {
	padding:10px 5px;
	background: #eee;
}
.emoji-sample {
	display: inline-block;
	width: 24px;
	height: 24px;
	padding:2px;
	overflow:hidden;
}
.group-header {
	color: #363636;
}
.group-header:hover {
	color: #3273dc;
}
.pockets {
	margin: 0 10px;
}
.pocket {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px dashed #ddd;
	border-top: 1px solid #eee;
	padding-top: 2px;
	border-radius: 3px 3px 20px 20px;
	overflow:hidden;
	display: block;
}
.pocket-title {
	text-align:center;
	border-top: 2px solid #eee;
	padding: 5px 0;
	color: #363636;
}
.pocket-samples {
	text-align:center;
	padding: 8px;
	background: #e0f5ff;
}
.pockets-header {
	border-top: 3px solid #ffdd57;
	margin-top: 0.5rem;
	padding: 10px;
}
@media (max-width: 768px) {
	.pockets {margin:0}
}
@media screen and (min-width: 1024px) {
	.m-promote {display:none;}
}
</style>

	<script>
	var _hmt = _hmt || [];
	(function() {
		var hm = document.createElement("script");
		hm.src = "https://hm.baidu.com/hm.js?b1a6b0df4704d54cbd8a47499b2ae036";
		var s = document.getElementsByTagName("script")[0]; 
		s.parentNode.insertBefore(hm, s);
	})();
	</script>
  </head>
  <body>
	<nav class="navbar" role="navigation" aria-label="main navigation">
		<div class="navbar-brand">
			<a class="navbar-item is-size-4" href="https://emojixd.com">
			Emoji<span class="round-border">XD</span>
			</a>
			
			<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbar-links">
			<span aria-hidden="true"></span>
			<span aria-hidden="true"></span>
			<span aria-hidden="true"></span>
			</a>
		</div>
		
		<div id="navbar-links" class="navbar-menu">
			<div class="navbar-start">
				<a class="navbar-item" href="/">🔖 首页</a>
				<a class="navbar-item" href="/list">📖 所有颜文字</a>
				<a class="navbar-item" href="/pockets">🛍️ 颜文字口袋</a>
				<a class="navbar-item" href="/news">📓 Emoji杂志</a>
				
			</div>
			<div class="navbar-end">
				
				
				
				
			</div>
		</div>
		</nav>
	
	
<div class="container max-width-2 mt3 mb2 px2">
	<form class="field has-addons" action="/search" method="GET">
		<div class="control" style="flex-grow:1">
			<input class="input" type="text" name="q" placeholder="输入关键词,查找合适的Emoji"">
		</div>
		<div class="control">
			<button class="button is-warning" type="submit">🔎</button>
		</div>
	</form>
</div>
<div class="m-promote center">
	
</div>
<div class="container max-width-4 mt2">
	<div class="clearfix">
		<div class="col md-col-9 col-12">
			<div class="clearfix">
				
				
				<div class="col md-col-4 col-6">
					<div class="block emoji-item m1">
						<a class="group-header center p1" href="/group/smileys-emotion">
							<h3 class="h3">表情与情感</h3>
							<h3 class="h5 underline">Smileys &amp; Emotion</h3>
						</a>
						<div class="emoji-samples center">
							
							<a class="emoji-sample emoji" title="外星怪物" href="/x7sl">👾</a>
							
							<a class="emoji-sample emoji" title="羞涩微笑" href="/x7q4">😊</a>
							
							<a class="emoji-sample emoji" title="头晕" href="/x7tn">💫</a>
							
							<a class="emoji-sample emoji" title="心叹号" href="/x7t9">❣️</a>
							
							<a class="emoji-sample emoji" title="哈哈" href="/x7pu">😃</a>
							
							<a class="emoji-sample emoji" title="心跳" href="/x7t5">💓</a>
							
							<a class="emoji-sample emoji" title="头骨" href="/x7sd">💀</a>
							
							<a class="emoji-sample emoji" title="沉默" href="/x7qs">😶</a>
							
							<a class="emoji-sample emoji" title="疲倦的猫" href="/x7st">🙀</a>
							
							<a class="emoji-sample emoji" title="一百分" href="/x7tk">💯</a>
							
							<a class="emoji-sample emoji" title="脸红" href="/x7rq">😳</a>
							
							<a class="emoji-sample emoji" title="舞动的心" href="/x7t6">💞</a>
							
							<a class="emoji-sample emoji" title="生气的猫" href="/x7sv">😾</a>
							
							<a class="emoji-sample emoji" title="牛仔帽脸" href="/x7re">🤠</a>
							
							<a class="emoji-sample emoji" title="滑稽" href="/x7qh">🤪</a>
							
							<a class="emoji-sample emoji" title="苦笑" href="/x7py">😅</a>
							
							<a class="emoji-sample emoji" title="闭嘴" href="/x7qo">🤐</a>
							
							<a class="emoji-sample emoji" title="心碎" href="/x7ta">💔</a>
							
							<a class="emoji-sample emoji" title="奸笑的猫" href="/x7sr">😼</a>
							
							<a class="emoji-sample emoji" title="笑哭了" href="/x7q0">😂</a>
							
							<a class="emoji-sample emoji" title="心型装饰" href="/x7t8">💟</a>
							
							<a class="emoji-sample emoji" title="微笑" href="/x7qb">☺️</a>
							
							<a class="emoji-sample emoji" title="安静的脸" href="/x7qm">🤫</a>
							
							<a class="emoji-sample emoji" title="想一想" href="/x7qn">🤔</a>
							
						</div>
					</div>
					
				</div>
				
				
				
				<div class="col md-col-4 col-6">
					<div class="block emoji-item m1">
						<a class="group-header center p1" href="/group/people-body">
							<h3 class="h3">人物与身体</h3>
							<h3 class="h5 underline">People &amp; Body</h3>
						</a>
						<div class="emoji-samples center">
							
							<a class="emoji-sample emoji" title="家庭: 男人女人男孩" href="/x91r">👨‍👩‍👦</a>
							
							<a class="emoji-sample emoji" title="女卫兵" href="/x8fw">💂‍♀️</a>
							
							<a class="emoji-sample emoji" title="男人: 红发" href="/x822">👨‍🦰</a>
							
							<a class="emoji-sample emoji" title="男超级英雄" href="/x8j2">🦸‍♂️</a>
							
							<a class="emoji-sample emoji" title="穿燕尾服的人" href="/x8hq">🤵</a>
							
							<a class="emoji-sample emoji" title="女法官" href="/x8ae">👩‍⚖️</a>
							
							<a class="emoji-sample emoji" title="厨师" href="/xa60">🧑‍🍳</a>
							
							<a class="emoji-sample emoji" title="家庭: 男人男人女孩女孩" href="/x920">👨‍👨‍👧‍👧</a>
							
							<a class="emoji-sample emoji" title="戴瓜皮帽的人" href="/x8he">👲</a>
							
							<a class="emoji-sample emoji" title="男生摔跤" href="/x8x2">🤼‍♂️</a>
							
							<a class="emoji-sample emoji" title="腿" href="/x7zj">🦵</a>
							
							<a class="emoji-sample emoji" title="给我打电话" href="/x7vs">🤙</a>
							
							<a class="emoji-sample emoji" title="男生冲浪" href="/x8t7">🏄‍♂️</a>
							
							<a class="emoji-sample emoji" title="OK手势女" href="/x862">🙆‍♀️</a>
							
							<a class="emoji-sample emoji" title="举起拳头" href="/x7xa">✊</a>
							
							<a class="emoji-sample emoji" title="男宇航员" href="/x8dw">👨‍🚀</a>
							
							<a class="emoji-sample emoji" title="成人: 红发" href="/xa4i">🧑‍🦰</a>
							
							<a class="emoji-sample emoji" title="女生耸肩" href="/x892">🤷‍♀️</a>
							
							<a class="emoji-sample emoji" title="双手合十" href="/x7yn">🙏</a>
							
							<a class="emoji-sample emoji" title="盘腿的男人" href="/x8ys">🧘‍♂️</a>
							
							<a class="emoji-sample emoji" title="男生游泳" href="/x8u7">🏊‍♂️</a>
							
							<a class="emoji-sample emoji" title="举重" href="/x8v1">🏋️</a>
							
							<a class="emoji-sample emoji" title="鼓掌" href="/x7xy">👏</a>
							
							<a class="emoji-sample emoji" title="家庭: 男人男人男孩男孩" href="/x91z">👨‍👨‍👦‍👦</a>
							
						</div>
					</div>
					
				</div>
				
				
				
				<div class="col md-col-4 col-6">
					<div class="block emoji-item m1">
						<a class="group-header center p1" href="/group/animals-nature">
							<h3 class="h3">动物与自然</h3>
							<h3 class="h5 underline">Animals &amp; Nature</h3>
						</a>
						<div class="emoji-samples center">
							
							<a class="emoji-sample emoji" title="羽毛" href="/xagy">🪶</a>
							
							<a class="emoji-sample emoji" title="玫瑰" href="/x95l">🌹</a>
							
							<a class="emoji-sample emoji" title="圆形花饰" href="/x95k">🏵️</a>
							
							<a class="emoji-sample emoji" title="马头" href="/x932">🐴</a>
							
							<a class="emoji-sample emoji" title="枯萎的花" href="/x95m">🥀</a>
							
							<a class="emoji-sample emoji" title="服务犬" href="/x92r">🐕‍🦺</a>
							
							<a class="emoji-sample emoji" title="枫叶" href="/x960">🍁</a>
							
							<a class="emoji-sample emoji" title="导盲犬" href="/x92q">🦮</a>
							
							<a class="emoji-sample emoji" title="马" href="/x933">🐎</a>
							
							<a class="emoji-sample emoji" title="鲸鱼" href="/x94x">🐋</a>
							
							<a class="emoji-sample emoji" title="小鸡" href="/x94b">🐤</a>
							
							<a class="emoji-sample emoji" title="兔子" href="/x93u">🐇</a>
							
							<a class="emoji-sample emoji" title="臭鼬" href="/x943">🦨</a>
							
							<a class="emoji-sample emoji" title="爪印" href="/x946">🐾</a>
							
							<a class="emoji-sample emoji" title="贵宾犬" href="/x92s">🐩</a>
							
							<a class="emoji-sample emoji" title="白花" href="/x95j">💮</a>
							
							<a class="emoji-sample emoji" title="瓢虫" href="/x95a">🐞</a>
							
							<a class="emoji-sample emoji" title="四叶草" href="/x95z">🍀</a>
							
							<a class="emoji-sample emoji" title="龟" href="/x94p">🐢</a>
							
							<a class="emoji-sample emoji" title="松鼠" href="/x93v">🐿️</a>
							
							<a class="emoji-sample emoji" title="大野牛" href="/xagt">🦬</a>
							
							<a class="emoji-sample emoji" title="稻子" href="/x95w">🌾</a>
							
							<a class="emoji-sample emoji" title="火鸡" href="/x947">🦃</a>
							
							<a class="emoji-sample emoji" title="蝴蝶" href="/x956">🦋</a>
							
						</div>
					</div>
					
				</div>
				
				
				
				<div class="col md-col-4 col-6">
					<div class="block emoji-item m1">
						<a class="group-header center p1" href="/group/food-drink">
							<h3 class="h3">食物与饮料</h3>
							<h3 class="h5 underline">Food &amp; Drink</h3>
						</a>
						<div class="emoji-samples center">
							
							<a class="emoji-sample emoji" title="面条" href="/x97y">🍜</a>
							
							<a class="emoji-sample emoji" title="月饼" href="/x985">🥮</a>
							
							<a class="emoji-sample emoji" title="干杯" href="/x993">🍻</a>
							
							<a class="emoji-sample emoji" title="饺子" href="/x987">🥟</a>
							
							<a class="emoji-sample emoji" title="奶黄" href="/x98r">🍮</a>
							
							<a class="emoji-sample emoji" title="筷子" href="/x99a">🥢</a>
							
							<a class="emoji-sample emoji" title="墨西哥粽子" href="/xahe">🫔</a>
							
							<a class="emoji-sample emoji" title="圆筒冰激凌" href="/x98f">🍦</a>
							
							<a class="emoji-sample emoji" title="炸豆丸子" href="/x97i">🧆</a>
							
							<a class="emoji-sample emoji" title="胡萝卜" href="/x96n">🥕</a>
							
							<a class="emoji-sample emoji" title="乌贼" href="/x98d">🦑</a>
							
							<a class="emoji-sample emoji" title="披萨" href="/x97c">🍕</a>
							
							<a class="emoji-sample emoji" title="菠萝" href="/x969">🍍</a>
							
							<a class="emoji-sample emoji" title="葡萄酒" href="/x98z">🍷</a>
							
							<a class="emoji-sample emoji" title="天妇罗" href="/x983">🍤</a>
							
							<a class="emoji-sample emoji" title="刨冰" href="/x98g">🍧</a>
							
							<a class="emoji-sample emoji" title="双耳瓶" href="/x99f">🏺</a>
							
							<a class="emoji-sample emoji" title="寿司" href="/x982">🍣</a>
							
							<a class="emoji-sample emoji" title="扁面包" href="/xahd">🫓</a>
							
							<a class="emoji-sample emoji" title="马黛茶" href="/x998">🧉</a>
							
							<a class="emoji-sample emoji" title="盒饭" href="/x97t">🍱</a>
							
							<a class="emoji-sample emoji" title="三明治" href="/x97e">🥪</a>
							
							<a class="emoji-sample emoji" title="幸运饼干" href="/x988">🥠</a>
							
							<a class="emoji-sample emoji" title="外卖盒" href="/x989">🥡</a>
							
						</div>
					</div>
					
				</div>
				
				
				
				<div class="col md-col-4 col-6">
					<div class="block emoji-item m1">
						<a class="group-header center p1" href="/group/travel-places">
							<h3 class="h3">旅行与地理</h3>
							<h3 class="h5 underline">Travel &amp; Places</h3>
						</a>
						<div class="emoji-samples center">
							
							<a class="emoji-sample emoji" title="消防车" href="/x9bn">🚒</a>
							
							<a class="emoji-sample emoji" title="一点" href="/x9dd">🕐</a>
							
							<a class="emoji-sample emoji" title="迎面驶来的警车" href="/x9bp">🚔</a>
							
							<a class="emoji-sample emoji" title="星星" href="/x9eg">⭐</a>
							
							<a class="emoji-sample emoji" title="东京塔" href="/x9ai">🗼</a>
							
							<a class="emoji-sample emoji" title="温度计" href="/x9eb">🌡️</a>
							
							<a class="emoji-sample emoji" title="婚礼" href="/x9ah">💒</a>
							
							<a class="emoji-sample emoji" title="四点" href="/x9dj">🕓</a>
							
							<a class="emoji-sample emoji" title="夜晚" href="/x9at">🌃</a>
							
							<a class="emoji-sample emoji" title="地铁" href="/x9bb">🚇</a>
							
							<a class="emoji-sample emoji" title="教堂" href="/x9ak">⛪</a>
							
							<a class="emoji-sample emoji" title="房屋建筑" href="/x9a0">🏘️</a>
							
							<a class="emoji-sample emoji" title="印度寺庙" href="/x9am">🛕</a>
							
							<a class="emoji-sample emoji" title="日本地图" href="/x99l">🗾</a>
							
							<a class="emoji-sample emoji" title="帆船" href="/x9ci">⛵</a>
							
							<a class="emoji-sample emoji" title="无轨电车" href="/x9bk">🚎</a>
							
							<a class="emoji-sample emoji" title="地球上的美洲" href="/x99h">🌎</a>
							
							<a class="emoji-sample emoji" title="闪亮的星星" href="/x9eh">🌟</a>
							
							<a class="emoji-sample emoji" title="独木舟" href="/x9cj">🛶</a>
							
							<a class="emoji-sample emoji" title="小巴" href="/x9bl">🚐</a>
							
							<a class="emoji-sample emoji" title="房子" href="/x9a2">🏠</a>
							
							<a class="emoji-sample emoji" title="小屋" href="/xahm">🛖</a>
							
							<a class="emoji-sample emoji" title="两点半" href="/x9dg">🕝</a>
							
							<a class="emoji-sample emoji" title="蒸汽火车" href="/x9b6">🚂</a>
							
						</div>
					</div>
					
				</div>
				
				
				
				<div class="col md-col-4 col-6">
					<div class="block emoji-item m1">
						<a class="group-header center p1" href="/group/activities">
							<h3 class="h3">活动</h3>
							<h3 class="h5 underline">Activities</h3>
						</a>
						<div class="emoji-samples center">
							
							<a class="emoji-sample emoji" title="滑冰" href="/x9gl">⛸️</a>
							
							<a class="emoji-sample emoji" title="爆竹" href="/x9fe">🧨</a>
							
							<a class="emoji-sample emoji" title="银牌" href="/x9fz">🥈</a>
							
							<a class="emoji-sample emoji" title="正中靶心的飞镖" href="/x9gs">🎯</a>
							
							<a class="emoji-sample emoji" title="套娃" href="/xahw">🪆</a>
							
							<a class="emoji-sample emoji" title="结" href="/xahy">🪢</a>
							
							<a class="emoji-sample emoji" title="彩罐" href="/xahu">🪅</a>
							
							<a class="emoji-sample emoji" title="圣诞树" href="/x9fb">🎄</a>
							
							<a class="emoji-sample emoji" title="七夕树" href="/x9fj">🎋</a>
							
							<a class="emoji-sample emoji" title="台球" href="/x9gv">🎱</a>
							
							<a class="emoji-sample emoji" title="潜水面罩" href="/x9gn">🤿</a>
							
							<a class="emoji-sample emoji" title="气球" href="/x9fg">🎈</a>
							
							<a class="emoji-sample emoji" title="水晶球" href="/x9gw">🔮</a>
							
							<a class="emoji-sample emoji" title="雪橇" href="/x9gq">🛷</a>
							
							<a class="emoji-sample emoji" title="老虎机" href="/x9h0">🎰</a>
							
							<a class="emoji-sample emoji" title="保龄球" href="/x9ga">🎳</a>
							
							<a class="emoji-sample emoji" title="奖牌" href="/x9fx">🏅</a>
							
							<a class="emoji-sample emoji" title="游戏操控杆" href="/x9gz">🕹️</a>
							
							<a class="emoji-sample emoji" title="兵" href="/x9h8">♟️</a>
							
							<a class="emoji-sample emoji" title="奖杯" href="/x9fw">🏆</a>
							
							<a class="emoji-sample emoji" title="方片" href="/x9h6">♦️</a>
							
							<a class="emoji-sample emoji" title="魔棒" href="/xahs">🪄</a>
							
							<a class="emoji-sample emoji" title="表演艺术" href="/x9hc">🎭</a>
							
							<a class="emoji-sample emoji" title="足球" href="/x9g1">⚽</a>
							
						</div>
					</div>
					
				</div>
				
				
				
				<div class="col md-col-4 col-6">
					<div class="block emoji-item m1">
						<a class="group-header center p1" href="/group/objects">
							<h3 class="h3">物品</h3>
							<h3 class="h5 underline">Objects</h3>
						</a>
						<div class="emoji-samples center">
							
							<a class="emoji-sample emoji" title="水枪" href="/x9mo">🔫</a>
							
							<a class="emoji-sample emoji" title="钥匙和锁" href="/x9me">🔐</a>
							
							<a class="emoji-sample emoji" title="卡片盒" href="/x9m8">🗃️</a>
							
							<a class="emoji-sample emoji" title="卷纸" href="/x9np">🧻</a>
							
							<a class="emoji-sample emoji" title="骨灰缸" href="/x9nw">⚱️</a>
							
							<a class="emoji-sample emoji" title="海绵" href="/x9nr">🧽</a>
							
							<a class="emoji-sample emoji" title="摩埃" href="/x9nx">🗿</a>
							
							<a class="emoji-sample emoji" title="毕业帽" href="/x9ih">🎓</a>
							
							<a class="emoji-sample emoji" title="标签页" href="/x9kq">📑</a>
							
							<a class="emoji-sample emoji" title="趋势向上且带有日元符号的图表" href="/x9l1">💹</a>
							
							<a class="emoji-sample emoji" title="报纸" href="/x9ko">📰</a>
							
							<a class="emoji-sample emoji" title="控制旋钮" href="/x9j2">🎛️</a>
							
							<a class="emoji-sample emoji" title="公文包" href="/x9lo">💼</a>
							
							<a class="emoji-sample emoji" title="救生衣" href="/x9hl">🦺</a>
							
							<a class="emoji-sample emoji" title="连体泳衣" href="/x9hw">🩱</a>
							
							<a class="emoji-sample emoji" title="链条" href="/x9my">⛓️</a>
							
							<a class="emoji-sample emoji" title="培养皿" href="/x9n3">🧫</a>
							
							<a class="emoji-sample emoji" title="白十字头盔" href="/x9ij">⛑️</a>
							
							<a class="emoji-sample emoji" title="电平滑块" href="/x9j1">🎚️</a>
							
							<a class="emoji-sample emoji" title="三角裤" href="/x9hx">🩲</a>
							
							<a class="emoji-sample emoji" title="皇冠" href="/x9ie">👑</a>
							
							<a class="emoji-sample emoji" title="信封" href="/x9l4">✉️</a>
							
							<a class="emoji-sample emoji" title="灯泡" href="/x9k8">💡</a>
							
							<a class="emoji-sample emoji" title="台式电脑" href="/x9jm">🖥️</a>
							
						</div>
					</div>
					
				</div>
				
				
				
				<div class="col md-col-4 col-6">
					<div class="block emoji-item m1">
						<a class="group-header center p1" href="/group/symbols">
							<h3 class="h3">符号标志</h3>
							<h3 class="h5 underline">Symbols</h3>
						</a>
						<div class="emoji-samples center">
							
							<a class="emoji-sample emoji" title="红色倒三角" href="/x9tu">🔻</a>
							
							<a class="emoji-sample emoji" title="A型血" href="/x9s3">🅰️</a>
							
							<a class="emoji-sample emoji" title="白色方形按钮" href="/x9tx">🔳</a>
							
							<a class="emoji-sample emoji" title="日文的“预留”按钮" href="/x9so">🈯</a>
							
							<a class="emoji-sample emoji" title="回收标志" href="/x9qq">♻️</a>
							
							<a class="emoji-sample emoji" title="推出按钮" href="/x9qf">⏏️</a>
							
							<a class="emoji-sample emoji" title="按键: 2" href="/x9rp">2️⃣</a>
							
							<a class="emoji-sample emoji" title="日文的“可接受”按钮" href="/x9st">🉑</a>
							
							<a class="emoji-sample emoji" title="信号强度条" href="/x9qj">📶</a>
							
							<a class="emoji-sample emoji" title="蓝色圆" href="/x9t5">🔵</a>
							
							<a class="emoji-sample emoji" title="狮子座" href="/x9pp">♌</a>
							
							<a class="emoji-sample emoji" title="停车按钮" href="/x9sg">🅿️</a>
							
							<a class="emoji-sample emoji" title="日文的“申请”按钮" href="/x9su">🈸</a>
							
							<a class="emoji-sample emoji" title="VS按钮" href="/x9sj">🆚</a>
							
							<a class="emoji-sample emoji" title="八轮辐星号" href="/x9r8">✳️</a>
							
							<a class="emoji-sample emoji" title="上一个音轨按钮" href="/x9q7">⏮️</a>
							
							<a class="emoji-sample emoji" title="紫色方块" href="/x9tf">🟪</a>
							
							<a class="emoji-sample emoji" title="粗美元符号" href="/x9l3">💲</a>
							
							<a class="emoji-sample emoji" title="绿色圆" href="/x9t4">🟢</a>
							
							<a class="emoji-sample emoji" title="饮用水" href="/x9o0">🚰</a>
							
							<a class="emoji-sample emoji" title="阴阳" href="/x9pe">☯️</a>
							
							<a class="emoji-sample emoji" title="红色方块" href="/x9ta">🟥</a>
							
							<a class="emoji-sample emoji" title="取款机" href="/x9ny">🏧</a>
							
							<a class="emoji-sample emoji" title="ON! 箭头" href="/x9p6">🔛</a>
							
						</div>
					</div>
					
				</div>
				
				
				
				<div class="col md-col-4 col-6">
					<div class="block emoji-item m1">
						<a class="group-header center p1" href="/group/flags">
							<h3 class="h3">旗帜</h3>
							<h3 class="h5 underline">Flags</h3>
						</a>
						<div class="emoji-samples center">
							
							<a class="emoji-sample emoji" title="旗: 津巴布韦" href="/xa1b">🇿🇼</a>
							
							<a class="emoji-sample emoji" title="旗: 皮特凯恩群岛" href="/x9zc">🇵🇳</a>
							
							<a class="emoji-sample emoji" title="旗: 伊朗" href="/x9xb">🇮🇷</a>
							
							<a class="emoji-sample emoji" title="旗: 希腊" href="/x9wr">🇬🇷</a>
							
							<a class="emoji-sample emoji" title="旗: 纽埃" href="/x9z1">🇳🇺</a>
							
							<a class="emoji-sample emoji" title="旗: 萨摩亚" href="/xa15">🇼🇸</a>
							
							<a class="emoji-sample emoji" title="旗: 美属萨摩亚" href="/x9uh">🇦🇸</a>
							
							<a class="emoji-sample emoji" title="旗: 圣巴泰勒米" href="/x9uw">🇧🇱</a>
							
							<a class="emoji-sample emoji" title="旗: 利比里亚" href="/x9xy">🇱🇷</a>
							
							<a class="emoji-sample emoji" title="旗: 肯尼亚" href="/x9xi">🇰🇪</a>
							
							<a class="emoji-sample emoji" title="旗: 巴拉圭" href="/x9zh">🇵🇾</a>
							
							<a class="emoji-sample emoji" title="旗: 东帝汶" href="/xa0h">🇹🇱</a>
							
							<a class="emoji-sample emoji" title="旗: 圣多美和普林西比" href="/xa04">🇸🇹</a>
							
							<a class="emoji-sample emoji" title="旗: 葡萄牙" href="/x9zf">🇵🇹</a>
							
							<a class="emoji-sample emoji" title="旗: 汤加" href="/xa0k">🇹🇴</a>
							
							<a class="emoji-sample emoji" title="旗: 乌拉圭" href="/xa0v">🇺🇾</a>
							
							<a class="emoji-sample emoji" title="旗: 委内瑞拉" href="/xa0z">🇻🇪</a>
							
							<a class="emoji-sample emoji" title="旗: 休达及梅利利亚" href="/x9vz">🇪🇦</a>
							
							<a class="emoji-sample emoji" title="旗: 蒙古" href="/x9ye">🇲🇳</a>
							
							<a class="emoji-sample emoji" title="旗: 加拿大" href="/x9v8">🇨🇦</a>
							
							<a class="emoji-sample emoji" title="旗: 斯洛文尼亚" href="/x9zv">🇸🇮</a>
							
							<a class="emoji-sample emoji" title="旗: 挪威" href="/x9yy">🇳🇴</a>
							
							<a class="emoji-sample emoji" title="旗: 吉布提" href="/x9vu">🇩🇯</a>
							
							<a class="emoji-sample emoji" title="旗: 中国" href="/x9vi">🇨🇳</a>
							
						</div>
					</div>
					
				</div>
				
				
				
				
			</div>
		</div>
		<div class="col md-col-3 col-12">
			<div class="pockets clearfix">
				<h2 class="h3 center pockets-header">颜文字小口袋</h2>
				
				<div class="col md-col-12 col-6 px1">
				<a class="pocket " href="/pocket/mid-autumn-2020">
					<h3 class="pocket-title">中秋国庆</h3>
					<div class="pocket-samples emoji truncate">
					🥮🎑🌕🇨🇳🧧🏮🍁
					</div>
				</a>
				</div>
				
				<div class="col md-col-12 col-6 px1">
				<a class="pocket " href="/pocket/freedom">
					<h3 class="pocket-title">我要自由表情集</h3>
					<div class="pocket-samples emoji truncate">
					🗽🔓🪁✊✔️🉑🎉
					</div>
				</a>
				</div>
				
				<div class="col md-col-12 col-6 px1">
				<a class="pocket " href="/pocket/qingming">
					<h3 class="pocket-title">清明表情集</h3>
					<div class="pocket-samples emoji truncate">
					🌧️💐🧹⚰️💮🏕️🍡🪁🙇
					</div>
				</a>
				</div>
				
				<div class="col md-col-12 col-6 px1">
				<a class="pocket " href="/pocket/science">
					<h3 class="pocket-title">科学技术表情符号</h3>
					<div class="pocket-samples emoji truncate">
					👩‍🔬👨‍🔬☣️🧫🔬🛰️🪐🧲
					</div>
				</a>
				</div>
				
				<div class="col md-col-12 col-6 px1">
				<a class="pocket " href="/pocket/invest">
					<h3 class="pocket-title">投资理财表情集</h3>
					<div class="pocket-samples emoji truncate">
					🤑💰💹😱🐂🐻🏦🎢
					</div>
				</a>
				</div>
				
				<div class="col md-col-12 col-6 px1">
				<a class="pocket " href="/pocket/Arbor_Day">
					<h3 class="pocket-title">植树节表情集</h3>
					<div class="pocket-samples emoji truncate">
					🌱💧🌲🌳🍁🍂🍃🏕️🪓
					</div>
				</a>
				</div>
				
				<a class="block center" href="/pockets">💠 查看所有口袋</a>
			</div>
		</div>
	</div>
</div>


	<footer class="footer mt4">
	<div class="container">
	<div class=" columns">
		<div class="column is-3">
			<h5 class="h2 my1">Emoji<span class="round-border">XD</span>®️</h5>
			<p class="my2 is-size-7">EmojiXD是一本线上Emoji百科全书📚,收录了所有emoji,帮你通过分类或者搜索轻松找到合适的表情符号,并了解各种emoji符号的相关知识和使用情景</p>
			<p class="my2 has-text-grey">©️ Copyright 2022, EmojiXD Team</p>
			<p class="has-text-grey-light">Made with ❤️ by 🐱 & 🐼</p>
		</div>
		<div class="column is-3 catelinks">
			<h5 class="h3 my1"><a href="/group/smileys-emotion">表情与情感</a></h5>
			<a href="/subgroup/face-smiling">笑脸</a><a href="/subgroup/face-affection">爱慕</a><a href="/subgroup/face-tongue">吐舌</a><a href="/subgroup/face-neutral-skeptical">怀疑</a><a href="/subgroup/face-sleepy">困倦</a><a href="/subgroup/face-glasses">眼镜</a><a href="/subgroup/face-concerned">担心</a><a href="/subgroup/cat-face">猫脸</a><a href="/subgroup/monkey-face">猴脸</a><a href="/subgroup/emotion">情感</a>

			<h5 class="h3 mb1 mt2"><a href="/group/travel-places">旅行与地理</a></h5>
			<a href="/subgroup/place-map">地图</a><a href="/subgroup/place-geographic">地形</a><a href="/subgroup/place-building">建筑</a><a href="/subgroup/place-religious">宗教场所</a><a href="/subgroup/transport-ground">陆地交通</a><a href="/subgroup/transport-water">水上交通</a><a href="/subgroup/transport-air">空中交通</a><a href="/subgroup/hotel">旅馆</a><a href="/subgroup/time">时间</a><a href="/subgroup/sky &amp; weather">天象气候</a>
			
			<h5 class="h3 mb1 mt2"><a href="/group/activities">活动</a></h5>
			<a href="/subgroup/event">节庆</a><a href="/subgroup/award-medal">奖牌奖杯</a><a href="/subgroup/sport">体育</a><a href="/subgroup/game">游戏</a><a href="/subgroup/arts &amp; crafts">艺术与工艺</a>
		</div>
		<div class="column is-3 catelinks">
			<h5 class="h3 my1"><a href="/group/symbols">符号标志</a></h5>
				<a href="/subgroup/transport-sign">地点</a><a href="/subgroup/warning">警告</a><a href="/subgroup/arrow">箭头</a><a href="/subgroup/religion">宗教</a><a href="/subgroup/zodiac">十二星座</a><a href="/subgroup/av-symbol">视频播放</a><a href="/subgroup/gender">性别</a><a href="/subgroup/keycap">键帽</a><a href="/subgroup/alphanum">字母文字</a><a href="/subgroup/geometric">几何图形</a>

			<h5 class="h3 mb1 mt2"><a href="/group/animals-nature">动物与自然</a></h5>
				<a href="/subgroup/animal-mammal">哺乳动物</a><a href="/subgroup/animal-bird">鸟类</a><a href="/subgroup/animal-amphibian">两栖动物</a><a href="/subgroup/animal-reptile">爬行动物</a><a href="/subgroup/animal-marine">海洋动物</a><a href="/subgroup/animal-bug">虫类</a><a href="/subgroup/plant-flower">花朵</a><a href="/subgroup/plant-other">植物</a>
			
			<h5 class="h3 mb1 mt2"><a href="/group/food-drink">食物与饮料</a></h5>
			<a href="/subgroup/food-fruit">水果</a><a href="/subgroup/food-vegetable">蔬菜</a><a href="/subgroup/food-prepared">熟食</a><a href="/subgroup/food-marine">海鲜</a><a href="/subgroup/food-sweet">甜食</a><a href="/subgroup/drink">饮料</a><a href="/subgroup/dishware">餐具</a>
			
		</div>
		<div class="column is-3 catelinks">
			<h5 class="h3 my1"><a href="/group/people-body">人物与身体</a></h5>
			<a href="/subgroup/body-parts">身体部位</a><a href="/subgroup/person">人脸</a><a href="/subgroup/person-gesture">手势</a><a href="/subgroup/person-role">职业</a><a href="/subgroup/person-fantasy">虚构人物</a><a href="/subgroup/person-activity">活动</a><a href="/subgroup/person-sport">运动</a><a href="/subgroup/person-resting">休息</a><a href="/subgroup/family">家庭</a><a href="/subgroup/person-symbol">人物标志</a>

			<h5 class="h3 mb1 mt2"><a href="/group/objects">物品</a></h5>
			<a href="/subgroup/clothing">衣物</a><a href="/subgroup/sound">音响</a><a href="/subgroup/music">音乐</a><a href="/subgroup/musical-instrument">乐器</a><a href="/subgroup/phone">电话</a><a href="/subgroup/computer">电脑</a><a href="/subgroup/light &amp; video">摄影</a><a href="/subgroup/book-paper">书籍纸张</a><a href="/subgroup/money">钱和资产</a><a href="/subgroup/mail">信件</a><a href="/subgroup/writing">笔</a><a href="/subgroup/office">办公</a><a href="/subgroup/lock">锁和钥匙</a><a href="/subgroup/tool">工具</a><a href="/subgroup/science">科学</a><a href="/subgroup/medical">医药</a><a href="/subgroup/household">家居</a>
			<div class="is-size-6 mt2"><span>较新版本: </span>&nbsp;&nbsp;
				<a href="/version/12.0">12.0</a>
				<a href="/version/12.1">12.1</a>
				<a href="/version/13.0">13.0</a>
				<a href="/version/13.1">13.1</a>
				<a href="/version/14.0">14.0</a>
			</div>
		</div>
	</div>
</div>

	</footer>

	<script>
	document.addEventListener('DOMContentLoaded', () => {
		const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
		if ($navbarBurgers.length > 0) {
			$navbarBurgers.forEach( el => {
			el.addEventListener('click', () => {
				const target = el.dataset.target;
				const $target = document.getElementById(target);
				el.classList.toggle('is-active');
				$target.classList.toggle('is-active');
			});
			});
		}

	});
	</script>
	
  </body>
</html>

这是一个在线一键智能抠图网站,它不仅能扣图片的背景,还能将视频的背景扣除替换背景,个人体验了10来个在线智能抠图的网站,这个算是最好用的一个网站,它们还开发了一个插件,可以直接安装到PS里,进行一键智能抠图,非常好用。

 

代码:

<!DOCTYPE HTML>
<html lang="zh">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>
    在线抠图软件_图片去除背景 | remove.bg – remove.bg
  </title>
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no">
  <meta name="author" content="Kaleido">

  <meta property="og:title" content="在线抠图软件_图片去除背景 | remove.bg – remove.bg" />
  <meta property="og:image" content="https://sb.kaleidousercontent.com/67418/1200x630/f1247b0410/remove-bg.jpg" />
  <meta property="twitter:image" content="https://sb.kaleidousercontent.com/67418/1200x630/f1247b0410/remove-bg.jpg" />
  <meta property="og:url" content="https://www.remove.bg/zh" />
  <meta property="og:site_name" content="remove.bg">
  <meta property="og:description" content="remove.bg在线抠图软件轻松实现一键抠图,只需上传图片,无需其他操作,即可100%自动去除图片背景。" />
  <meta property="twitter:title" content="在线抠图软件_图片去除背景 | remove.bg – remove.bg" />
  <meta property="twitter:url" content="https://www.remove.bg/zh" />
  <meta name="twitter:card" content="summary_large_image">

  <meta property="appsignal:frontend" content="b677ac28-2e69-418d-82c7-231790f57fef" />

  <meta property="feature:pixabay" content="false" />
  <meta property="naver-site-verification" content="52d097c5b981cc6d5407437bcff989ff867e5766" />

     <meta property="split:edit_button_experiment" content="dark" />

  <meta property="canva-env" content="production" />

    <meta name="robots" content="index, follow">

  <link rel="canonical" href="https://www.remove.bg/zh" />
  <meta name="description" content="remove.bg在线抠图软件轻松实现一键抠图,只需上传图片,无需其他操作,即可100%自动去除图片背景。" />

  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=YAXaAv7pao">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=YAXaAv7pao">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=YAXaAv7pao">
  <link rel="manifest" href="/site.webmanifest?v=YAXaAv7pao">
  <link rel="mask-icon" href="/safari-pinned-tab.svg?v=YAXaAv7pao" color="#009af6">
  <link rel="shortcut icon" href="/favicon.ico?v=YAXaAv7pao">
  <meta name="apple-mobile-web-app-title" content="remove.bg">
  <meta name="application-name" content="remove.bg">
  <meta name="msapplication-TileColor" content="#da532c">
  <meta name="theme-color" content="#f7f9fa">

  <link href="https://fonts.googleapis.com/css?family=Poppins:700" rel="stylesheet">

  <meta name="upload-page:t" content="{&quot;current_locale&quot;:&quot;zh&quot;,&quot;url&quot;:&quot;https://www.remove.bg/zh/upload&quot;,&quot;trust_tokens_url&quot;:&quot;/zh/trust_tokens&quot;,&quot;images_url&quot;:&quot;/zh/images&quot;,&quot;title&quot;:&quot;上传图片 – remove.bg&quot;,&quot;mobile_app_supports_login&quot;:null,&quot;meta_description&quot;:&quot;选择一张图片并消除背景 - 100% 全自动 - 仅用 5 秒钟 - 无需点击 - 而且免费。&quot;,&quot;upload_image&quot;:&quot;上传图片&quot;,&quot;or_drop_a_file&quot;:&quot;或者拖放一个文件&quot;,&quot;paste_text_start&quot;:&quot;粘贴图片或&quot;,&quot;paste_text_url&quot;:&quot;URL&quot;,&quot;paste_text_end&quot;:&quot; &quot;,&quot;no_image&quot;:&quot;没有图片?&quot;,&quot;try_one_of_these&quot;:&quot;试试这些图片:&quot;,&quot;upload_terms_html&quot;:&quot;上传图片或URL,表示您同意我们的\u003ca target=\&quot;_blank\&quot; class=\&quot;text-dark font-weight-bold\&quot; href=\&quot;/zh/tos\&quot;\u003e服务条款\u003c/a\u003e。本网站受到hCaptcha及其\u003ca target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot; class=\&quot;text-dark font-weight-bold\&quot; href=\&quot;https://hcaptcha.com/privacy\&quot;\u003e隐私政策\u003c/a\u003e保护,并适用\u003ca target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot; class=\&quot;text-dark font-weight-bold\&quot; href=\&quot;https://hcaptcha.com/terms\&quot;\u003e服务条款\u003c/a\u003e。\n&quot;,&quot;upload_terms_prism&quot;:&quot;上传图片或URL,表示您同意我们的\u003ca target=\&quot;_blank\&quot; class=\&quot;text-typo-secondary underline\&quot; draggable=\&quot;false\&quot; href=\&quot;/zh/tos\&quot;\u003e服务条款\u003c/a\u003e。本网站受到hCaptcha及其\u003ca target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot; class=\&quot;text-typo-secondary underline\&quot; draggable=\&quot;false\&quot; href=\&quot;https://hcaptcha.com/privacy\&quot;\u003e隐私政策\u003c/a\u003e保护,并适用\u003ca target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot; class=\&quot;text-typo-secondary underline\&quot; draggable=\&quot;false\&quot; href=\&quot;https://hcaptcha.com/terms\&quot;\u003e服务条款\u003c/a\u003e。\n&quot;,&quot;upload_page_heading_html&quot;:&quot;上传一张图片以\u003cbr/\u003e消除背景&quot;,&quot;upload_page_heading_first_signin_html&quot;:&quot;你获得了 1 免费点数。\u003cbr/\u003e让我们开始吧!&quot;,&quot;waiting_for_previous_images&quot;:&quot;正在等待之前的图片……&quot;,&quot;preparing_upload&quot;:&quot;正在准备上传中……&quot;,&quot;uploading&quot;:&quot;正在上传……&quot;,&quot;skip&quot;:&quot;跳过&quot;,&quot;for_025_credits&quot;:&quot;0.25 个积分&quot;,&quot;current_balance&quot;:&quot;当前余额&quot;,&quot;failed_to_delete_image&quot;:&quot;未能删除图片。&quot;,&quot;drop_paste_text_start&quot;:&quot;或拖放文件,粘贴图片或&quot;,&quot;drop_paste_text_url&quot;:&quot;URL&quot;,&quot;drop_paste_text_end&quot;:&quot; &quot;,&quot;image_url&quot;:&quot;图片 URL&quot;,&quot;invalid_image_url&quot;:&quot;无效的图片 URL&quot;,&quot;only_jpg_png_supported&quot;:&quot;仅支持 JPG 或 PNG 图片。&quot;,&quot;max_file_size_exceeded&quot;:&quot;文件大小不得超过 12 MB。&quot;,&quot;image_corrupted&quot;:&quot;您尝试上传的文件与remove.bg不兼容,或者文件已损坏。请确保您上传的所有文件的扩展名正确,并且没有损坏。&quot;,&quot;image_resized&quot;:&quot;请注意:由于文件大小超过 12 MB,因此重新调整了图片尺寸。&quot;,&quot;dont_forget_to_download&quot;:&quot;别忘了下载您的文件。它们将在 60 分钟后被自动废弃。&quot;,&quot;drop_image_anywhere&quot;:&quot;从任何地方拖放图片于此&quot;,&quot;one_at_a_time&quot;:&quot;一次一个文件&quot;,&quot;download&quot;:&quot;下载&quot;,&quot;original&quot;:&quot;原始图&quot;,&quot;removed_background&quot;:&quot;已消除背景&quot;,&quot;edit&quot;:&quot;编辑&quot;,&quot;preview_image&quot;:&quot;预览图&quot;,&quot;full_image&quot;:&quot;全图&quot;,&quot;rate_this_result&quot;:&quot;给这个结果评分&quot;,&quot;rate_good&quot;:&quot;好评&quot;,&quot;rate_bad&quot;:&quot;差评&quot;,&quot;spread_the_word&quot;:&quot;告诉他人&quot;,&quot;tweet_message&quot;:&quot;我刚通过 remove.bg 仅用 5 秒钟就消除了一张图片的背景 &quot;,&quot;tweet&quot;:&quot;推文&quot;,&quot;share&quot;:&quot;分享&quot;,&quot;thanks_for_feedback&quot;:&quot;感谢您的反馈!&quot;,&quot;not_available&quot;:&quot;不可用&quot;,&quot;toggle_dropdown&quot;:&quot;切换下拉菜单&quot;,&quot;preview&quot;:&quot;预览&quot;,&quot;high_res&quot;:&quot;高分辨率&quot;,&quot;sorry&quot;:&quot;抱歉……&quot;,&quot;could_not_identify_foreground&quot;:&quot;无法识别前景&quot;,&quot;please_select_supported_foreground&quot;:&quot;请选择前景和背景有明显区别的图片。例如,不妨试试人物、产品、动物、汽车或其他物体的照片。&quot;,&quot;example_gallery&quot;:&quot;示例图库&quot;,&quot;photo_recommendations&quot;:&quot;照片推荐&quot;,&quot;constantly_improving&quot;:&quot;我们一直致力于支持更多的图片。&quot;,&quot;want_to_help&quot;:&quot;希望捐助这张图用以训练人工智能从而帮助我们改进?&quot;,&quot;help_us_improve&quot;:&quot;帮助我们改进&quot;,&quot;contribute_image&quot;:&quot;捐助图片&quot;,&quot;good_quality&quot;:&quot;高质量&quot;,&quot;best_quality&quot;:&quot;最佳质量&quot;,&quot;up_to_025_megapixels&quot;:&quot;最高25万像素&quot;,&quot;up_to_25_megapixels&quot;:&quot;最高2500万像素&quot;,&quot;download_high_res&quot;:&quot;下载高清版&quot;,&quot;please_upload_higher_resolution&quot;:&quot;请上传一张分辨率更高的图片,或下载预览图。&quot;,&quot;upload_footer_link&quot;:&quot;https://www.designify.com/&quot;,&quot;upload_footer_text_bold&quot;:&quot;新:&quot;,&quot;upload_footer_text&quot;:&quot;自动将此图片转化为设计图样——&quot;,&quot;upload_footer_text_underlined&quot;:&quot;现在尝试&quot;,&quot;below_button_cta_modal_title&quot;:&quot;translation missing: zh.designify_below_button_cta.cta_variant_d.title&quot;,&quot;below_button_cta_modal_text_html&quot;:&quot;\u003cspan class=\&quot;translation_missing\&quot; title=\&quot;translation missing: zh.designify_below_button_cta.modal_text_html\&quot;\u003eModal Text Html\u003c/span\u003e&quot;,&quot;below_button_cta_text&quot;:&quot;translation missing: zh.designify_below_button_cta.cta_variant_d.text&quot;,&quot;link&quot;:&quot;https://www.designify.com/&quot;,&quot;variant&quot;:&quot;d&quot;,&quot;use_it_in_designify&quot;:&quot;\u003cspan class=\&quot;translation_missing\&quot; title=\&quot;translation missing: zh.designify_below_button_cta.use_it_in_designify\&quot;\u003eUse It In Designify\u003c/span\u003e&quot;,&quot;free&quot;:&quot;\u003cspan class=\&quot;translation_missing\&quot; title=\&quot;translation missing: zh.designify_below_button_cta.free\&quot;\u003eFree\u003c/span\u003e&quot;,&quot;signed_in&quot;:false,&quot;canva_cta_enabled&quot;:true,&quot;detect_objects_enabled&quot;:false,&quot;canva_cta_variant&quot;:&quot;A&quot;}" />

  <meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="an9czSKp1llcj/9EXpVTciSJ753gdrQVrG+CY0X89FRHLokocGisUXg+egFTp+mQRpY2/UhfwWx6995IUb4biQ==" />
  

  <script>window.noZensmooth = true;</script>
  

  <script src="https://static.remove.bg/remove-bg-web/218b543166b2250a043e81fbba89fc7007c36c02/packs/js/application-d1f0a08191a1691c2f6e.js"></script>
  <link rel="stylesheet" media="screen" href="https://static.remove.bg/remove-bg-web/218b543166b2250a043e81fbba89fc7007c36c02/packs/css/application-71ff41d2.css" />

  <script>
    window.trackErrors('UGFnZXNDb250cm9sbGVyI2hvbWU=', {});
  </script>

    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-102016867-3"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('consent', 'default', {
        ad_storage: 'denied',
        analytics_storage: 'denied',
        wait_for_update: 500,
      });

      options = {
        'anonymize_ip': true
      }

        // Automatically sends a pageview
        gtag('config', 'UA-102016867-3', options);
        gtag('require', 'ec');
    </script>


  
</head>
<body class=" ">

<div id="app">
   
<div class="prism">
  <navbar
    :target-groups="[{&quot;title&quot;:&quot;针对 私人&quot;,&quot;href&quot;:&quot;/zh/g/individuals&quot;,&quot;icon&quot;:&quot;p-frame-heart-icon&quot;},{&quot;title&quot;:&quot;针对 摄影师&quot;,&quot;href&quot;:&quot;/zh/g/photographers&quot;,&quot;icon&quot;:&quot;p-camera-icon&quot;},{&quot;title&quot;:&quot;针对 营销&quot;,&quot;href&quot;:&quot;/zh/g/marketing&quot;,&quot;icon&quot;:&quot;p-comments-off-icon&quot;},{&quot;title&quot;:&quot;针对 开发人员&quot;,&quot;href&quot;:&quot;/zh/g/developers&quot;,&quot;icon&quot;:&quot;p-embed-icon&quot;},{&quot;title&quot;:&quot;针对 电子商务&quot;,&quot;href&quot;:&quot;/zh/g/ecommerce&quot;,&quot;icon&quot;:&quot;p-marketplace-icon&quot;},{&quot;title&quot;:&quot;针对 媒体&quot;,&quot;href&quot;:&quot;/zh/g/media&quot;,&quot;icon&quot;:&quot;p-desktop-icon&quot;},{&quot;title&quot;:&quot;针对 汽车经销商&quot;,&quot;href&quot;:&quot;/zh/g/car-dealerships&quot;,&quot;icon&quot;:&quot;p-emoji-travel-icon&quot;},{&quot;title&quot;:&quot;针对 企业&quot;,&quot;href&quot;:&quot;https://www.kaleido.ai/enterprise/solutions?utm_campaign=internal+enterprise+referrals\u0026utm_medium=enterprise+navigation\u0026utm_source=rbg+navigation&quot;,&quot;target&quot;:&quot;_blank&quot;,&quot;class&quot;:&quot;ga-tracked&quot;,&quot;data&quot;:{&quot;ga-event&quot;:&quot;enterprise_navigation&quot;,&quot;ga-category&quot;:&quot;User&quot;,&quot;ga-label&quot;:&quot;Enterprise Navigation Button&quot;},&quot;icon&quot;:&quot;p-office-icon&quot;}]"
    :signed-in="false"
    :black-friday="false"
    initals=""
    display-name=""
    email=""
    root-url=/zh
    new-image-url="/zh/upload?source=navbar"
    credits-info-url="/zh/credits_info"
    pricing-url="/zh/pricing"
    login-url="https://accounts.kaleido.ai/oauth/authorize?client_id=Wr--JQP_UWyenrH54zWrGh9OFuYRnRCYntYqsGNeQBM&amp;locale=zh&amp;redirect_uri=https%3A%2F%2Fwww.remove.bg%2Fauth%3Fpassback%255Bredirect_to%255D%3D%252Fzh%26passback%255Bstate%255D%3D9d1d76fdb47215d4693f68f669c8bf722305e6cda04019bb3208f6861ea4d3c86a865b2ee7642b38d8cc403b9f1a0f5eb16e681cfecfb3ba08b9ac9795f92491&amp;response_type=code"
    signup-url="/zh/users/sign_up"
    logout-url="/auth?locale=zh"
    account-url="/zh/dashboard"
    tools-url=/zh/tools-api
    pricing-url="/zh/pricing" />
</div>




  <main id="page-content" class="">
    <div class="prism">
    </div>

    

<div class="prism">
  <div style="min-height: calc(100vh - 72px)" class="flex items-center justify-center overflow-x-clip">
  <p-spacer size="sm">
    <p-container class="relative">
      <div class="flex flex-col lg:flex-row items-center lg:items-start justify-center md:gap-4">
        <div class="flex flex-col md:flex-row lg:flex-col items-center lg:items-start gap-6 md:gap-8 md:max-w-2xl lg:max-w-lg">
            <p-video src="https://sb.kaleidousercontent.com/67418/x/681f13b37d/emilia_compressed.mp4" poster="https://sb.kaleidousercontent.com/67418/840x560/686381d375/emilia-poster.jpg" preload="auto" rounded="lg" :loop="false" class="max-w-[320px] lg:max-w-[420px]"></p-video>

          <div class="flex flex-col gap-4">
            <p-heading class="text-center md:!text-left" level="h1" size="h1">图片背景消除</p-heading>
            <p-subheading class="!text-typo text-center md:!text-left">
              100% 全自动且
              <span class="!py-1 !px-4 bg-brush bg-no-repeat bg-cover bg-center">
                免费
              </span>
              
            </p-subheading>
          </div>
        </div>

        <div class="relative group flex flex-col gap-4 md:gap-8 max-w-md mt-8 md:mt-28">
          <div class="dropzone-enabled"></div>
          <upload-box @example-picked="onExampleSelected"></upload-box>

          <p-wiggly-line class="text-brand absolute hidden md:block -top-16 -right-[40%] xl:-right-1/2 transition ease-in-out transform-gpu"></p-wiggly-line>
          <p-triangle class="text-brand absolute hidden md:block -right-24 top-32 transition ease-in-out rotate-6 group-hover:rotate-[35deg] group-hover:-translate-x-4 transform-gpu"></p-triangle>
        </div>
      </div>
      <p-spring class="text-brand absolute hidden md:block -left-12 xl:-left-24 -bottom-32 xl:-bottom-44 transition ease-in-out transform-gpu" /></p-spring>
    </p-container>
  </p-spacer>
</div>

  <comparison
  heading="惊艳的质量"
  :elements="[{&quot;title&quot;:&quot;人像&quot;,&quot;before&quot;:&quot;//sb.kaleidousercontent.com/67418/992x558/ef4cc24685/people-org.png&quot;,&quot;after&quot;:&quot;//sb.kaleidousercontent.com/67418/992x558/7632960ff9/people.png&quot;},{&quot;title&quot;:&quot;产品&quot;,&quot;before&quot;:&quot;//sb.kaleidousercontent.com/67418/992x558/ccd910c34f/product-org.png&quot;,&quot;after&quot;:&quot;//sb.kaleidousercontent.com/67418/992x558/8c22661163/products-removebg.png&quot;},{&quot;title&quot;:&quot;动物&quot;,&quot;before&quot;:&quot;//sb.kaleidousercontent.com/67418/992x558/ffe4b7190a/animals-org.png&quot;,&quot;after&quot;:&quot;//sb.kaleidousercontent.com/67418/992x558/47de31c5a8/animals.png&quot;},{&quot;title&quot;:&quot;汽车&quot;,&quot;before&quot;:&quot;//sb.kaleidousercontent.com/67418/992x558/36cb67f400/cars-org.png&quot;,&quot;after&quot;:&quot;//sb.kaleidousercontent.com/67418/992x558/0c38df0969/cars.png&quot;},{&quot;title&quot;:&quot;图形&quot;,&quot;before&quot;:&quot;//sb.kaleidousercontent.com/67418/992x558/3e82ae6b48/graphics-original.png&quot;,&quot;after&quot;:&quot;//sb.kaleidousercontent.com/67418/992x558/81dcd06140/graphics-removebg.png&quot;}]"
  :link="{&quot;url&quot;:&quot;/zh/sample_images&quot;,&quot;label&quot;:&quot;查看更多样品&quot;}">
</comparison>


   <p-two-col-content :reverse-on-mobile="false">
  <template #start>
    <p-heading>轻点一下,即可在5秒钟内100%自动去除背景</p-heading>
    <div class="text-typo text-base">
      <p><span class="">凭借remove.bg智能的AI,你可以省去大量的编辑时间,收获更多乐趣!</span></p><p><span class="">无论是想让图片背景变透明(PNG),还是给照片添加白色背景,你都可以用remove.bg来实现,还有更多功能等待你的发现。</span></p>
    </div>
  </template>
  <template #end>
    <p-image src="https://sb.kaleidousercontent.com/67418/658x756/361846cee7/all-pages-2.png" rounded="lg" img-classes="mx-auto max-w-[66%]"></p-image>
  </template>
</p-two-col-content>


  <inspiration
  heading="快速AI自动抠图!"
  :elements="[{&quot;title&quot;:&quot;人像&quot;,&quot;images&quot;:[{&quot;src&quot;:&quot;//sb.kaleidousercontent.com/67418/604x802/ed396e87c5/people-1.jpg&quot;,&quot;caption&quot;:&quot;原图&quot;},{&quot;src&quot;:&quot;//sb.kaleidousercontent.com/67418/604x802/51d867647f/people-1-transparent2.jpg&quot;,&quot;caption&quot;:&quot;去除背景&quot;},{&quot;src&quot;:&quot;//sb.kaleidousercontent.com/67418/604x802/8d3b057fdf/people1-bg22.jpg&quot;,&quot;caption&quot;:&quot;新背景&quot;},{&quot;src&quot;:&quot;//sb.kaleidousercontent.com/67418/604x802/e301b26a54/people1-bg12.jpg&quot;,&quot;caption&quot;:&quot;无限可能&quot;}]},{&quot;title&quot;:&quot;产品&quot;,&quot;images&quot;:[{&quot;src&quot;:&quot;//sb.kaleidousercontent.com/67418/604x802/65b5c440b8/prodcut-2.jpg&quot;,&quot;caption&quot;:&quot;原图&quot;},{&quot;src&quot;:&quot;//sb.kaleidousercontent.com/67418/604x802/04063718c1/prodcut-2-transparent.jpg&quot;,&quot;caption&quot;:&quot;去除背景&quot;},{&quot;src&quot;:&quot;//sb.kaleidousercontent.com/67418/604x802/fd1beb254d/prodcut-2-bg-2.jpg&quot;,&quot;caption&quot;:&quot;新背景&quot;},{&quot;src&quot;:&quot;//sb.kaleidousercontent.com/67418/604x802/77cafeed4d/prodcut-2-bg-1.jpg&quot;,&quot;caption&quot;:&quot;无限可能&quot;}]},{&quot;title&quot;:&quot;动物&quot;,&quot;images&quot;:[{&quot;src&quot;:&quot;//sb.kaleidousercontent.com/67418/604x802/12fffeabf0/animal-1.jpg&quot;,&quot;caption&quot;:&quot;原图&quot;},{&quot;src&quot;:&quot;//sb.kaleidousercontent.com/67418/604x802/a9afba2ce7/animal-1-transparent2.jpg&quot;,&quot;caption&quot;:&quot;去除背景&quot;},{&quot;src&quot;:&quot;//sb.kaleidousercontent.com/67418/604x802/39a8933b95/animal-1-bg-2.jpg&quot;,&quot;caption&quot;:&quot;新背景&quot;},{&quot;src&quot;:&quot;//sb.kaleidousercontent.com/67418/604x802/8e1545b178/animal-1-bg-12.jpg&quot;,&quot;caption&quot;:&quot;无限可能&quot;}]},{&quot;title&quot;:&quot;汽车&quot;,&quot;images&quot;:[{&quot;src&quot;:&quot;//sb.kaleidousercontent.com/67418/604x802/96ec6dafe2/car-1.jpg&quot;,&quot;caption&quot;:&quot;原图&quot;},{&quot;src&quot;:&quot;//sb.kaleidousercontent.com/67418/604x802/c8d8ccaf16/car-1-transparent2.jpg&quot;,&quot;caption&quot;:&quot;去除背景&quot;},{&quot;src&quot;:&quot;//sb.kaleidousercontent.com/67418/604x802/081563efd3/car-1-bg-1.jpg&quot;,&quot;caption&quot;:&quot;新背景&quot;},{&quot;src&quot;:&quot;//sb.kaleidousercontent.com/67418/604x802/ba309741a5/car-1-bg-2.jpg&quot;,&quot;caption&quot;:&quot;无限可能&quot;}]},{&quot;title&quot;:&quot;图形&quot;,&quot;images&quot;:[{&quot;src&quot;:&quot;//sb.kaleidousercontent.com/67418/604x802/3606feb76d/graphic-1.jpg&quot;,&quot;caption&quot;:&quot;原图&quot;},{&quot;src&quot;:&quot;//sb.kaleidousercontent.com/67418/604x802/dc1c7ce5e2/graphic-1-transparent2.jpg&quot;,&quot;caption&quot;:&quot;去除背景&quot;},{&quot;src&quot;:&quot;//sb.kaleidousercontent.com/67418/604x802/26229130b6/graphic-1-bg-2.jpg&quot;,&quot;caption&quot;:&quot;新背景&quot;},{&quot;src&quot;:&quot;//sb.kaleidousercontent.com/67418/604x802/b36f00b3bb/graphic-1-bg-1.jpg&quot;,&quot;caption&quot;:&quot;无限可能&quot;}]}]">
</inspiration>


   <p-two-col-content :reverse-on-mobile="true">
  <template #end>
    <p-heading>集成到你的工作流程中</p-heading>
    <div class="text-typo text-base">
      <p><span class="">我们已经为一些最流行的设计软件、电商网站和电脑系统构建了工具和插件。用我们的API给你的工作流程带来更高的效率吧!</span></p>
    </div>
      <p-link href="/zh/tools-api">所有插件和下载</p-link>
      <p-link href="/zh/api">API文档</p-link>
  </template>
  <template #start>
    <p-image src="https://sb.kaleidousercontent.com/67418/973x498/0a4a8380d7/developers-4.png" rounded="lg" img-classes=""></p-image>
  </template>
</p-two-col-content>


  <testimonials
    heading="他们都喜欢remove.bg,你也会的。"
    more-link="https://www.kaleido.ai/enterprise/success-stories?utm_campaign=internal+enterprise+referrals&amp;utm_medium=enterprise+navigation&amp;utm_source=rbg+testimonials"
    :testimonials="[{&quot;company_image&quot;:&quot;https://static.remove.bg/remove-bg-web/218b543166b2250a043e81fbba89fc7007c36c02/assets/testimonials/sony_logo-d87a92a0416194c7e16c6ab29066404d03cb18090ea835d02c859f57ee6fe407.jpg&quot;,&quot;text&quot;:&quot;AI 给我们留下了深刻的印象,我们觉得它是市场上的最佳选择。&quot;,&quot;image&quot;:&quot;//sb.kaleidousercontent.com/67418/160x160/118585f82a/sonymusic_author.jpg&quot;,&quot;name&quot;:&quot;Emil Barsø Rheinlænder&quot;,&quot;role&quot;:&quot;Content \u0026 Marketing Coordinator&quot;,&quot;company&quot;:&quot;Sony Music Entertainment Denmark&quot;,&quot;company_url&quot;:&quot;https://www.sonymusic.com/&quot;,&quot;link&quot;:&quot;https://www.kaleido.ai/enterprise/success-stories?utm_campaign=internal+enterprise+referrals\u0026utm_medium=enterprise+generic+carousel\u0026utm_source=rbg+testimonial+carousel&quot;},{&quot;company_image&quot;:&quot;//sb.kaleidousercontent.com/67418/600x224/c0a356a433/phoenix-trading-company-logo.png&quot;,&quot;text&quot;:&quot;这个 API 可提供无比惊艳的效果,它处理后的图像非常出色。我们一定会继续使用这个产品。&quot;,&quot;image&quot;:&quot;//sb.kaleidousercontent.com/67418/160x160/174df4481b/phoenix_author.jpg&quot;,&quot;name&quot;:&quot;Marc Cohen&quot;,&quot;role&quot;:&quot;CEO&quot;,&quot;company&quot;:&quot;Phoenix Trading Company&quot;,&quot;company_url&quot;:&quot;&quot;,&quot;link&quot;:&quot;https://www.kaleido.ai/s/phoenix-trading-company?utm_campaign=internal+enterprise+referrals\u0026utm_medium=enterprise+phoenix+carousel\u0026utm_source=rbg+testimonial+carousel&quot;},{&quot;company_image&quot;:&quot;//sb.kaleidousercontent.com/67418/x/a5fcd22b41/techcrunch-logo.svg&quot;,&quot;text&quot;:&quot;它能够处理好麻烦的、如羽毛般的发丝,而不会让图像呈现出锯齿状边缘从而看起来不专业,这出色的能力给我们留下了深刻的印象。&quot;,&quot;image&quot;:&quot;//sb.kaleidousercontent.com/67418/160x160/0337b3fbf1/techcrunch_author.jpg&quot;,&quot;name&quot;:&quot;Taylor Hatmaker&quot;,&quot;role&quot;:&quot;Senior Technology Editor&quot;,&quot;company&quot;:&quot;TechCrunch&quot;,&quot;company_url&quot;:&quot;https://techcrunch.com/&quot;,&quot;link&quot;:&quot;https://www.kaleido.ai/enterprise/success-stories?utm_campaign=internal+enterprise+referrals\u0026utm_medium=enterprise+generic+carousel\u0026utm_source=rbg+testimonial+carousel&quot;}]">
</testimonials>

  <p-spacer>
  <p-container wide>
    <p-spacer size="sm"
      ><div class="flex flex-col gap-6 m-auto">
        <p-heading align-center level="h2">  提升创造力和效率!</p-heading>
        <div class="text-center text-base font-body max-w-3xl m-auto">
          <p><span class="">无论你是想为朋友制作一张难忘的贺卡,还是想在短时间内处理上千张的汽车照片,remove.bg都能帮你实现。</span></p>
        </div>
      </div>
    </p-spacer>
  </p-container>
  <div class="bg-shape bg-seperator-start-high bg-top bg-repeat-x pb-8 md:pb-16">
    <p-spacer size="sm">
      <p-container>
        <p-grid :columns="3">
          <p-card prominent as="link" class="!p-8 group" href="/zh/g/individuals" :draggable="false">
            <p-frame-heart-icon>{:class=&gt;&quot;text-typo w-9 h-9&quot;}</p-frame-heart-icon>
            <p-link as="span" size="lg" href="/zh/g/individuals">针对 私人</p-link>
          </p-card>
          <p-card prominent as="link" class="!p-8 group" href="/zh/g/photographers" :draggable="false">
            <p-camera-icon>{:class=&gt;&quot;text-typo w-9 h-9&quot;}</p-camera-icon>
            <p-link as="span" size="lg" href="/zh/g/photographers">针对 摄影师</p-link>
          </p-card>
          <p-card prominent as="link" class="!p-8 group" href="/zh/g/marketing" :draggable="false">
            <p-comments-off-icon>{:class=&gt;&quot;text-typo w-9 h-9&quot;}</p-comments-off-icon>
            <p-link as="span" size="lg" href="/zh/g/marketing">针对 营销</p-link>
          </p-card>
          <p-card prominent as="link" class="!p-8 group" href="/zh/g/developers" :draggable="false">
            <p-embed-icon>{:class=&gt;&quot;text-typo w-9 h-9&quot;}</p-embed-icon>
            <p-link as="span" size="lg" href="/zh/g/developers">针对 开发人员</p-link>
          </p-card>
          <p-card prominent as="link" class="!p-8 group" href="/zh/g/ecommerce" :draggable="false">
            <p-marketplace-icon>{:class=&gt;&quot;text-typo w-9 h-9&quot;}</p-marketplace-icon>
            <p-link as="span" size="lg" href="/zh/g/ecommerce">针对 电子商务</p-link>
          </p-card>
          <p-card prominent as="link" class="!p-8 group" href="/zh/g/media" :draggable="false">
            <p-desktop-icon>{:class=&gt;&quot;text-typo w-9 h-9&quot;}</p-desktop-icon>
            <p-link as="span" size="lg" href="/zh/g/media">针对 媒体</p-link>
          </p-card>
          <p-card prominent as="link" class="!p-8 group" href="/zh/g/car-dealerships" :draggable="false">
            <p-emoji-travel-icon>{:class=&gt;&quot;text-typo w-9 h-9&quot;}</p-emoji-travel-icon>
            <p-link as="span" size="lg" href="/zh/g/car-dealerships">针对 汽车经销商</p-link>
          </p-card>
          <p-card prominent as="link" class="!p-8 group" href="https://www.kaleido.ai/enterprise/solutions?utm_campaign=internal+enterprise+referrals&amp;utm_medium=enterprise+navigation&amp;utm_source=rbg+navigation" :draggable="false">
            <p-office-icon>{:class=&gt;&quot;text-typo w-9 h-9&quot;}</p-office-icon>
            <p-link as="span" size="lg" href="https://www.kaleido.ai/enterprise/solutions?utm_campaign=internal+enterprise+referrals&amp;utm_medium=enterprise+navigation&amp;utm_source=rbg+navigation">针对 企业</p-link>
          </p-card>
        </p-grid>
      </p-container>
    </p-spacer>
  </div>
</p-spacer>

  <div class="dropzone-enabled"></div>
<upload-widget @example-picked="onExampleSelected"></upload-widget>

   <div class="mt-12 md:mt-32 bg-pattern-brand bg-repeat-x bg-brand">
  <p-spacer>
    <p-container>
      <div class="flex justify-between align-middle">
        <p-heading level="h3">博客</p-heading>
        <p-link href="/zh/blog" size="lg">查看更多文章</p-link>
      </div>

      <p-spacer size="sm">
        <p-grid :columns="3">
              <p-card as="link" href="/zh/b/easy-tips-on-creating-a-new-year-vision-board" class="!p-8 flex flex-col gap-4" :draggable="false">
                <span> Dec 22, 2022</span>
                <p class="font-bold m-0">
                  Easy Tips on Creating an Online New Year’s Vision Board
                </p>
              </p-card>
              <p-card as="link" href="/zh/b/how-to-create-a-christmas-card-online" class="!p-8 flex flex-col gap-4" :draggable="false">
                <span> Dec 19, 2022</span>
                <p class="font-bold m-0">
                  How To Create A Christmas Card Online
                </p>
              </p-card>
              <p-card as="link" href="/zh/b/how-to-create-a-personalized-thanksgiving-e-card" class="!p-8 flex flex-col gap-4" :draggable="false">
                <span> Nov 22, 2022</span>
                <p class="font-bold m-0">
                  How to Create a Personalized Thanksgiving E-Card 
                </p>
              </p-card>
        </p-grid>
      </p-spacer>
      <p-spacer size="sm">
        <p-heading level="h3">获取更新</p-heading>
        <p-grid :columns="2">
          <div class="flex flex-col gap-6 mt-7">
            <p class="text-base font-body m-0">订阅并加入我们的邮件列表,以便我们将在发布新功能或更新时通知您。</p>
          </div>
          <div>
            <div class="flex flex-col sm:flex-row gap-2 sm:grow sm:items-center sm:mt-6 relative">
               <newsletter-optin
                site-key="51a23611-21cb-4c6e-bcbf-84ee5c14d9ad"
                subscribe-url="https://www.remove.bg/zh/newsletter_optins"
              ></newsletter-optin>
            </div>
            <p class="text-2xs text-typo-secondary m-0 !mt-2 text-center">
               此表格受到hCaptcha及其 <a target="_blank" rel="noopener" class="underline" style="color: inherit;" href="https://hcaptcha.com/privacy">隐私政策</a>的保护,并适用<a target="_blank" rel="noopener" class="underline" style="color: inherit;" href="https://hcaptcha.com/terms">服务条款</a>。

            </p>
          </div>
        </p-grid>
      </p-spacer>
    </p-container>
  </p-spacer>
</div>

</div>

  </main>

  <div class="vue-component" data-vue-file="./desktop_app_overlay.vue" data-vue-props="{&quot;t&quot;:&quot;{\&quot;header\&quot;:\&quot;疲于逐个上传文件?\&quot;,\&quot;text\&quot;:\&quot;一键处理任意数量的文件\&quot;,\&quot;link\&quot;:\&quot;获得 Windows 版本的 remove.bg\&quot;}&quot;,&quot;link&quot;:&quot;/zh/windows-mac-linux&quot;,&quot;icon&quot;:&quot;https://static.remove.bg/remove-bg-web/218b543166b2250a043e81fbba89fc7007c36c02/assets/batch-16d5bb618e16f09a679ef5f7dd79d7869764f21f6132a63e798985388df887be.svg&quot;}" data-vue-on="{}"></div>

    



 <div class="prism d-none-mobile-app">
  <footer class="bg-white w-full">
    <p-container class="py-16" wide>
      <p-grid two-col-on-mobile :columns="4">
          <ul>
            <li class="pt-6 pb-3">
              <h4 class="font-body mb-0 font-bold text-base text-typo-secondary">
                了解更多
              </h4>
            </li>

            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="/zh/g/individuals" :draggable="false">
                  私人
                </p-nav-link>
              </span>
            </li>
            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="/zh/g/photographers" :draggable="false">
                  摄影师
                </p-nav-link>
              </span>
            </li>
            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="/zh/g/marketing" :draggable="false">
                  营销
                </p-nav-link>
              </span>
            </li>
            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="/zh/g/developers" :draggable="false">
                  开发人员
                </p-nav-link>
              </span>
            </li>
            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="/zh/g/ecommerce" :draggable="false">
                  电子商务
                </p-nav-link>
              </span>
            </li>
            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="/zh/g/media" :draggable="false">
                  媒体
                </p-nav-link>
              </span>
            </li>
            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="/zh/g/car-dealerships" :draggable="false">
                  汽车经销商
                </p-nav-link>
              </span>
            </li>
            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="https://www.kaleido.ai/enterprise/solutions?utm_campaign=internal+enterprise+referrals&amp;utm_medium=enterprise+footer+link&amp;utm_source=rbg+footer" :draggable="false">
                  企业
                </p-nav-link>
              </span>
            </li>
          </ul>
          <ul>
            <li class="pt-6 pb-3">
              <h4 class="font-body mb-0 font-bold text-base text-typo-secondary">
                工具和 API
              </h4>
            </li>

            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="/zh/api" :draggable="false">
                  API 文档
                </p-nav-link>
              </span>
            </li>
            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="/zh/tools-api" :draggable="false">
                  集成、工具和应用
                </p-nav-link>
              </span>
            </li>
            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="/zh/a/remove-background-from-image-photoshop-plugin" :draggable="false">
                  Photoshop 扩展
                </p-nav-link>
              </span>
            </li>
            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="/zh/a/background-remover-windows-mac-linux" :draggable="false">
                  Windows / Mac / Linux
                </p-nav-link>
              </span>
            </li>
            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="/zh/a/free-background-remover-app-android" :draggable="false">
                  Android 应用
                </p-nav-link>
              </span>
            </li>
            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="/zh/design_templates" :draggable="false">
                  设计模板
                </p-nav-link>
              </span>
            </li>
          </ul>
          <ul>
            <li class="pt-6 pb-3">
              <h4 class="font-body mb-0 font-bold text-base text-typo-secondary">
                支持
              </h4>
            </li>

            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="/zh/help" :draggable="false">
                  帮助和常见问题
                </p-nav-link>
              </span>
            </li>
            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="/zh/support" :draggable="false">
                  联系我们
                </p-nav-link>
              </span>
            </li>
            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="/zh/refunds" :draggable="false">
                  退款
                </p-nav-link>
              </span>
            </li>
            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="http://status.kaleido.ai" :draggable="false">
                  平台状态
                </p-nav-link>
              </span>
            </li>
          </ul>
          <ul>
            <li class="pt-6 pb-3">
              <h4 class="font-body mb-0 font-bold text-base text-typo-secondary">
                公司
              </h4>
            </li>

            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="/zh/blog" :draggable="false">
                  博客
                </p-nav-link>
              </span>
            </li>
            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="/zh/affiliate/info" :draggable="false">
                  伙伴计划
                </p-nav-link>
              </span>
            </li>
            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="https://www.designify.com?utm_campaign=rbg+referral&amp;utm_medium=referral&amp;utm_source=rbg+footer" :draggable="false">
                  创建自动化设计
                </p-nav-link>
              </span>
            </li>
            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="https://www.unscreen.com" :draggable="false">
                  视频背景消除
                </p-nav-link>
              </span>
            </li>
            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="https://www.kaleido.ai/careers/why-kaleido" :draggable="false">
                  就业机会
                </p-nav-link>
              </span>
            </li>
            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="https://www.kaleido.ai/about/vision-mission" :draggable="false">
                  关于我们
                </p-nav-link>
              </span>
            </li>
            <li>
              <span class="inline-block">
                <p-nav-link height="sm" class="text-typo-secondary" href="https://www.kaleido.ai/about/presscenter" :draggable="false">
                  按下
                </p-nav-link>
              </span>
            </li>
              <ul class="flex gap-3 !mt-3">
                <li>
                  <p-icon-button as="link" target="_blank" href="https://www.facebook.com/removebg" :draggable="false"><p-facebook-icon /></p-icon-button>
                </li>
                <li>
                  <p-icon-button as="link" target="_blank" href="https://www.instagram.com/removebg.official" :draggable="false"><p-instagram-icon /></p-icon-button>
                </li>
                <li>
                  <p-icon-button as="link" target="_blank" href="https://twitter.com/remove_bg" :draggable="false"><p-twitter-icon /></p-icon-button>
                </li>
              </ul>
          </ul>
      </p-grid>
    </p-container>

    <p-wave-section position="start" class="bg-typo-secondary">
      <p-container class="py-16" wide>
        <div class="lg:flex lg:flex-row lg:justify-between lg:items-center">
        <language-picker
          :current-locale="{&quot;code&quot;:&quot;zh&quot;,&quot;name&quot;:&quot;中文&quot;}"
          :locales="[{&quot;code&quot;:&quot;en&quot;,&quot;name&quot;:&quot;English&quot;,&quot;url&quot;:&quot;/&quot;},{&quot;code&quot;:&quot;zh&quot;,&quot;name&quot;:&quot;中文&quot;,&quot;url&quot;:&quot;/zh&quot;},{&quot;code&quot;:&quot;pt-br&quot;,&quot;name&quot;:&quot;Português (Brasil)&quot;,&quot;url&quot;:&quot;/pt-br&quot;},{&quot;code&quot;:&quot;ja&quot;,&quot;name&quot;:&quot;日本語&quot;,&quot;url&quot;:&quot;/ja&quot;},{&quot;code&quot;:&quot;ko&quot;,&quot;name&quot;:&quot;한국어&quot;,&quot;url&quot;:&quot;/ko&quot;},{&quot;code&quot;:&quot;ru&quot;,&quot;name&quot;:&quot;Русский&quot;,&quot;url&quot;:&quot;/ru&quot;},{&quot;code&quot;:&quot;fr&quot;,&quot;name&quot;:&quot;Français&quot;,&quot;url&quot;:&quot;/fr&quot;},{&quot;code&quot;:&quot;de&quot;,&quot;name&quot;:&quot;Deutsch&quot;,&quot;url&quot;:&quot;/de&quot;},{&quot;code&quot;:&quot;es&quot;,&quot;name&quot;:&quot;Español&quot;,&quot;url&quot;:&quot;/es&quot;},{&quot;code&quot;:&quot;it&quot;,&quot;name&quot;:&quot;Italiano&quot;,&quot;url&quot;:&quot;/it&quot;}]">
        </language-picker>

          <ul class="flex flex-col lg:flex-row mt-6 lg:!mt-0 lg:space-x-6 mb-0">
            <li class="flex-shrink: 1; flex-grow:1;" >
              <p-nav-link height="sm" light href="/zh/tos" :draggable="false">
                服务条款
              </p-nav-link>
            </li>
            <li class="flex-shrink: 1; flex-grow:1;" >
              <p-nav-link height="sm" light href="/zh/gtc" :draggable="false">
                一般条款和交易条件
              </p-nav-link>
            </li>
            <li class="flex-shrink: 1; flex-grow:1;" >
              <p-nav-link height="sm" light href="/zh/privacy" :draggable="false">
                隐私政策
              </p-nav-link>
            </li>
            <li class="flex-shrink: 1; flex-grow:1;" >
              <p-nav-link height="sm" light href="/zh/cookies" :draggable="false">
                Cookie政策
              </p-nav-link>
            </li>
            <li class="flex-shrink: 1; flex-grow:1;" >
              <p-nav-link height="sm" light href="/zh/imprint" :draggable="false">
                印记
              </p-nav-link>
            </li>
          </ul>
        </div>
        <div
          class="pt-16 lg:flex space-y-4 lg:space-y-0 lg:flex-row lg:justify-between lg:items-center"
        >
          <div class="text-white flex items-center gap-x-1 text-sm">
            Made with <p-like-off-icon></p-like-off-icon> <span class="sr-only">love</span> by
            <a
              class="transition ease-in-out hover:-translate-y-1 text-white"
              href="https://www.kaleido.ai/"
              target="_blank"
              :draggable="false"
              ><p-logo-kaleido-small></p-logo-kaleido-small><span class="sr-only">kaleido.ai</span></a
            >
          </div>
          <div class="text-white text-sm">© Kaleido AI GmbH 2022</div>
        </div>
      </p-container>
    </p-wave-section>
  </footer>
</div>

  <div id="improvedialog-popup" class="white-popup mfp-hide" style="max-width: 580px" data-controller="improvedialog">
  <h3 style="margin: -20px -20px 25px -20px; padding: 20px 20px 15px 20px; background: #ecf1f9;" class="text-center">
    感谢您的反馈!
  </h3>
  <div data-target="improvedialog.initial">
    <p class="lead">
      希望帮助我们改进? <span style="opacity: 0.5;">(可选)</span>
    </p>
    <ul style="list-style-type: none; padding-left: 0px;">
      <li>
        <i class="fas fa-arrow-right" style="margin-right: 5px;"></i>
        捐助这张图片并帮助我们把 remove.bg 变得更好
      </li>
      <li>
        <i class="fas fa-arrow-right" style="margin-right: 5px;"></i>
        训练人工智能
      </li>
      <li>
        <i class="fas fa-arrow-right" style="margin-right: 5px;"></i>
        在未来对类似图片取得更好的效果
      </li>
    </ul>
    <div style="font-size: 80%; margin-top: 15px;">
      <label style="font-weight: 300" data-target="improvedialog.terms">
        <input type="checkbox" />
        我同意 <a style="color: inherit; text-decoration: underline;" target="_blank" href="/zh/ipc">增进程序使用环境</a>。*
      </label>
      <label style="font-weight: 300" data-target="improvedialog.remember">
        <input type="checkbox" />
        记住将我的决定用于未来我给出负面评价的图片
      </label>
    </div>
    <div class="row" style="text-align: center;">
      <div class="col-md-6">
        <button class="btn btn-outline-primary" data-action="click->improvedialog#accept" style="margin-top: 15px;">
          是,捐助此图
        </button>
        <div style="font-size: 75%; opacity: 0.75;">
          如果您希望我们将此图用于质量改进的话,请勾选
        </div>
      </div>
      <div class="col-md-6">
        <button class="btn btn-outline-primary" data-action="click->improvedialog#reject" style="margin-top: 15px;">
          不,不捐助
        </button>
        <div style="font-size: 75%; opacity: 0.75;">
          如果您不希望我们将此图用于质量改进的话,请勾选此项。
        </div>
      </div>
    </div>
  </div>
  <div class="col-md-12 text-center">
  <div data-target="improvedialog.accepted">
    <p class="lead">您的图片将被用于 remove.bg 的未来改进。</p>
    <button class="btn btn-primary" onclick='$(".mfp-close").click()'>关闭</button>
  </div>
  <div data-target="improvedialog.rejected">
    <p class="lead">您的图片将不会被用于 remove.bg 的未来改进。</p>
    <button class="btn btn-primary" onclick='$(".mfp-close").click()'>关闭</button>
  </div>
  </div>
</div>


  
<div class="vue-component" data-vue-file="./cookies.vue" data-vue-props="{&quot;renderAs&quot;:&quot;banner&quot;,&quot;hotjarEnabled&quot;:true,&quot;explicitConsent&quot;:false,&quot;country&quot;:&quot;CN&quot;,&quot;showRejectAll&quot;:false,&quot;ip&quot;:&quot;223.88.143.233&quot;,&quot;consentShareSites&quot;:[],&quot;cookiePolicyVersion&quot;:&quot;2022-06-08&quot;,&quot;t&quot;:&quot;{\&quot;consent\&quot;:\&quot;使用 remove.bg 即表示您同意使用 Cookies。您可以在我们的\\u003ca target=\\\&quot;_blank\\\&quot; href=\\\&quot;/zh/cookies\\\&quot;\\u003eCookie政策\\u003c/a\\u003e中找到有关于我们如何使用 Cookies 的详细信息。\&quot;,\&quot;eu_consent\&quot;:\&quot;我们使用Cookie来改善您的使用体验并用于分析。您可随时停止对它的使用。\&quot;,\&quot;header\&quot;:\&quot;Cookie\&quot;,\&quot;open_settings\&quot;:\&quot;信息与设置\&quot;,\&quot;modal_header\&quot;:\&quot;Cookie设置\&quot;,\&quot;modal_cookie_info\&quot;:\&quot;我们使用Cookie来为您提供极佳的使用体验以及部分功能。Cookie是存储在您设备上的小文本文件。如需了解更多信息以及我们所使用的完整Cookie列表,请参阅我们的\\u003ca target=\\\&quot;_blank\\\&quot; href=\\\&quot;/zh/cookies\\\&quot;\\u003eCookie政策\\u003c/a\\u003e。\&quot;,\&quot;always_on\&quot;:\&quot;始终开启\&quot;,\&quot;essential\&quot;:{\&quot;header\&quot;:\&quot;必需Cookie\&quot;,\&quot;description\&quot;:\&quot;对使用我们网站所必需的功能如注册、登录或购买来说十分必要。\&quot;},\&quot;functional\&quot;:{\&quot;header\&quot;:\&quot;功能性Cookie\&quot;,\&quot;description\&quot;:\&quot;被用于优化该网站的功能,例如,通过记住您的设置和偏好来为您提供更好的体验。\&quot;},\&quot;performance\&quot;:{\&quot;header\&quot;:\&quot;性能 Cookies\&quot;,\&quot;description\&quot;:\&quot;帮助我们测量流量和使用数据,并分析我们的服务是如何被使用的,以便为您提供更好的用户体验,以及维护、运营和改进我们的服务。这些 cookies 可能是由我们或第三方供应商设置的,我们在我们的网站和应用中添加了这些第三方供应商的服务。\&quot;},\&quot;targeting\&quot;:{\&quot;header\&quot;:\&quot;目标 Cookies\&quot;,\&quot;description\&quot;:\&quot;帮助我们在我们的网站或第三方网站上向您展示对您有用的广告,并衡量相关广告宣传活动的有效性。\&quot;},\&quot;accept_selected\&quot;:\&quot;接受选定\&quot;,\&quot;accept_all\&quot;:\&quot;接受所有\&quot;,\&quot;reject_all\&quot;:\&quot;拒绝所有\&quot;,\&quot;manage_cookies\&quot;:\&quot;管理Cookie\&quot;}&quot;}" data-vue-on="{}"></div>

</div>

</body>
</html>

这里还有一个,他的名字叫星星,你的鼠标在哪,他就跟在哪,简单来说就是跟随鼠标,当你的鼠标不动了的话,他就是一个图形一直在变大 变小 ,他还会一直变幻,非常好看。

 

代码:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>star</title>
<script type="text/javascript">
window.onload = function () {
C = Math.cos; // cache Math objects
S = Math.sin;
U = 0;
w = window;
j = document;
d = j.getElementById("c");
c = d.getContext("2d");
W = d.width = w.innerWidth;
H = d.height = w.innerHeight;
c.fillRect(0, 0, W, H); // resize <canvas> and draw black rect (default)
c.globalCompositeOperation = "lighter";  // switch to additive color application
c.lineWidth = 0.2;
c.lineCap = "round";
var bool = 0, 
t = 0; // theta
d.onmousemove = function (e) {
if(window.T) {
if(D==9) { D=Math.random()*15; f(1); }
clearTimeout(T);
}
X = e.pageX; // grab mouse pixel coords
Y = e.pageY;
a=0; // previous coord.x
b=0; // previous coord.y 
A = X, // original coord.x
B = Y; // original coord.y
R=(e.pageX/W * 999>>0)/999;
r=(e.pageY/H * 999>>0)/999;
U=e.pageX/H * 360 >>0;
D=9;
g = 360 * Math.PI / 180;
T = setInterval(f = function (e) { // start looping spectrum
c.save();
c.globalCompositeOperation = "source-over"; // switch to additive color application
if(e!=1) {
c.fillStyle = "rgba(0,0,0,0.02)";
c.fillRect(0, 0, W, H); // resize <canvas> and draw black rect (default)
}
c.restore();
i = 25; while(i --) {
c.beginPath();
if(D > 450 || bool) { // decrease diameter
if(!bool) { // has hit maximum
bool = 1;
}
if(D < 0.1) { // has hit minimum
bool = 0;
}
t -= g; // decrease theta
D -= 0.1; // decrease size
}
if(!bool) {
t += g; // increase theta
D += 0.1; // increase size
}
q = (R / r - 1) * t; // create hypotrochoid from current mouse position, and setup variables (see: http://en.wikipedia.org/wiki/Hypotrochoid)
x = (R - r) * C(t) + D * C(q) + (A + (X - A) * (i / 25)) + (r - R); // center on xy coords
y = (R - r) * S(t) - D * S(q) + (B + (Y - B) * (i / 25));
if (a) { // draw once two points are set
c.moveTo(a, b);
c.lineTo(x, y)
}
c.strokeStyle = "hsla(" + (U % 360) + ",100%,50%,0.75)"; // draw rainbow hypotrochoid
c.stroke();
a = x; // set previous coord.x
b = y; // set previous coord.y
}
U -= 0.5; // increment hue
A = X; // set original coord.x
B = Y; // set original coord.y
}, 16);
}
j.onkeydown = function(e) { a=b=0; R += 0.05 }
d.onmousemove({pageX:300, pageY:290})
}


</script>
</head>

<body style="margin:0px;padding:0px;width:100%;height:100%;overflow:hidden;">
<canvas id="c"></canvas>
</body>
</html>

  • 0
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值