PJ-568
1 year ago
parent
1aa93be440
commit
38dbc3764f
@ -1 +1 @@
|
|||||||
<!doctype html><html lang=zh><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="568Tools 在线工具箱的 404 界面。"><script src=/js/loading.js></script><title>568Tools | 404</title><link rel=icon type=image/svg+xml href=/img/icon.svg><link rel=stylesheet href=/css/tool_type.css><script src=https://res.zvo.cn/translate/translate.js></script><script src=/js/include.js></script><div id=loading><div id=loading_bg><div class=loader>正在加载</div></div></div><div class=bg-img></div><div id=list class=nav_content><div class="item info"><h2><img alt=Main_icon class=mainicon src=/img/icon.svg> 568Tools | 404</h2><p>抱歉，查找的页面不存在。</div><div class=item><h2>可选操作</h2><div class=child><a href=/ >回到主页</a> <a style=cursor:pointer onclick=history.back(-1)>尝试返回</a></div></div></div><include src=/header.html></include><ul id=rcb_menu><li id=rcb_t1>🏠 首页<li class=hr_break><li id=rcb_t2>↑ 页顶<li id=rcb_t3>↩ 返回<li id=rcb_t4>↪ 前进<li id=rcb_t5>↻ 重载<li id=rcb_t6>🆕 新标签页打开</ul><script src=/js/contextmenu.js></script><script src=/js/push_to_baidu.js></script>
|
<!doctype html><html lang=zh><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="568Tools 在线工具箱的 404 界面。"><script src=/js/loading.js></script><title>568Tools | 404</title><link rel=icon type=image/svg+xml href=/img/icon.svg><link rel=stylesheet href=/css/tool_type.css><script src=https://res.zvo.cn/translate/translate.js></script><script src=/js/include.js></script><div id=loading><div id=loading_bg><div class=loader>正在加载</div></div></div><img id=bg-img class=bg-img src=https://bing.shangzhenyang.com/api/1080p alt="Bing Wallpaper"><div id=list class=nav_content><div class="item info"><h2><img alt=Main_icon class=mainicon src=/img/icon.svg> 568Tools | 404</h2><p>抱歉，查找的页面不存在。</div><div class=item><h2>可选操作</h2><div class=child><a href=/ >回到主页</a> <a style=cursor:pointer onclick=history.back(-1)>尝试返回</a></div></div></div><include src=/header.html></include><ul id=rcb_menu><li id=rcb_t1>🏠 首页<li class=hr_break><li id=rcb_t2>↑ 页顶<li id=rcb_t3>↩ 返回<li id=rcb_t4>↪ 前进<li id=rcb_t5>↻ 重载<li id=rcb_t6>🆕 新标签页打开</ul><script src=/js/contextmenu.js></script><script src=/js/push_to_baidu.js></script>
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
<!doctype html><html lang=zh><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="568Tools 在线工具箱的关于界面。"><script src=/js/loading.js></script><title>关于 568Tools 在线工具箱</title><link rel=icon type=image/svg+xml href=/img/icon.svg><link rel=stylesheet href=/css/tool_type.css><script src=https://res.zvo.cn/translate/translate.js></script><script src=/js/include.js></script><script src=https://code.jquery.com/jquery-3.4.1.min.js></script><script src=/js/3.0.0@marked.min.js></script><div id=loading><div id=loading_bg><div class=loader>正在加载</div></div></div><div class=bg-img></div><div id=list class=nav_content><div class="item info"><div style="padding:0 20px;max-width:800px" id=content></div><h1 id=1>许可证</h1><p style="color:#f5f5f5;padding:0 20px;max-width:800px" id=lic></div><div class=item><h2>可选操作</h2><div class=child><a href=/ >回到主页</a> <a href=#>回到页顶</a> <a style=cursor:pointer onclick=history.back(-1)>尝试返回</a></div></div></div><include src=/header.html></include><ul id=rcb_menu><li id=rcb_t1>🏠 首页<li class=hr_break><li id=rcb_t2>↑ 页顶<li id=rcb_t3>↩ 返回<li id=rcb_t4>↪ 前进<li id=rcb_t5>↻ 重载<li id=rcb_t6>🆕 新标签页打开</ul><script>$.get("/README.md",(function(t,n,e){$("#content").html(marked(t))})),$.get("/LICENSE",(function(t,n,e){$("#lic").html(marked(t))}))</script><script src=/js/contextmenu.js></script><script src=/js/push_to_baidu.js></script>
|
<!doctype html><html lang=zh><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="568Tools 在线工具箱的关于界面。"><script src=/js/loading.js></script><title>关于 568Tools 在线工具箱</title><link rel=icon type=image/svg+xml href=/img/icon.svg><link rel=stylesheet href=/css/tool_type.css><script src=https://res.zvo.cn/translate/translate.js></script><script src=/js/include.js></script><script src=https://code.jquery.com/jquery-3.4.1.min.js></script><script src=/js/3.0.0@marked.min.js></script><div id=loading><div id=loading_bg><div class=loader>正在加载</div></div></div><img id=bg-img class=bg-img src=https://bing.shangzhenyang.com/api/1080p alt="Bing Wallpaper"><div id=list class=nav_content><div class="item info"><div style="padding:0 20px;max-width:800px" id=content></div><h1 id=1>许可证</h1><p style="color:#f5f5f5;padding:0 20px;max-width:800px" id=lic></div><div class=item><h2>可选操作</h2><div class=child><a href=/ >回到主页</a> <a href=#>回到页顶</a> <a style=cursor:pointer onclick=history.back(-1)>尝试返回</a></div></div></div><include src=/header.html></include><ul id=rcb_menu><li id=rcb_t1>🏠 首页<li class=hr_break><li id=rcb_t2>↑ 页顶<li id=rcb_t3>↩ 返回<li id=rcb_t4>↪ 前进<li id=rcb_t5>↻ 重载<li id=rcb_t6>🆕 新标签页打开</ul><script>$.get("/README.md",(function(t,n,e){$("#content").html(marked(t))})),$.get("/LICENSE",(function(t,n,e){$("#lic").html(marked(t))}))</script><script src=/js/contextmenu.js></script><script src=/js/push_to_baidu.js></script>
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
<!doctype html><html lang=zh><meta charset=utf-8><meta property=og:title content=568Tools | 页面提交><meta name=description content="568Tools 在线工具箱的页面提交界面。"><meta name=viewport content="width=device-width,initial-scale=1"><script src=//res.zvo.cn/translate/translate.js></script><script src=../js/loading.js></script><title>568Tools | 页面提交</title><link rel=icon type=image/svg+xml href=../img/icon.svg><link rel=stylesheet href=../css/tool_type.css><script src=../js/include.js></script><script src=../js/giscus.js></script><div id=loading><div id=loading_bg><div class=loader>正在加载</div></div></div><div class=bg-img></div><div id=list class=nav_content><div class="item info"><h2><img alt=Main_icon class=mainicon src=../img/icon.svg> 568Tools | 页面提交</h2><p>请遵循以下步骤：<h3>一、确认类型</h3><p>① 友链：适合诸如个人博客、自建服务等独立网站；<p>② 工具：适用且仅使用于静态在线工具。<h3>二、确认所属</h3><p>① 自由：指由您或您参与的团队维护运营的非商业网站、开源服务或开源在线工具；<p>② 推荐：推荐本站添加的由其它个人或其它团队维护运营的非商业网站、开源服务或开源在线工具；<p>③ 商业：推荐本站添加的由其它个人或其它团队维护运营的非自由网站、私有服务或私有在线工具<strong>（不推荐）</strong>。<h3>三、提供地址</h3><p>* 假如您在《一、确认类型》中选择了“工具”，请确保它在固定的公开代码托管仓库存在已编译的文件；<p>* 假如地址有所改变，请重新提交。<h3>四、提交格式</h3><p>* 在评论区按照如下格式填写，请确保包含五项：</div><div class="item info"><p>类型：（选择填写“友链”“工具”）<p>所属：（选择填写“自由”“推荐”“商业”）<p>地址：（填写网站地址或托管仓库地址）<p>分支：（可不填写；假如填写了托管仓库地址请指定文件所在分支）<p>图标：（可不填写；填写图标地址）</div><div class=item><h2>评论</h2><div id=giscus-container></div></div><div class=item><h2>可选操作</h2><div class=child><a href=/ >回到主页</a> <a href=#>回到页顶</a> <a style=cursor:pointer onclick=history.back(-1)>尝试返回</a></div></div></div><include src=../header.html></include><ul id=rcb_menu><li id=rcb_t1>🏠 首页<li class=hr_break><li id=rcb_t2>↑ 页顶<li id=rcb_t3>↩ 返回<li id=rcb_t4>↪ 前进<li id=rcb_t5>↻ 重载<li id=rcb_t6>🆕 新标签页打开</ul><script src=../js/contextmenu.js></script><script src=../js/push_to_baidu.js></script>
|
<!doctype html><html lang=zh><meta charset=utf-8><meta property=og:title content=568Tools | 页面提交><meta name=description content="568Tools 在线工具箱的页面提交界面。"><meta name=viewport content="width=device-width,initial-scale=1"><script src=//res.zvo.cn/translate/translate.js></script><script src=../js/loading.js></script><title>568Tools | 页面提交</title><link rel=icon type=image/svg+xml href=../img/icon.svg><link rel=stylesheet href=../css/tool_type.css><script src=../js/include.js></script><script src=../js/giscus.js></script><div id=loading><div id=loading_bg><div class=loader>正在加载</div></div></div><img id=bg-img class=bg-img src=https://bing.shangzhenyang.com/api/1080p alt="Bing Wallpaper"><div id=list class=nav_content><div class="item info"><h2><img alt=Main_icon class=mainicon src=../img/icon.svg> 568Tools | 页面提交</h2><p>请遵循以下步骤：<h3>一、确认类型</h3><p>① 友链：适合诸如个人博客、自建服务等独立网站；<p>② 工具：适用且仅使用于静态在线工具。<h3>二、确认所属</h3><p>① 自由：指由您或您参与的团队维护运营的非商业网站、开源服务或开源在线工具；<p>② 推荐：推荐本站添加的由其它个人或其它团队维护运营的非商业网站、开源服务或开源在线工具；<p>③ 商业：推荐本站添加的由其它个人或其它团队维护运营的非自由网站、私有服务或私有在线工具<strong>（不推荐）</strong>。<h3>三、提供地址</h3><p>* 假如您在《一、确认类型》中选择了“工具”，请确保它在固定的公开代码托管仓库存在已编译的文件；<p>* 假如地址有所改变，请重新提交。<h3>四、提交格式</h3><p>* 在评论区按照如下格式填写，请确保包含五项：</div><div class="item info"><p>类型：（选择填写“友链”“工具”）<p>所属：（选择填写“自由”“推荐”“商业”）<p>地址：（填写网站地址或托管仓库地址）<p>分支：（可不填写；假如填写了托管仓库地址请指定文件所在分支）<p>图标：（可不填写；填写图标地址）</div><div class=item><h2>评论</h2><div id=giscus-container></div></div><div class=item><h2>可选操作</h2><div class=child><a href=/ >回到主页</a> <a href=#>回到页顶</a> <a style=cursor:pointer onclick=history.back(-1)>尝试返回</a></div></div></div><include src=../header.html></include><ul id=rcb_menu><li id=rcb_t1>🏠 首页<li class=hr_break><li id=rcb_t2>↑ 页顶<li id=rcb_t3>↩ 返回<li id=rcb_t4>↪ 前进<li id=rcb_t5>↻ 重载<li id=rcb_t6>🆕 新标签页打开</ul><script src=../js/contextmenu.js></script><script src=../js/push_to_baidu.js></script>
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
<!doctype html><html lang=zh><meta charset=utf-8><meta property=og:title content=568Tools | Comment><meta name=description content="568Tools 在线工具箱的评论界面。"><meta name=viewport content="width=device-width,initial-scale=1"><script src=//res.zvo.cn/translate/translate.js></script><script src=../js/loading.js></script><title>568Tools | Comment</title><link rel=icon type=image/svg+xml href=../img/icon.svg><link rel=stylesheet href=../css/tool_type.css><script src=../js/include.js></script><script src=../js/giscus.js></script><div id=loading><div id=loading_bg><div class=loader>正在加载</div></div></div><div class=bg-img></div><div id=list class=nav_content><div class="item info"><h2><img alt=Main_icon class=mainicon src=../img/icon.svg> 568Tools | Comment 评论区</h2><p>欢迎各位反馈和讨论！请不要吝啬您的<a rel=nofollow target=_blank href=.>留言反馈</a>，感谢使用及分享！</div><div class=item><h2>评论</h2><div id=giscus-container></div><div class=item><h2>可选操作</h2><div class=child><a href=/ >回到主页</a> <a href=#>回到页顶</a> <a style=cursor:pointer onclick=history.back(-1)>尝试返回</a></div></div></div><include src=../header.html></include><ul id=rcb_menu><li id=rcb_t1>🏠 首页<li class=hr_break><li id=rcb_t2>↑ 页顶<li id=rcb_t3>↩ 返回<li id=rcb_t4>↪ 前进<li id=rcb_t5>↻ 重载<li id=rcb_t6>🆕 新标签页打开</ul></div><script src=../js/contextmenu.js></script><script src=../js/push_to_baidu.js></script>
|
<!doctype html><html lang=zh><meta charset=utf-8><meta property=og:title content=568Tools | Comment><meta name=description content="568Tools 在线工具箱的评论界面。"><meta name=viewport content="width=device-width,initial-scale=1"><script src=//res.zvo.cn/translate/translate.js></script><script src=../js/loading.js></script><title>568Tools | Comment</title><link rel=icon type=image/svg+xml href=../img/icon.svg><link rel=stylesheet href=../css/tool_type.css><script src=../js/include.js></script><script src=../js/giscus.js></script><div id=loading><div id=loading_bg><div class=loader>正在加载</div></div></div><img id=bg-img class=bg-img src=https://bing.shangzhenyang.com/api/1080p alt="Bing Wallpaper"><div id=list class=nav_content><div class="item info"><h2><img alt=Main_icon class=mainicon src=../img/icon.svg> 568Tools | Comment 评论区</h2><p>欢迎各位反馈和讨论！请不要吝啬您的<a rel=nofollow target=_blank href=.>留言反馈</a>，感谢使用及分享！</div><div class=item><h2>评论</h2><div id=giscus-container></div><div class=item><h2>可选操作</h2><div class=child><a href=/ >回到主页</a> <a href=#>回到页顶</a> <a style=cursor:pointer onclick=history.back(-1)>尝试返回</a></div></div></div><include src=../header.html></include><ul id=rcb_menu><li id=rcb_t1>🏠 首页<li class=hr_break><li id=rcb_t2>↑ 页顶<li id=rcb_t3>↩ 返回<li id=rcb_t4>↪ 前进<li id=rcb_t5>↻ 重载<li id=rcb_t6>🆕 新标签页打开</ul></div><script src=../js/contextmenu.js></script><script src=../js/push_to_baidu.js></script>
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
<!doctype html><html lang=zh><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="568Tools 在线工具箱的帮助界面。"><script src=/js/loading.js></script><title>568Tools | 帮助</title><link rel=icon type=image/svg+xml href=/img/icon.svg><link rel=stylesheet href=/css/tool_type.css><script src=https://res.zvo.cn/translate/translate.js></script><div id=loading><div id=loading_bg><div class=loader>正在加载</div></div></div><div class=bg-img></div><div id=list class=nav_content><div class="item info"><h2><img alt=Main_icon class=mainicon src=/img/icon.svg> 568Tools | 帮助</h2><p>右键菜单：<p> 按下右键可以看到许多选项。<p> 在一些按钮上右键可以看到“在新标签页打开”或“在页内页打开”。<p>搜索菜单：<p> 在网页的右上角的搜索框里搜索能够查询该页的相关信息。</div></div><ul id=rcb_menu><li id=rcb_t1>🏠 首页<li class=hr_break><li id=rcb_t2>↑ 页顶<li id=rcb_t3>↩ 返回<li id=rcb_t4>↪ 前进<li id=rcb_t5>↻ 重载<li id=rcb_t6>🆕 新标签页打开</ul><script src=/js/contextmenu.js></script><script src=/js/push_to_baidu.js></script>
|
<!doctype html><html lang=zh><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="568Tools 在线工具箱的帮助界面。"><script src=/js/loading.js></script><title>568Tools | 帮助</title><link rel=icon type=image/svg+xml href=/img/icon.svg><link rel=stylesheet href=/css/tool_type.css><script src=https://res.zvo.cn/translate/translate.js></script><div id=loading><div id=loading_bg><div class=loader>正在加载</div></div></div><img id=bg-img class=bg-img src=https://bing.shangzhenyang.com/api/1080p alt="Bing Wallpaper"><div id=list class=nav_content><div class="item info"><h2><img alt=Main_icon class=mainicon src=/img/icon.svg> 568Tools | 帮助</h2><p>右键菜单：<p> 按下右键可以看到许多选项。<p> 在一些按钮上右键可以看到“在新标签页打开”或“在页内页打开”。<p>搜索菜单：<p> 在网页的右上角的搜索框里搜索能够查询该页的相关信息。</div></div><ul id=rcb_menu><li id=rcb_t1>🏠 首页<li class=hr_break><li id=rcb_t2>↑ 页顶<li id=rcb_t3>↩ 返回<li id=rcb_t4>↪ 前进<li id=rcb_t5>↻ 重载<li id=rcb_t6>🆕 新标签页打开</ul><script src=/js/contextmenu.js></script><script src=/js/push_to_baidu.js></script>
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
<!doctype html><html lang=zh><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="568Tools 在线工具箱的加载等待界面。"><script src=/js/loading.js></script><title>提示</title><link rel=icon type=image/svg+xml href=/img/icon.svg><link rel=stylesheet href=/css/tool_type.css><script src=https://res.zvo.cn/translate/translate.js></script><div id=loading><div id=loading_bg><div class=loader>正在加载</div></div></div><div class=bg-img></div><div id=list class=nav_content><div class="item info"><h2>加载中</h2><p>请稍等…… :-)<p>一般第一次使用某个工具会比较慢。</div></div><script src=/js/push_to_baidu.js></script>
|
<!doctype html><html lang=zh><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="568Tools 在线工具箱的加载等待界面。"><script src=/js/loading.js></script><title>提示</title><link rel=icon type=image/svg+xml href=/img/icon.svg><link rel=stylesheet href=/css/tool_type.css><script src=https://res.zvo.cn/translate/translate.js></script><div id=loading><div id=loading_bg><div class=loader>正在加载</div></div></div><img id=bg-img class=bg-img src=https://bing.shangzhenyang.com/api/1080p alt="Bing Wallpaper"><div id=list class=nav_content><div class="item info"><h2>加载中</h2><p>请稍等…… :-)<p>一般第一次使用某个工具会比较慢。</div></div><script src=/js/push_to_baidu.js></script>
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
<!doctype html><html lang=zh style=height:100%><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="568Tools 在线工具箱的插入工具界面。"><script src=/js/loading.js></script><title id=dynamicTitle>568Tools | 插入页面</title><link rel=icon type=image/svg+xml href=/img/icon.svg><link rel=stylesheet href=/css/tool_type.css><script src=https://res.zvo.cn/translate/translate.js></script><script src=/js/include.js></script><style>@media screen and (max-width:768px){body{padding-top:42px;display:block;height:calc(100% - 42px)}}@media screen and (min-width:768px){body{display:block;height:calc(100% - 42px)}}</style><div id=loading><div id=loading_bg><div class=loader>正在加载</div></div></div><div class=bg-img></div><include src=/header.html></include><iframe title=incert id=myIframe width=100% style=display:block;height:100%;border:none src=/incert/defualt.html></iframe><script src=/js/incert.js></script><script src=/js/push_to_baidu.js></script>
|
<!doctype html><html lang=zh style=height:100%><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="568Tools 在线工具箱的插入工具界面。"><script src=/js/loading.js></script><title id=dynamicTitle>568Tools | 插入页面</title><link rel=icon type=image/svg+xml href=/img/icon.svg><link rel=stylesheet href=/css/tool_type.css><script src=https://res.zvo.cn/translate/translate.js></script><script src=/js/include.js></script><style>@media screen and (max-width:768px){body{padding-top:42px;display:block;height:calc(100% - 42px)}}@media screen and (min-width:768px){body{display:block;height:calc(100% - 42px)}}</style><div id=loading><div id=loading_bg><div class=loader>正在加载</div></div></div><img id=bg-img class=bg-img src=https://bing.shangzhenyang.com/api/1080p alt="Bing Wallpaper"><include src=/header.html></include><iframe title=incert id=myIframe width=100% style=display:block;height:100%;border:none src=/incert/defualt.html></iframe><script src=/js/incert.js></script><script src=/js/push_to_baidu.js></script>
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
<!doctype html><html lang=zh><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="568Tools 在线工具箱的资助界面。可以给作者小小的帮助。"><script src=/js/loading.js></script><title>568Tools | 资助</title><link rel=icon type=image/svg+xml href=/img/icon.svg><link rel=stylesheet href=/css/tool_type.css><div id=loading><div id=loading_bg><div class=loader>正在加载</div></div></div><div class=bg-img></div><div id=list class=nav_content><div class="item info"><h2><img alt=Main_icon class=mainicon src=/img/icon.svg> 568Tools | 资助</h2><img alt=二维码 src=https://pj568.eu.org/images/%E8%B5%9E%E8%B5%8F%E7%A0%81.jpg style=max-width:320px;width:65%><p>568Tools 在线工具箱是一个公益项目，只需要很少的资金即可周转。</div><div class=item><h2>可选操作</h2><div class=child><a style=cursor:pointer onclick=history.back(-1)>尝试返回</a></div></div></div><ul id=rcb_menu><li id=rcb_t1>🏠 首页<li class=hr_break><li id=rcb_t2>↑ 页顶<li id=rcb_t3>↩ 返回<li id=rcb_t4>↪ 前进<li id=rcb_t5>↻ 重载<li id=rcb_t6>🆕 新标签页打开</ul><script src=/js/contextmenu.js></script><script src=/js/push_to_baidu.js></script>
|
<!doctype html><html lang=zh><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="568Tools 在线工具箱的资助界面。可以给作者小小的帮助。"><script src=/js/loading.js></script><title>568Tools | 资助</title><link rel=icon type=image/svg+xml href=/img/icon.svg><link rel=stylesheet href=/css/tool_type.css><div id=loading><div id=loading_bg><div class=loader>正在加载</div></div></div><img id=bg-img class=bg-img src=https://bing.shangzhenyang.com/api/1080p alt="Bing Wallpaper"><div id=list class=nav_content><div class="item info"><h2><img alt=Main_icon class=mainicon src=/img/icon.svg> 568Tools | 资助</h2><img alt=二维码 src=https://pj568.eu.org/images/%E8%B5%9E%E8%B5%8F%E7%A0%81.jpg style=max-width:320px;width:65%><p>568Tools 在线工具箱是一个公益项目，只需要很少的资金即可周转。</div><div class=item><h2>可选操作</h2><div class=child><a style=cursor:pointer onclick=history.back(-1)>尝试返回</a></div></div></div><ul id=rcb_menu><li id=rcb_t1>🏠 首页<li class=hr_break><li id=rcb_t2>↑ 页顶<li id=rcb_t3>↩ 返回<li id=rcb_t4>↪ 前进<li id=rcb_t5>↻ 重载<li id=rcb_t6>🆕 新标签页打开</ul><script src=/js/contextmenu.js></script><script src=/js/push_to_baidu.js></script>
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
<!doctype html><html lang=en><meta http-equiv=Content-Type content="text/html; charset=utf-8"><title>Add GIF Into a Still Image</title><link rel=stylesheet href=https://blog.photopea.com/wp-content/themes/simplex/style.css media=screen><link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel=stylesheet><script async src="https://www.googletagmanager.com/gtag/js?id=UA-4249565-46"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-4249565-46")</script><div id=page><div id=header><a href=../index.html class=title>Design Tutorials</a><a href=https://blog.photopea.com>Blog</a> | <a href=../../learn/index.html>Learn</a> | <a class=curr href=../index.html>Tutorials</a> | <a href=../../api/index.html>API</a> | <a href=https://www.facebook.com/photopea>Facebook</a> | <a href=https://www.twitter.com/photopeacom>Twitter</a></div><div id=main><div id=content><div class=post id=post-48><span class=date>June 8, 2018</span><h1>Add GIF Into a Still Image</h1><div class=entry><p>Do you want to decorate a still image with an animated GIF? Here is how to do it fast and for free :)</p><span id=more-48></span> <a href=https://i.imgur.com/KOXOBiN.gif><img src=https://i.imgur.com/KOXOBiN.gif style=width:30%></a><h2>Open your images</h2><p>First, go to <a href=../../index.html>Photopea.com</a>. Press File - Open, and open your still image. Then, press File - Open again, and open your GIF. You should see two panels ("tabs") in Photopea.</p><a href=https://i.imgur.com/2erZxK3.png><img src=https://i.imgur.com/2erZxK3.png style=width:60%></a><h3>Duplicate layers</h3><p>Now, we need to copy all layers of the second document (frames of animation) into the first document (still image). Look into the Layers panel (bottom right): there is a folder (named "animated" in our case), that contains all frame layers.<p>Now, right-click that folder (in Layers panel) and choose Duplicate Into.</p><a href=https://i.imgur.com/4w3KLAR.png><img src=https://i.imgur.com/dOPGME6.png style=width:70%></a><p>In the new window, choose the document with the still image as a destination. Confirm with OK button.<h3>Move the GIF to the right spot</h3><p>Switch to the panel ("tab") with a still image. You will see your GIF in the top left corner. Now, click and drag it to a new position (notice, that all layers of the animation are still highlighted, so you are moving all frames at the same time).<p>You can even use <a href=../../learn/free-transform.html>Free Transform</a> to make the GIF larger / smaller, or rotate it, etc.</p><a href=https://i.imgur.com/qAbuyCT.png><img src=https://i.imgur.com/qAbuyCT.png style=width:60%></a><p>Now, press File - Export As - GIF, and ... a new animation is ready! Hit Save to save it :)</p><a href=https://imgur.com/ikQanUS.gif><img src=https://imgur.com/ikQanUS.gif></a></div></div></div><div style="width:110px;margin:0 auto"><a href=# title="Share on Facebook" onclick='smallWindow("http://www.facebook.com/share.php?u=")'><img src=../../promo/fb.png></a><a href=# title="Share on Google Plus" onclick='smallWindow("https://plus.google.com/share?url=")'><img src=../../promo/gp.png></a><a href=# title="Share on Twitter" onclick='smallWindow("http://twitter.com/share?url=")'><img src=../../promo/tw.png></a><script>function smallWindow(i){window.open(i+"<? echo get_permalink($post); ?>","Share","width=640,height=300,left="+Math.floor((window.innerWidth-640)/2)+",top="+Math.floor((window.innerHeight-300)/2))}</script></div></div><div id=disqus_thread></div><script>var disqus_shortname="photopeablog";!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//"+disqus_shortname+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()</script> <?//php get_sidebar(); ?> <div id=footer>© 2013-2018 support@photopea.com</div></div>
|
<!doctype html><html lang=en><meta http-equiv=Content-Type content="text/html; charset=utf-8"><title>Add GIF Into a Still Image</title><link rel=stylesheet href=https://blog.photopea.com/wp-content/themes/simplex/style.css media=screen><link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel=stylesheet><script async src="https://www.googletagmanager.com/gtag/js?id=UA-4249565-46"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-4249565-46")</script><div id=page><div id=header><a href=../index.html class=title>Design Tutorials</a><a href=https://blog.photopea.com>Blog</a> | <a href=../../learn/index.html>Learn</a> | <a class=curr href=../index.html>Tutorials</a> | <a href=../../api/index.html>API</a> | <a href=https://www.facebook.com/photopea>Facebook</a> | <a href=https://www.twitter.com/photopeacom>Twitter</a></div><div id=main><div id=content><div class=post id=post-48><span class=date>June 8, 2018</span><h1>Add GIF Into a Still Image</h1><div class=entry><p>Do you want to decorate a still image with an animated GIF? Here is how to do it fast and for free :)</p><span id=more-48></span> <a href=https://i.imgur.com/KOXOBiN.gif><img src=https://i.imgur.com/KOXOBiN.gif style=width:30%></a><h2>Open your images</h2><p>First, go to <a href=../../index.html>Photopea.com</a>. Press File - Open, and open your still image. Then, press File - Open again, and open your GIF. You should see two panels ("tabs") in Photopea.</p><a href=https://i.imgur.com/2erZxK3.png><img src=https://i.imgur.com/2erZxK3.png style=width:60%></a><h3>Duplicate layers</h3><p>Now, we need to copy all layers of the second document (frames of animation) into the first document (still image). Look into the Layers panel (bottom right): there is a folder (named "animated" in our case), that contains all frame layers.<p>Now, right-click that folder (in Layers panel) and choose Duplicate Into.</p><a href=https://i.imgur.com/4w3KLAR.png><img src=https://i.imgur.com/dOPGME6.png style=width:70%></a><p>In the new window, choose the document with the still image as a destination. Confirm with OK button.<h3>Move the GIF to the right spot</h3><p>Switch to the panel ("tab") with a still image. You will see your GIF in the top left corner. Now, click and drag it to a new position (notice, that all layers of the animation are still highlighted, so you are moving all frames at the same time).<p>You can even use <a href=../../learn/free-transform.html>Free Transform</a> to make the GIF larger / smaller, or rotate it, etc.</p><a href=https://i.imgur.com/qAbuyCT.png><img src=https://i.imgur.com/qAbuyCT.png style=width:60%></a><p>Now, press File - Export As - GIF, and ... a new animation is ready! Hit Save to save it :)</p><a href=https://imgur.com/ikQanUS.gif><img src=https://imgur.com/ikQanUS.gif></a></div></div></div><div style="width:110px;margin:0 auto"><a href=# title="Share on Facebook" onclick='smallWindow("http://www.facebook.com/share.php?u=")'><img src=../../promo/fb.png></a><a href=# title="Share on Google Plus" onclick='smallWindow("https://plus.google.com/share?url=")'><img src=../../promo/gp.png></a><a href=# title="Share on Twitter" onclick='smallWindow("http://twitter.com/share?url=")'><img src=../../promo/tw.png></a><script>function smallWindow(n){window.open(n+"<? echo get_permalink($post); ?>","Share","width=640,height=300,left="+Math.floor((window.innerWidth-640)/2)+",top="+Math.floor((window.innerHeight-300)/2))}</script></div></div><div id=disqus_thread></div><script>var disqus_shortname="photopeablog";!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//"+disqus_shortname+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()</script> <?//php get_sidebar(); ?> <div id=footer>© 2013-2018 support@photopea.com</div></div>
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
<!doctype html><html lang=en><meta http-equiv=Content-Type content="text/html; charset=utf-8"><title>Add Watermark to a Photo</title><link rel=stylesheet href=https://blog.photopea.com/wp-content/themes/simplex/style.css media=screen><link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel=stylesheet><script async src="https://www.googletagmanager.com/gtag/js?id=UA-4249565-46"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-4249565-46")</script><div id=page><div id=header><a href=../index.html class=title>Design Tutorials</a><a href=https://blog.photopea.com>Blog</a> | <a href=../../learn/index.html>Learn</a> | <a class=curr href=../index.html>Tutorials</a> | <a href=../../api/index.html>API</a> | <a href=https://www.facebook.com/photopea>Facebook</a> | <a href=https://www.twitter.com/photopeacom>Twitter</a></div><div id=main><div id=content><div class=post id=post-81><span class=date>September 6, 2018</span><h1>Add Watermark to a Photo</h1><div class=entry><p>Sometimes, we need to place a watermark into a photo. How can we do it fast and for free?</p><span id=more-81></span> <a href=https://i.imgur.com/3CNPx3j.png target=_blank><img src=https://i.imgur.com/3CNPx3j.png class=fullw></a><h2>Open Your Image</h2><p>First, go to <a href=../../index.html>Photopea.com</a>. Press File - Open, and open open your main (background) image.<h2>Make a Watermark</h2><p>Now, we need an element, that we will use as a watermark. We have several options:<ul><li><b>Load another image</b>: Press File - Open & Place. Open your image, and then hit Enter to confirm placing.<li><b>Make a watermark yourself</b>: E.g. use a Brush or <a href=../../learn/vg-creating.html>Vector tools</a> to draw a circle or other interesting shapes.<li><b>Type a text</b>: Use a <a href=../../learn/text.html>Type tool</a> to type your own text.</ul><p>Once we are done, right-click the watermark layer (in Layers panel) and choose Rasterize.</p><img src=https://i.imgur.com/T7OdaCY.png style=width:36%><p><b>Optional:</b> we can also adjust the colors. Press Image - Adjustments - Hue/Saturation. Drag the Lightness to make the watermark completely black or completely white. Confirm with OK.<h2>Position the Watermark</h2><p>We may want our watermark to be in the corner of the image, or to be repeated over the whole image as a pattern. To move it to the corner, choose a Move tool (the first in the Toolbar) and drag the watermark to a correct position. You can also use <a href=../../learn/free-transform.html>Free Transform</a> to make it bigger or smaller.<p>To repeat the watermark across the whole image, press Filter - Other - Repeat. Here, you can choose many parameters, such as Scale, Row Shift, Spacing, Angle etc. Confirm the filter by pressing OK.</p><a href=https://i.imgur.com/ojF9aKa.png target=_blank><img src=https://i.imgur.com/ojF9aKa.png style=width:80%></a><h2>Change the Opacity</h2><p>Once we have the right watermark at the right position, we can change the way it interacts with a background. The main two parameters are the Opacity and the Blend Mode, which you can change at the top of the Layers panel. Useful blend modes are Multiply, Screen and Overlay.</p><img src=https://i.imgur.com/lN493ns.png style=width:35%><p>Now, press File - Export As - PNG or JPG. And we are done! :)</div></div></div><div style="width:110px;margin:0 auto"><a href=# title="Share on Facebook" onclick='smallWindow("http://www.facebook.com/share.php?u=")'><img src=../../promo/fb.png></a><a href=# title="Share on Google Plus" onclick='smallWindow("https://plus.google.com/share?url=")'><img src=../../promo/gp.png></a><a href=# title="Share on Twitter" onclick='smallWindow("http://twitter.com/share?url=")'><img src=../../promo/tw.png></a><script>function smallWindow(n){window.open(n+"<? echo get_permalink($post); ?>","Share","width=640,height=300,left="+Math.floor((window.innerWidth-640)/2)+",top="+Math.floor((window.innerHeight-300)/2))}</script></div></div><div id=disqus_thread></div><script>var disqus_shortname="photopeablog";!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//"+disqus_shortname+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()</script> <?//php get_sidebar(); ?> <div id=footer>© 2013-2018 support@photopea.com</div></div>
|
<!doctype html><html lang=en><meta http-equiv=Content-Type content="text/html; charset=utf-8"><title>Add Watermark to a Photo</title><link rel=stylesheet href=https://blog.photopea.com/wp-content/themes/simplex/style.css media=screen><link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel=stylesheet><script async src="https://www.googletagmanager.com/gtag/js?id=UA-4249565-46"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-4249565-46")</script><div id=page><div id=header><a href=../index.html class=title>Design Tutorials</a><a href=https://blog.photopea.com>Blog</a> | <a href=../../learn/index.html>Learn</a> | <a class=curr href=../index.html>Tutorials</a> | <a href=../../api/index.html>API</a> | <a href=https://www.facebook.com/photopea>Facebook</a> | <a href=https://www.twitter.com/photopeacom>Twitter</a></div><div id=main><div id=content><div class=post id=post-81><span class=date>September 6, 2018</span><h1>Add Watermark to a Photo</h1><div class=entry><p>Sometimes, we need to place a watermark into a photo. How can we do it fast and for free?</p><span id=more-81></span> <a href=https://i.imgur.com/3CNPx3j.png target=_blank><img src=https://i.imgur.com/3CNPx3j.png class=fullw></a><h2>Open Your Image</h2><p>First, go to <a href=../../index.html>Photopea.com</a>. Press File - Open, and open open your main (background) image.<h2>Make a Watermark</h2><p>Now, we need an element, that we will use as a watermark. We have several options:<ul><li><b>Load another image</b>: Press File - Open & Place. Open your image, and then hit Enter to confirm placing.<li><b>Make a watermark yourself</b>: E.g. use a Brush or <a href=../../learn/vg-creating.html>Vector tools</a> to draw a circle or other interesting shapes.<li><b>Type a text</b>: Use a <a href=../../learn/text.html>Type tool</a> to type your own text.</ul><p>Once we are done, right-click the watermark layer (in Layers panel) and choose Rasterize.</p><img src=https://i.imgur.com/T7OdaCY.png style=width:36%><p><b>Optional:</b> we can also adjust the colors. Press Image - Adjustments - Hue/Saturation. Drag the Lightness to make the watermark completely black or completely white. Confirm with OK.<h2>Position the Watermark</h2><p>We may want our watermark to be in the corner of the image, or to be repeated over the whole image as a pattern. To move it to the corner, choose a Move tool (the first in the Toolbar) and drag the watermark to a correct position. You can also use <a href=../../learn/free-transform.html>Free Transform</a> to make it bigger or smaller.<p>To repeat the watermark across the whole image, press Filter - Other - Repeat. Here, you can choose many parameters, such as Scale, Row Shift, Spacing, Angle etc. Confirm the filter by pressing OK.</p><a href=https://i.imgur.com/ojF9aKa.png target=_blank><img src=https://i.imgur.com/ojF9aKa.png style=width:80%></a><h2>Change the Opacity</h2><p>Once we have the right watermark at the right position, we can change the way it interacts with a background. The main two parameters are the Opacity and the Blend Mode, which you can change at the top of the Layers panel. Useful blend modes are Multiply, Screen and Overlay.</p><img src=https://i.imgur.com/lN493ns.png style=width:35%><p>Now, press File - Export As - PNG or JPG. And we are done! :)</div></div></div><div style="width:110px;margin:0 auto"><a href=# title="Share on Facebook" onclick='smallWindow("http://www.facebook.com/share.php?u=")'><img src=../../promo/fb.png></a><a href=# title="Share on Google Plus" onclick='smallWindow("https://plus.google.com/share?url=")'><img src=../../promo/gp.png></a><a href=# title="Share on Twitter" onclick='smallWindow("http://twitter.com/share?url=")'><img src=../../promo/tw.png></a><script>function smallWindow(i){window.open(i+"<? echo get_permalink($post); ?>","Share","width=640,height=300,left="+Math.floor((window.innerWidth-640)/2)+",top="+Math.floor((window.innerHeight-300)/2))}</script></div></div><div id=disqus_thread></div><script>var disqus_shortname="photopeablog";!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//"+disqus_shortname+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()</script> <?//php get_sidebar(); ?> <div id=footer>© 2013-2018 support@photopea.com</div></div>
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
<!doctype html><html lang=en><meta http-equiv=Content-Type content="text/html; charset=utf-8"><title>Convert PDF to layered PSD</title><link rel=stylesheet href=https://blog.photopea.com/wp-content/themes/simplex/style.css media=screen><link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel=stylesheet><script async src="https://www.googletagmanager.com/gtag/js?id=UA-4249565-46"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-4249565-46")</script><div id=page><div id=header><a href=../index.html class=title>Design Tutorials</a><a href=https://blog.photopea.com>Blog</a> | <a href=../../learn/index.html>Learn</a> | <a class=curr href=../index.html>Tutorials</a> | <a href=../../api/index.html>API</a> | <a href=https://www.facebook.com/photopea>Facebook</a> | <a href=https://www.twitter.com/photopeacom>Twitter</a></div><div id=main><div id=content><div class=post id=post-39><span class=date>May 30, 2018</span><h1>Convert PDF to layered PSD</h1><div class=entry><p>Do you want to edit a PDF document, or use some of its graphics elsewhere? Let's see, how to convert it into a PSD with layers, so we can work with it in Photoshop!</p><span id=more-39></span><h2>PDF to PSD</h2><p>If you try to open a PSD file in Photoshop, it will rasterize it: each page will be a bitmap, consisting only of pixels.<p>Today (the middle of 2018), Photopea is the best tool to convert PDF documents to Photoshop files. Go to <a href=../../index.html target=_blank>Photopea.com</a> to start a free online photo editor. If you see a Welcome Screen, close it by pressing the Cross in the top right corner.<p>Open a PDF file from your computer: click <b>File - Open</b> (in the top left corner), then find and select the PSD file (or use <a href=../../learn/opening-saving.html#opening>drag and drop</a>).<p>You should see the graphics of the PDF file in front of you, one page next to another. Photopea converted pages into artboards. Text was made into Type Layers (you can see its font name, font size, color etc.). Bitmaps became Smart Objects (you can save them in the original resolution). Vector graphics became Vector Shapes (with a correct fill, stroke style, gradients etc.).<p>Now, just click <b>File - Save As PSD</b>. And we are done!</div></div></div><div style="width:110px;margin:0 auto"><a href=# title="Share on Facebook" onclick='smallWindow("http://www.facebook.com/share.php?u=")'><img src=../../promo/fb.png></a><a href=# title="Share on Google Plus" onclick='smallWindow("https://plus.google.com/share?url=")'><img src=../../promo/gp.png></a><a href=# title="Share on Twitter" onclick='smallWindow("http://twitter.com/share?url=")'><img src=../../promo/tw.png></a><script>function smallWindow(i){window.open(i+"<? echo get_permalink($post); ?>","Share","width=640,height=300,left="+Math.floor((window.innerWidth-640)/2)+",top="+Math.floor((window.innerHeight-300)/2))}</script></div></div><div id=disqus_thread></div><script>var disqus_shortname="photopeablog";!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//"+disqus_shortname+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()</script> <?//php get_sidebar(); ?> <div id=footer>© 2013-2018 support@photopea.com</div></div>
|
<!doctype html><html lang=en><meta http-equiv=Content-Type content="text/html; charset=utf-8"><title>Convert PDF to layered PSD</title><link rel=stylesheet href=https://blog.photopea.com/wp-content/themes/simplex/style.css media=screen><link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel=stylesheet><script async src="https://www.googletagmanager.com/gtag/js?id=UA-4249565-46"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-4249565-46")</script><div id=page><div id=header><a href=../index.html class=title>Design Tutorials</a><a href=https://blog.photopea.com>Blog</a> | <a href=../../learn/index.html>Learn</a> | <a class=curr href=../index.html>Tutorials</a> | <a href=../../api/index.html>API</a> | <a href=https://www.facebook.com/photopea>Facebook</a> | <a href=https://www.twitter.com/photopeacom>Twitter</a></div><div id=main><div id=content><div class=post id=post-39><span class=date>May 30, 2018</span><h1>Convert PDF to layered PSD</h1><div class=entry><p>Do you want to edit a PDF document, or use some of its graphics elsewhere? Let's see, how to convert it into a PSD with layers, so we can work with it in Photoshop!</p><span id=more-39></span><h2>PDF to PSD</h2><p>If you try to open a PSD file in Photoshop, it will rasterize it: each page will be a bitmap, consisting only of pixels.<p>Today (the middle of 2018), Photopea is the best tool to convert PDF documents to Photoshop files. Go to <a href=../../index.html target=_blank>Photopea.com</a> to start a free online photo editor. If you see a Welcome Screen, close it by pressing the Cross in the top right corner.<p>Open a PDF file from your computer: click <b>File - Open</b> (in the top left corner), then find and select the PSD file (or use <a href=../../learn/opening-saving.html#opening>drag and drop</a>).<p>You should see the graphics of the PDF file in front of you, one page next to another. Photopea converted pages into artboards. Text was made into Type Layers (you can see its font name, font size, color etc.). Bitmaps became Smart Objects (you can save them in the original resolution). Vector graphics became Vector Shapes (with a correct fill, stroke style, gradients etc.).<p>Now, just click <b>File - Save As PSD</b>. And we are done!</div></div></div><div style="width:110px;margin:0 auto"><a href=# title="Share on Facebook" onclick='smallWindow("http://www.facebook.com/share.php?u=")'><img src=../../promo/fb.png></a><a href=# title="Share on Google Plus" onclick='smallWindow("https://plus.google.com/share?url=")'><img src=../../promo/gp.png></a><a href=# title="Share on Twitter" onclick='smallWindow("http://twitter.com/share?url=")'><img src=../../promo/tw.png></a><script>function smallWindow(o){window.open(o+"<? echo get_permalink($post); ?>","Share","width=640,height=300,left="+Math.floor((window.innerWidth-640)/2)+",top="+Math.floor((window.innerHeight-300)/2))}</script></div></div><div id=disqus_thread></div><script>var disqus_shortname="photopeablog";!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//"+disqus_shortname+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()</script> <?//php get_sidebar(); ?> <div id=footer>© 2013-2018 support@photopea.com</div></div>
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
<!doctype html><html lang=en><meta http-equiv=Content-Type content="text/html; charset=utf-8"><title>How To Crop A Photo Online</title><link rel=stylesheet href=https://blog.photopea.com/wp-content/themes/simplex/style.css media=screen><link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel=stylesheet><script async src="https://www.googletagmanager.com/gtag/js?id=UA-4249565-46"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-4249565-46")</script><div id=page><div id=header><a href=../index.html class=title>Design Tutorials</a><a href=https://blog.photopea.com>Blog</a> | <a href=../../learn/index.html>Learn</a> | <a class=curr href=../index.html>Tutorials</a> | <a href=../../api/index.html>API</a> | <a href=https://www.facebook.com/photopea>Facebook</a> | <a href=https://www.twitter.com/photopeacom>Twitter</a></div><div id=main><div id=content><div class=post id=post-6><span class=date>May 30, 2018</span><h1>How To Crop A Photo Online</h1><div class=entry><p>Cropping a picture is a very basic operation. We will show you, how to do it quickly online, with just a couple of clicks.</p><span id=more-6></span><h2>Crop A Photo</h2><p>Go to <a href=../../index.html target=_blank>Photopea.com</a> to start a free online photo editor. If you see a Welcome Screen, you can close it by pressing the Cross in the top right corner.<p>Open a photo from your computer: click File - Open (in the top left corner), then find and select the file in your device (or use <a href=../../learn/opening-saving.html#opening>drag and drop</a>).<p>Select a Crop Tool from the toolbar on the left side.</p><img src=https://imgur.com/1L5SHxo.png style=width:45%><p>Click into the image and drag the mouse (to the bottom right side), then release the mouse button. A rectangle is drawn. It represents the part of your image, that you want to keep (the rest will be removed). Resize this rectangle by dragging its sides or corners. You can move it by clicking and dragging inside it.</p><img src=https://imgur.com/ZKfKdeB.png class=fullw><p>Once you have the right cropping rectangle, confirm it by clicking the checkmark in the top menu.</p><img src=https://imgur.com/8Nh7CG0.png><p>And we are done! Now, press File - Export As - JPG and hit "Save" in the saving window.<h2>Crop To A Specific Size</h2><p>Sometimes, we want our new image to have a specific size, e.g. 100 x 100 pixels. Press Image (at the top) - Canvas Size.</p><img src=https://imgur.com/iv50e8M.png style=width:45%><p>Here, we can enter a new size (Width and Height) and confirm with the OK button. We can still re-position a new image by clicking and dragging it inside a canvas.<p>When the position is good, we can export it with File - Export As - JPG.</div></div></div><div style="width:110px;margin:0 auto"><a href=# title="Share on Facebook" onclick='smallWindow("http://www.facebook.com/share.php?u=")'><img src=../../promo/fb.png></a><a href=# title="Share on Google Plus" onclick='smallWindow("https://plus.google.com/share?url=")'><img src=../../promo/gp.png></a><a href=# title="Share on Twitter" onclick='smallWindow("http://twitter.com/share?url=")'><img src=../../promo/tw.png></a><script>function smallWindow(i){window.open(i+"<? echo get_permalink($post); ?>","Share","width=640,height=300,left="+Math.floor((window.innerWidth-640)/2)+",top="+Math.floor((window.innerHeight-300)/2))}</script></div></div><div id=disqus_thread></div><script>var disqus_shortname="photopeablog";!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//"+disqus_shortname+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()</script> <?//php get_sidebar(); ?> <div id=footer>© 2013-2018 support@photopea.com</div></div>
|
<!doctype html><html lang=en><meta http-equiv=Content-Type content="text/html; charset=utf-8"><title>How To Crop A Photo Online</title><link rel=stylesheet href=https://blog.photopea.com/wp-content/themes/simplex/style.css media=screen><link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel=stylesheet><script async src="https://www.googletagmanager.com/gtag/js?id=UA-4249565-46"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-4249565-46")</script><div id=page><div id=header><a href=../index.html class=title>Design Tutorials</a><a href=https://blog.photopea.com>Blog</a> | <a href=../../learn/index.html>Learn</a> | <a class=curr href=../index.html>Tutorials</a> | <a href=../../api/index.html>API</a> | <a href=https://www.facebook.com/photopea>Facebook</a> | <a href=https://www.twitter.com/photopeacom>Twitter</a></div><div id=main><div id=content><div class=post id=post-6><span class=date>May 30, 2018</span><h1>How To Crop A Photo Online</h1><div class=entry><p>Cropping a picture is a very basic operation. We will show you, how to do it quickly online, with just a couple of clicks.</p><span id=more-6></span><h2>Crop A Photo</h2><p>Go to <a href=../../index.html target=_blank>Photopea.com</a> to start a free online photo editor. If you see a Welcome Screen, you can close it by pressing the Cross in the top right corner.<p>Open a photo from your computer: click File - Open (in the top left corner), then find and select the file in your device (or use <a href=../../learn/opening-saving.html#opening>drag and drop</a>).<p>Select a Crop Tool from the toolbar on the left side.</p><img src=https://imgur.com/1L5SHxo.png style=width:45%><p>Click into the image and drag the mouse (to the bottom right side), then release the mouse button. A rectangle is drawn. It represents the part of your image, that you want to keep (the rest will be removed). Resize this rectangle by dragging its sides or corners. You can move it by clicking and dragging inside it.</p><img src=https://imgur.com/ZKfKdeB.png class=fullw><p>Once you have the right cropping rectangle, confirm it by clicking the checkmark in the top menu.</p><img src=https://imgur.com/8Nh7CG0.png><p>And we are done! Now, press File - Export As - JPG and hit "Save" in the saving window.<h2>Crop To A Specific Size</h2><p>Sometimes, we want our new image to have a specific size, e.g. 100 x 100 pixels. Press Image (at the top) - Canvas Size.</p><img src=https://imgur.com/iv50e8M.png style=width:45%><p>Here, we can enter a new size (Width and Height) and confirm with the OK button. We can still re-position a new image by clicking and dragging it inside a canvas.<p>When the position is good, we can export it with File - Export As - JPG.</div></div></div><div style="width:110px;margin:0 auto"><a href=# title="Share on Facebook" onclick='smallWindow("http://www.facebook.com/share.php?u=")'><img src=../../promo/fb.png></a><a href=# title="Share on Google Plus" onclick='smallWindow("https://plus.google.com/share?url=")'><img src=../../promo/gp.png></a><a href=# title="Share on Twitter" onclick='smallWindow("http://twitter.com/share?url=")'><img src=../../promo/tw.png></a><script>function smallWindow(n){window.open(n+"<? echo get_permalink($post); ?>","Share","width=640,height=300,left="+Math.floor((window.innerWidth-640)/2)+",top="+Math.floor((window.innerHeight-300)/2))}</script></div></div><div id=disqus_thread></div><script>var disqus_shortname="photopeablog";!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//"+disqus_shortname+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()</script> <?//php get_sidebar(); ?> <div id=footer>© 2013-2018 support@photopea.com</div></div>
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
<!doctype html><html lang=en><meta http-equiv=Content-Type content="text/html; charset=utf-8"><title>Remove Background From Photo</title><link rel=stylesheet href=https://blog.photopea.com/wp-content/themes/simplex/style.css media=screen><link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel=stylesheet><script async src="https://www.googletagmanager.com/gtag/js?id=UA-4249565-46"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-4249565-46")</script><div id=page><div id=header><a href=../index.html class=title>Design Tutorials</a><a href=https://blog.photopea.com>Blog</a> | <a href=../../learn/index.html>Learn</a> | <a class=curr href=../index.html>Tutorials</a> | <a href=../../api/index.html>API</a> | <a href=https://www.facebook.com/photopea>Facebook</a> | <a href=https://www.twitter.com/photopeacom>Twitter</a></div><div id=main><div id=content><div class=post id=post-26><span class=date>May 30, 2018</span><h1>Remove Background From Photo</h1><div class=entry><p>Cut out an object from a photo, so you can place it elsewhere, or give it another background.</p><span id=more-26></span><p>Go to <a href=../../index.html target=_blank>Photopea.com</a> to start a free online photo editor. If you see a Welcome Screen, you can close it by pressing the Cross in the top right corner.<p>Open a photo from your computer: click File - Open (in the top left corner), then find and select the file in your device (or use <a href=../../learn/opening-saving.html#opening>drag and drop</a>).<p>We have to do two steps: <b>Select Background</b> (the hard part) and <b>Delete selected area</b>.<h2>Select Background</h2><p>Photopea lets you select some part of the image. This selected area is illustrated by a countour around it.</p><img src=https://imgur.com/BxajzGd.png><p>We will demonstrate our work on <a href=https://i.imgur.com/bZMAi9K.jpg>this image of a tree</a>, where we want to remove the sky. Properly selected sky will look like this:</p><img src=https://i.imgur.com/kBrva6F.png><p>We will select the bacgkround with a Magic Wand tool. It can select an area with similar colors (blue in our case). First, select Magic Wand in the toolbar on the left (two tools are hidden under the same button).</p><img src=https://i.imgur.com/bls9wd8.png><p>Now, click on the sky area to select it. Each click removes the old selection, and creates a new one. <b>Hold Shift</b> to combine the new selection with an old selection. Try changing the Tolerance and Contiguous in the top menu. You should end up with a selected sky, as you see above.<p>Selecting may be hard, it can take 10 seconds, or even several hours. The more time you spend, the more prefect it becomes. Read more about selections at <a href=../../learn/selections.html>/learn/selections</a> and its sub-articles.<h2>Delete selected area</h2><p>To delete a selected area, press Edit - Clear in the top menu, or Delete on your keyboard. The white and grey squares mean, that the area is empty.</p><img src=https://i.imgur.com/cjofsuH.png><p>Now, save the image as PNG (File - Export As - PNG, hit "Save"). PNG is necessary, because JPG does not support transparent pixels.</div></div></div><div style="width:110px;margin:0 auto"><a href=# title="Share on Facebook" onclick='smallWindow("http://www.facebook.com/share.php?u=")'><img src=../../promo/fb.png></a><a href=# title="Share on Google Plus" onclick='smallWindow("https://plus.google.com/share?url=")'><img src=../../promo/gp.png></a><a href=# title="Share on Twitter" onclick='smallWindow("http://twitter.com/share?url=")'><img src=../../promo/tw.png></a><script>function smallWindow(o){window.open(o+"<? echo get_permalink($post); ?>","Share","width=640,height=300,left="+Math.floor((window.innerWidth-640)/2)+",top="+Math.floor((window.innerHeight-300)/2))}</script></div></div><div id=disqus_thread></div><script>var disqus_shortname="photopeablog";!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//"+disqus_shortname+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()</script> <?//php get_sidebar(); ?> <div id=footer>© 2013-2018 support@photopea.com</div></div>
|
<!doctype html><html lang=en><meta http-equiv=Content-Type content="text/html; charset=utf-8"><title>Remove Background From Photo</title><link rel=stylesheet href=https://blog.photopea.com/wp-content/themes/simplex/style.css media=screen><link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel=stylesheet><script async src="https://www.googletagmanager.com/gtag/js?id=UA-4249565-46"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-4249565-46")</script><div id=page><div id=header><a href=../index.html class=title>Design Tutorials</a><a href=https://blog.photopea.com>Blog</a> | <a href=../../learn/index.html>Learn</a> | <a class=curr href=../index.html>Tutorials</a> | <a href=../../api/index.html>API</a> | <a href=https://www.facebook.com/photopea>Facebook</a> | <a href=https://www.twitter.com/photopeacom>Twitter</a></div><div id=main><div id=content><div class=post id=post-26><span class=date>May 30, 2018</span><h1>Remove Background From Photo</h1><div class=entry><p>Cut out an object from a photo, so you can place it elsewhere, or give it another background.</p><span id=more-26></span><p>Go to <a href=../../index.html target=_blank>Photopea.com</a> to start a free online photo editor. If you see a Welcome Screen, you can close it by pressing the Cross in the top right corner.<p>Open a photo from your computer: click File - Open (in the top left corner), then find and select the file in your device (or use <a href=../../learn/opening-saving.html#opening>drag and drop</a>).<p>We have to do two steps: <b>Select Background</b> (the hard part) and <b>Delete selected area</b>.<h2>Select Background</h2><p>Photopea lets you select some part of the image. This selected area is illustrated by a countour around it.</p><img src=https://imgur.com/BxajzGd.png><p>We will demonstrate our work on <a href=https://i.imgur.com/bZMAi9K.jpg>this image of a tree</a>, where we want to remove the sky. Properly selected sky will look like this:</p><img src=https://i.imgur.com/kBrva6F.png><p>We will select the bacgkround with a Magic Wand tool. It can select an area with similar colors (blue in our case). First, select Magic Wand in the toolbar on the left (two tools are hidden under the same button).</p><img src=https://i.imgur.com/bls9wd8.png><p>Now, click on the sky area to select it. Each click removes the old selection, and creates a new one. <b>Hold Shift</b> to combine the new selection with an old selection. Try changing the Tolerance and Contiguous in the top menu. You should end up with a selected sky, as you see above.<p>Selecting may be hard, it can take 10 seconds, or even several hours. The more time you spend, the more prefect it becomes. Read more about selections at <a href=../../learn/selections.html>/learn/selections</a> and its sub-articles.<h2>Delete selected area</h2><p>To delete a selected area, press Edit - Clear in the top menu, or Delete on your keyboard. The white and grey squares mean, that the area is empty.</p><img src=https://i.imgur.com/cjofsuH.png><p>Now, save the image as PNG (File - Export As - PNG, hit "Save"). PNG is necessary, because JPG does not support transparent pixels.</div></div></div><div style="width:110px;margin:0 auto"><a href=# title="Share on Facebook" onclick='smallWindow("http://www.facebook.com/share.php?u=")'><img src=../../promo/fb.png></a><a href=# title="Share on Google Plus" onclick='smallWindow("https://plus.google.com/share?url=")'><img src=../../promo/gp.png></a><a href=# title="Share on Twitter" onclick='smallWindow("http://twitter.com/share?url=")'><img src=../../promo/tw.png></a><script>function smallWindow(n){window.open(n+"<? echo get_permalink($post); ?>","Share","width=640,height=300,left="+Math.floor((window.innerWidth-640)/2)+",top="+Math.floor((window.innerHeight-300)/2))}</script></div></div><div id=disqus_thread></div><script>var disqus_shortname="photopeablog";!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//"+disqus_shortname+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()</script> <?//php get_sidebar(); ?> <div id=footer>© 2013-2018 support@photopea.com</div></div>
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
<!doctype html><html lang=zh><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="568Tools 在线工具箱的后台管理界面。"><script src=/js/loading.js></script><title>568Tools | 服务器后台</title><link rel=icon type=image/svg+xml href=/img/icon.svg><script src=https://res.zvo.cn/translate/translate.js></script><link rel=stylesheet href=/css/tool_type.css><script src=/js/include.js></script><script src=/lib/tools/v86/build/libv86.js></script><script>"use strict";window.onload=function(){window.emulator=new V86Starter({wasm_path:"/lib/tools/v86/build/v86.wasm",memory_size:268435456,vga_memory_size:4194304,screen_container:document.getElementById("screen_container"),bios:{url:"/lib/tools/v86/bios/seabios.bin"},vga_bios:{url:"/lib/tools/v86/bios/vgabios.bin"},cdrom:{url:"/management/images/linux4.iso"},autostart:!0})}</script><div id=loading><div id=loading_bg><div class=loader>正在加载</div></div></div><div class=bg-img></div><div id=list class=nav_content><div class="item info"><h2><img alt=Main_icon class=mainicon src=/img/icon.svg> 568Tools | 控制台</h2><div id=screen_container><div style="white-space:pre;font:14px monospace;line-height:14px"></div><canvas style=display:none></canvas></div></div><div class=item><h2>控制</h2><div class=child><a href=#>控制选项一（不可用）</a> <a href=#>控制选项二（不可用）</a></div></div><div class=item><h2>可选操作</h2><div class=child><a href=/ >回到主页</a> <a style=cursor:pointer onclick=history.back(-1)>尝试返回</a></div></div></div><include src=/header.html></include><ul id=rcb_menu><li id=rcb_t1>🏠 首页<li class=hr_break><li id=rcb_t2>↑ 页顶<li id=rcb_t3>↩ 返回<li id=rcb_t4>↪ 前进<li id=rcb_t5>↻ 重载<li id=rcb_t6>🆕 新标签页打开</ul><script src=/js/contextmenu.js></script>
|
<!doctype html><html lang=zh><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="568Tools 在线工具箱的后台管理界面。"><script src=/js/loading.js></script><title>568Tools | 服务器后台</title><link rel=icon type=image/svg+xml href=/img/icon.svg><script src=https://res.zvo.cn/translate/translate.js></script><link rel=stylesheet href=/css/tool_type.css><script src=/js/include.js></script><script src=/lib/tools/v86/build/libv86.js></script><script>"use strict";window.onload=function(){window.emulator=new V86Starter({wasm_path:"/lib/tools/v86/build/v86.wasm",memory_size:268435456,vga_memory_size:4194304,screen_container:document.getElementById("screen_container"),bios:{url:"/lib/tools/v86/bios/seabios.bin"},vga_bios:{url:"/lib/tools/v86/bios/vgabios.bin"},cdrom:{url:"/management/images/linux4.iso"},autostart:!0})}</script><div id=loading><div id=loading_bg><div class=loader>正在加载</div></div></div><img id=bg-img class=bg-img src=https://bing.shangzhenyang.com/api/1080p alt="Bing Wallpaper"><div id=list class=nav_content><div class="item info"><h2><img alt=Main_icon class=mainicon src=/img/icon.svg> 568Tools | 控制台</h2><div id=screen_container><div style="white-space:pre;font:14px monospace;line-height:14px"></div><canvas style=display:none></canvas></div></div><div class=item><h2>控制</h2><div class=child><a href=#>控制选项一（不可用）</a> <a href=#>控制选项二（不可用）</a></div></div><div class=item><h2>可选操作</h2><div class=child><a href=/ >回到主页</a> <a style=cursor:pointer onclick=history.back(-1)>尝试返回</a></div></div></div><include src=/header.html></include><ul id=rcb_menu><li id=rcb_t1>🏠 首页<li class=hr_break><li id=rcb_t2>↑ 页顶<li id=rcb_t3>↩ 返回<li id=rcb_t4>↪ 前进<li id=rcb_t5>↻ 重载<li id=rcb_t6>🆕 新标签页打开</ul><script src=/js/contextmenu.js></script>
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue