这是一个表情符号搜索网站,里面有各种各样的表情图标,我们聊天的时候,可以将喜欢的表情,直接复制,发到聊天窗口,非常方便。
网站还是对各类表情做了标签分类处理,查找起来非常方便。
代码:
<!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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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>
<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="{"current_locale":"zh","url":"https://www.remove.bg/zh/upload","trust_tokens_url":"/zh/trust_tokens","images_url":"/zh/images","title":"上传图片 – remove.bg","mobile_app_supports_login":null,"meta_description":"选择一张图片并消除背景 - 100% 全自动 - 仅用 5 秒钟 - 无需点击 - 而且免费。","upload_image":"上传图片","or_drop_a_file":"或者拖放一个文件","paste_text_start":"粘贴图片或","paste_text_url":"URL","paste_text_end":" ","no_image":"没有图片?","try_one_of_these":"试试这些图片:","upload_terms_html":"上传图片或URL,表示您同意我们的\u003ca target=\"_blank\" class=\"text-dark font-weight-bold\" href=\"/zh/tos\"\u003e服务条款\u003c/a\u003e。本网站受到hCaptcha及其\u003ca target=\"_blank\" rel=\"noopener\" class=\"text-dark font-weight-bold\" href=\"https://hcaptcha.com/privacy\"\u003e隐私政策\u003c/a\u003e保护,并适用\u003ca target=\"_blank\" rel=\"noopener\" class=\"text-dark font-weight-bold\" href=\"https://hcaptcha.com/terms\"\u003e服务条款\u003c/a\u003e。\n","upload_terms_prism":"上传图片或URL,表示您同意我们的\u003ca target=\"_blank\" class=\"text-typo-secondary underline\" draggable=\"false\" href=\"/zh/tos\"\u003e服务条款\u003c/a\u003e。本网站受到hCaptcha及其\u003ca target=\"_blank\" rel=\"noopener\" class=\"text-typo-secondary underline\" draggable=\"false\" href=\"https://hcaptcha.com/privacy\"\u003e隐私政策\u003c/a\u003e保护,并适用\u003ca target=\"_blank\" rel=\"noopener\" class=\"text-typo-secondary underline\" draggable=\"false\" href=\"https://hcaptcha.com/terms\"\u003e服务条款\u003c/a\u003e。\n","upload_page_heading_html":"上传一张图片以\u003cbr/\u003e消除背景","upload_page_heading_first_signin_html":"你获得了 1 免费点数。\u003cbr/\u003e让我们开始吧!","waiting_for_previous_images":"正在等待之前的图片……","preparing_upload":"正在准备上传中……","uploading":"正在上传……","skip":"跳过","for_025_credits":"0.25 个积分","current_balance":"当前余额","failed_to_delete_image":"未能删除图片。","drop_paste_text_start":"或拖放文件,粘贴图片或","drop_paste_text_url":"URL","drop_paste_text_end":" ","image_url":"图片 URL","invalid_image_url":"无效的图片 URL","only_jpg_png_supported":"仅支持 JPG 或 PNG 图片。","max_file_size_exceeded":"文件大小不得超过 12 MB。","image_corrupted":"您尝试上传的文件与remove.bg不兼容,或者文件已损坏。请确保您上传的所有文件的扩展名正确,并且没有损坏。","image_resized":"请注意:由于文件大小超过 12 MB,因此重新调整了图片尺寸。","dont_forget_to_download":"别忘了下载您的文件。它们将在 60 分钟后被自动废弃。","drop_image_anywhere":"从任何地方拖放图片于此","one_at_a_time":"一次一个文件","download":"下载","original":"原始图","removed_background":"已消除背景","edit":"编辑","preview_image":"预览图","full_image":"全图","rate_this_result":"给这个结果评分","rate_good":"好评","rate_bad":"差评","spread_the_word":"告诉他人","tweet_message":"我刚通过 remove.bg 仅用 5 秒钟就消除了一张图片的背景 ","tweet":"推文","share":"分享","thanks_for_feedback":"感谢您的反馈!","not_available":"不可用","toggle_dropdown":"切换下拉菜单","preview":"预览","high_res":"高分辨率","sorry":"抱歉……","could_not_identify_foreground":"无法识别前景","please_select_supported_foreground":"请选择前景和背景有明显区别的图片。例如,不妨试试人物、产品、动物、汽车或其他物体的照片。","example_gallery":"示例图库","photo_recommendations":"照片推荐","constantly_improving":"我们一直致力于支持更多的图片。","want_to_help":"希望捐助这张图用以训练人工智能从而帮助我们改进?","help_us_improve":"帮助我们改进","contribute_image":"捐助图片","good_quality":"高质量","best_quality":"最佳质量","up_to_025_megapixels":"最高25万像素","up_to_25_megapixels":"最高2500万像素","download_high_res":"下载高清版","please_upload_higher_resolution":"请上传一张分辨率更高的图片,或下载预览图。","upload_footer_link":"https://www.designify.com/","upload_footer_text_bold":"新:","upload_footer_text":"自动将此图片转化为设计图样——","upload_footer_text_underlined":"现在尝试","below_button_cta_modal_title":"translation missing: zh.designify_below_button_cta.cta_variant_d.title","below_button_cta_modal_text_html":"\u003cspan class=\"translation_missing\" title=\"translation missing: zh.designify_below_button_cta.modal_text_html\"\u003eModal Text Html\u003c/span\u003e","below_button_cta_text":"translation missing: zh.designify_below_button_cta.cta_variant_d.text","link":"https://www.designify.com/","variant":"d","use_it_in_designify":"\u003cspan class=\"translation_missing\" title=\"translation missing: zh.designify_below_button_cta.use_it_in_designify\"\u003eUse It In Designify\u003c/span\u003e","free":"\u003cspan class=\"translation_missing\" title=\"translation missing: zh.designify_below_button_cta.free\"\u003eFree\u003c/span\u003e","signed_in":false,"canva_cta_enabled":true,"detect_objects_enabled":false,"canva_cta_variant":"A"}" />
<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="[{"title":"针对 私人","href":"/zh/g/individuals","icon":"p-frame-heart-icon"},{"title":"针对 摄影师","href":"/zh/g/photographers","icon":"p-camera-icon"},{"title":"针对 营销","href":"/zh/g/marketing","icon":"p-comments-off-icon"},{"title":"针对 开发人员","href":"/zh/g/developers","icon":"p-embed-icon"},{"title":"针对 电子商务","href":"/zh/g/ecommerce","icon":"p-marketplace-icon"},{"title":"针对 媒体","href":"/zh/g/media","icon":"p-desktop-icon"},{"title":"针对 汽车经销商","href":"/zh/g/car-dealerships","icon":"p-emoji-travel-icon"},{"title":"针对 企业","href":"https://www.kaleido.ai/enterprise/solutions?utm_campaign=internal+enterprise+referrals\u0026utm_medium=enterprise+navigation\u0026utm_source=rbg+navigation","target":"_blank","class":"ga-tracked","data":{"ga-event":"enterprise_navigation","ga-category":"User","ga-label":"Enterprise Navigation Button"},"icon":"p-office-icon"}]"
: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&locale=zh&redirect_uri=https%3A%2F%2Fwww.remove.bg%2Fauth%3Fpassback%255Bredirect_to%255D%3D%252Fzh%26passback%255Bstate%255D%3D9d1d76fdb47215d4693f68f669c8bf722305e6cda04019bb3208f6861ea4d3c86a865b2ee7642b38d8cc403b9f1a0f5eb16e681cfecfb3ba08b9ac9795f92491&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="[{"title":"人像","before":"//sb.kaleidousercontent.com/67418/992x558/ef4cc24685/people-org.png","after":"//sb.kaleidousercontent.com/67418/992x558/7632960ff9/people.png"},{"title":"产品","before":"//sb.kaleidousercontent.com/67418/992x558/ccd910c34f/product-org.png","after":"//sb.kaleidousercontent.com/67418/992x558/8c22661163/products-removebg.png"},{"title":"动物","before":"//sb.kaleidousercontent.com/67418/992x558/ffe4b7190a/animals-org.png","after":"//sb.kaleidousercontent.com/67418/992x558/47de31c5a8/animals.png"},{"title":"汽车","before":"//sb.kaleidousercontent.com/67418/992x558/36cb67f400/cars-org.png","after":"//sb.kaleidousercontent.com/67418/992x558/0c38df0969/cars.png"},{"title":"图形","before":"//sb.kaleidousercontent.com/67418/992x558/3e82ae6b48/graphics-original.png","after":"//sb.kaleidousercontent.com/67418/992x558/81dcd06140/graphics-removebg.png"}]"
:link="{"url":"/zh/sample_images","label":"查看更多样品"}">
</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="[{"title":"人像","images":[{"src":"//sb.kaleidousercontent.com/67418/604x802/ed396e87c5/people-1.jpg","caption":"原图"},{"src":"//sb.kaleidousercontent.com/67418/604x802/51d867647f/people-1-transparent2.jpg","caption":"去除背景"},{"src":"//sb.kaleidousercontent.com/67418/604x802/8d3b057fdf/people1-bg22.jpg","caption":"新背景"},{"src":"//sb.kaleidousercontent.com/67418/604x802/e301b26a54/people1-bg12.jpg","caption":"无限可能"}]},{"title":"产品","images":[{"src":"//sb.kaleidousercontent.com/67418/604x802/65b5c440b8/prodcut-2.jpg","caption":"原图"},{"src":"//sb.kaleidousercontent.com/67418/604x802/04063718c1/prodcut-2-transparent.jpg","caption":"去除背景"},{"src":"//sb.kaleidousercontent.com/67418/604x802/fd1beb254d/prodcut-2-bg-2.jpg","caption":"新背景"},{"src":"//sb.kaleidousercontent.com/67418/604x802/77cafeed4d/prodcut-2-bg-1.jpg","caption":"无限可能"}]},{"title":"动物","images":[{"src":"//sb.kaleidousercontent.com/67418/604x802/12fffeabf0/animal-1.jpg","caption":"原图"},{"src":"//sb.kaleidousercontent.com/67418/604x802/a9afba2ce7/animal-1-transparent2.jpg","caption":"去除背景"},{"src":"//sb.kaleidousercontent.com/67418/604x802/39a8933b95/animal-1-bg-2.jpg","caption":"新背景"},{"src":"//sb.kaleidousercontent.com/67418/604x802/8e1545b178/animal-1-bg-12.jpg","caption":"无限可能"}]},{"title":"汽车","images":[{"src":"//sb.kaleidousercontent.com/67418/604x802/96ec6dafe2/car-1.jpg","caption":"原图"},{"src":"//sb.kaleidousercontent.com/67418/604x802/c8d8ccaf16/car-1-transparent2.jpg","caption":"去除背景"},{"src":"//sb.kaleidousercontent.com/67418/604x802/081563efd3/car-1-bg-1.jpg","caption":"新背景"},{"src":"//sb.kaleidousercontent.com/67418/604x802/ba309741a5/car-1-bg-2.jpg","caption":"无限可能"}]},{"title":"图形","images":[{"src":"//sb.kaleidousercontent.com/67418/604x802/3606feb76d/graphic-1.jpg","caption":"原图"},{"src":"//sb.kaleidousercontent.com/67418/604x802/dc1c7ce5e2/graphic-1-transparent2.jpg","caption":"去除背景"},{"src":"//sb.kaleidousercontent.com/67418/604x802/26229130b6/graphic-1-bg-2.jpg","caption":"新背景"},{"src":"//sb.kaleidousercontent.com/67418/604x802/b36f00b3bb/graphic-1-bg-1.jpg","caption":"无限可能"}]}]">
</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&utm_medium=enterprise+navigation&utm_source=rbg+testimonials"
:testimonials="[{"company_image":"https://static.remove.bg/remove-bg-web/218b543166b2250a043e81fbba89fc7007c36c02/assets/testimonials/sony_logo-d87a92a0416194c7e16c6ab29066404d03cb18090ea835d02c859f57ee6fe407.jpg","text":"AI 给我们留下了深刻的印象,我们觉得它是市场上的最佳选择。","image":"//sb.kaleidousercontent.com/67418/160x160/118585f82a/sonymusic_author.jpg","name":"Emil Barsø Rheinlænder","role":"Content \u0026 Marketing Coordinator","company":"Sony Music Entertainment Denmark","company_url":"https://www.sonymusic.com/","link":"https://www.kaleido.ai/enterprise/success-stories?utm_campaign=internal+enterprise+referrals\u0026utm_medium=enterprise+generic+carousel\u0026utm_source=rbg+testimonial+carousel"},{"company_image":"//sb.kaleidousercontent.com/67418/600x224/c0a356a433/phoenix-trading-company-logo.png","text":"这个 API 可提供无比惊艳的效果,它处理后的图像非常出色。我们一定会继续使用这个产品。","image":"//sb.kaleidousercontent.com/67418/160x160/174df4481b/phoenix_author.jpg","name":"Marc Cohen","role":"CEO","company":"Phoenix Trading Company","company_url":"","link":"https://www.kaleido.ai/s/phoenix-trading-company?utm_campaign=internal+enterprise+referrals\u0026utm_medium=enterprise+phoenix+carousel\u0026utm_source=rbg+testimonial+carousel"},{"company_image":"//sb.kaleidousercontent.com/67418/x/a5fcd22b41/techcrunch-logo.svg","text":"它能够处理好麻烦的、如羽毛般的发丝,而不会让图像呈现出锯齿状边缘从而看起来不专业,这出色的能力给我们留下了深刻的印象。","image":"//sb.kaleidousercontent.com/67418/160x160/0337b3fbf1/techcrunch_author.jpg","name":"Taylor Hatmaker","role":"Senior Technology Editor","company":"TechCrunch","company_url":"https://techcrunch.com/","link":"https://www.kaleido.ai/enterprise/success-stories?utm_campaign=internal+enterprise+referrals\u0026utm_medium=enterprise+generic+carousel\u0026utm_source=rbg+testimonial+carousel"}]">
</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=>"text-typo w-9 h-9"}</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=>"text-typo w-9 h-9"}</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=>"text-typo w-9 h-9"}</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=>"text-typo w-9 h-9"}</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=>"text-typo w-9 h-9"}</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=>"text-typo w-9 h-9"}</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=>"text-typo w-9 h-9"}</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&utm_medium=enterprise+navigation&utm_source=rbg+navigation" :draggable="false">
<p-office-icon>{:class=>"text-typo w-9 h-9"}</p-office-icon>
<p-link as="span" size="lg" href="https://www.kaleido.ai/enterprise/solutions?utm_campaign=internal+enterprise+referrals&utm_medium=enterprise+navigation&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="{"t":"{\"header\":\"疲于逐个上传文件?\",\"text\":\"一键处理任意数量的文件\",\"link\":\"获得 Windows 版本的 remove.bg\"}","link":"/zh/windows-mac-linux","icon":"https://static.remove.bg/remove-bg-web/218b543166b2250a043e81fbba89fc7007c36c02/assets/batch-16d5bb618e16f09a679ef5f7dd79d7869764f21f6132a63e798985388df887be.svg"}" 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&utm_medium=enterprise+footer+link&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&utm_medium=referral&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="{"code":"zh","name":"中文"}"
:locales="[{"code":"en","name":"English","url":"/"},{"code":"zh","name":"中文","url":"/zh"},{"code":"pt-br","name":"Português (Brasil)","url":"/pt-br"},{"code":"ja","name":"日本語","url":"/ja"},{"code":"ko","name":"한국어","url":"/ko"},{"code":"ru","name":"Русский","url":"/ru"},{"code":"fr","name":"Français","url":"/fr"},{"code":"de","name":"Deutsch","url":"/de"},{"code":"es","name":"Español","url":"/es"},{"code":"it","name":"Italiano","url":"/it"}]">
</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="{"renderAs":"banner","hotjarEnabled":true,"explicitConsent":false,"country":"CN","showRejectAll":false,"ip":"223.88.143.233","consentShareSites":[],"cookiePolicyVersion":"2022-06-08","t":"{\"consent\":\"使用 remove.bg 即表示您同意使用 Cookies。您可以在我们的\\u003ca target=\\\"_blank\\\" href=\\\"/zh/cookies\\\"\\u003eCookie政策\\u003c/a\\u003e中找到有关于我们如何使用 Cookies 的详细信息。\",\"eu_consent\":\"我们使用Cookie来改善您的使用体验并用于分析。您可随时停止对它的使用。\",\"header\":\"Cookie\",\"open_settings\":\"信息与设置\",\"modal_header\":\"Cookie设置\",\"modal_cookie_info\":\"我们使用Cookie来为您提供极佳的使用体验以及部分功能。Cookie是存储在您设备上的小文本文件。如需了解更多信息以及我们所使用的完整Cookie列表,请参阅我们的\\u003ca target=\\\"_blank\\\" href=\\\"/zh/cookies\\\"\\u003eCookie政策\\u003c/a\\u003e。\",\"always_on\":\"始终开启\",\"essential\":{\"header\":\"必需Cookie\",\"description\":\"对使用我们网站所必需的功能如注册、登录或购买来说十分必要。\"},\"functional\":{\"header\":\"功能性Cookie\",\"description\":\"被用于优化该网站的功能,例如,通过记住您的设置和偏好来为您提供更好的体验。\"},\"performance\":{\"header\":\"性能 Cookies\",\"description\":\"帮助我们测量流量和使用数据,并分析我们的服务是如何被使用的,以便为您提供更好的用户体验,以及维护、运营和改进我们的服务。这些 cookies 可能是由我们或第三方供应商设置的,我们在我们的网站和应用中添加了这些第三方供应商的服务。\"},\"targeting\":{\"header\":\"目标 Cookies\",\"description\":\"帮助我们在我们的网站或第三方网站上向您展示对您有用的广告,并衡量相关广告宣传活动的有效性。\"},\"accept_selected\":\"接受选定\",\"accept_all\":\"接受所有\",\"reject_all\":\"拒绝所有\",\"manage_cookies\":\"管理Cookie\"}"}" 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>