整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
線PS，即在線Photoshop，是一種無需下載和安裝即可在瀏覽器中使用的圖片處理工具。這類工具通常提供與桌面版Photoshop相似的功能，包括但不限于圖像編輯、調(diào)整、美化等。小編為大家收集整理了5款免費(fèi)在線PS網(wǎng)頁版工具，方便有需要的同學(xué)選擇使用。
稿定設(shè)計(jì)在線PS是一款專業(yè)精簡的在線PS圖片處理軟件，用戶可以直接在瀏覽器中打開網(wǎng)頁版進(jìn)行圖片的修正、調(diào)整和美化。
暖雀網(wǎng)在線PS是一款專業(yè)精簡的在線PS圖片處理軟件，無需下載和安裝，可以直接在瀏覽器中打開網(wǎng)頁版進(jìn)行圖片修正、調(diào)整和美化。
在線PS精簡版，改圖更高效。無需安裝在線打開編輯PSD文件。圖片文字輕松編輯放大縮小，支持編輯PS，SKETCH，XD等多種文件格式。
Photopea 是一款功能強(qiáng)大的在線圖像編輯工具，支持多種文件格式如 PSD、XD、Sketch 等，并提供豐富的編輯功能，包括圖層、濾鏡、選擇工具等。它幾乎與 Photoshop 功能相同，是 Photoshop 的優(yōu)秀替代品。
FreePS 是一個(gè)基于 HTML5 技術(shù)的在線圖像編輯器，無需購買、下載或安裝軟件即可使用。它具有層次結(jié)構(gòu)、濾鏡、HTML5 和開源等關(guān)鍵特性，并且是 Photoshop 的替代品。此外，F(xiàn)reePS 還支持剪貼板粘貼和上傳功能，可以直接在瀏覽器中操作。該編輯器還具備圖像編輯、畫筆、濾鏡、調(diào)整大小、文本、縮放、圖層和截圖等功能，模仿了 Photoshop 的大部分功能。
辦公人導(dǎo)航-在線ps網(wǎng)站：https://www.bgrdh.com/sites/308.html
一璞 問耕 夏乙 乾明 發(fā)自 凹非寺
量子位 報(bào)道 | 公眾號(hào) QbitAI
Adobe這家公司，雖然不時(shí)搞出一些驚艷的玩意，但大家對(duì)Photoshop一直是又愛又怨：
一，軟件買起來貴，還不一定天天用；
二，軟件比較大，換一臺(tái)電腦就很麻煩。
現(xiàn)在，有人把這兩個(gè)問題解決了。
今天量子位推薦一款：免費(fèi)、免安裝、瀏覽器里在線直接用的Photoshop替代者，名字叫做Photopea。
現(xiàn)在Photopea在國外正火得不行不行的。
Reddit上的點(diǎn)贊已經(jīng)超過了41.5K，相關(guān)討論綿延不絕；在Hacker News上也引發(fā)了不少的關(guān)注，是一個(gè)520多分的熱門話題。
只要打開這個(gè)Photopea網(wǎng)頁，你的瀏覽器里上就會(huì)出現(xiàn)一個(gè)“Photoshop”，不僅僅是像，還能完成的大部分PS功能，甚至在手機(jī)瀏覽器里都可以用。
消息一出，各類P圖票友都興奮了：你是電，你是光，你是最新的愛豆！
量子位迫不及待的打開了這款在線PS的網(wǎng)站：https://www.photopea.com/ 。
Photopea的UI界面和PS幾乎一模一樣，同樣的深灰色調(diào)，同樣的icon排列，同樣的畫板，右邊和PS一樣有圖層、操作歷史工具欄，這個(gè)布局對(duì)PS用戶可以說非常友好了，沒有什么學(xué)習(xí)難度。
而且，除了交互類似之外，快捷鍵也基本一樣，這對(duì)左手日常生長在鍵盤上的設(shè)計(jì)師來說非常友好了。
點(diǎn)擊文件→新建，系統(tǒng)非常體貼的準(zhǔn)備了各種尺寸，除了傳統(tǒng)的A4、A5紙、iPhone尺寸，還有Instagram、Twitter、Youtube等網(wǎng)站的適宜尺寸，真是舒心。
下面，量子位用《硅谷》的一張主題圖片，測試一下這個(gè)在線版的PS到底好不好用。
仿制圖章：和PS一樣好用
仿制圖章是設(shè)計(jì)師們經(jīng)常用的一種抹掉圖片雜質(zhì)的方法，重復(fù)復(fù)制圖上一片區(qū)域，粘貼到雜質(zhì)處，就可以蓋住這些不想被人看到的內(nèi)容。
我們?cè)囍眠@個(gè)在線版的PS涂掉圖片上推特的logo，和PS軟件一樣的鍵鼠操作，非常方便的就用白色背景蓋住了推特的藍(lán)色logo，效果清晰無雜質(zhì)，好評(píng)。
污點(diǎn)修復(fù)畫筆：生成效果完爆PS
為什么涂抹雜質(zhì)要用“仿制圖章”這樣一個(gè)名不副實(shí)的功能呢？
其實(shí)還是因?yàn)镻S自動(dòng)涂抹雜質(zhì)的效果差：顏色不穩(wěn)定、邊緣效果差、會(huì)出現(xiàn)奇怪的東西……總之，PS痕跡明顯。
但這個(gè)在線PS工具就不一樣了，選中修復(fù)區(qū)之后，它生成的圖像簡直滿分！
看這棟樓，這些窗戶，就像重新安裝上去的一樣，毫無違和感。
包括使用內(nèi)容填充工具，效果也一樣優(yōu)秀。
磁性套索：不太順暢
但是磁性套索就顯得差一些了，比如我們要選中hooli的這個(gè)logo，自動(dòng)磁性識(shí)別的地方其實(shí)差一點(diǎn)，必須手動(dòng)來點(diǎn)選。
但問題在于，在只有一個(gè)圖層的情況下，選中的區(qū)域竟然復(fù)制不出來？
我要這磁性套索有何用！
還是PS好，真香。
快速選中，居然是方的
另外，快速選中也是PS里常用的功能，不過，這個(gè)在線版PS的效果好像有點(diǎn)捉急。
原理上來看是合格的，但是，選中的邊框竟然都是橫平豎直的？
算了，還是用魔棒吧，效果看起來好的多：
吸色筆滿分
選中哪個(gè)顏色就是哪個(gè)顏色，這個(gè)滿分，跟PS一樣好用。
橡皮擦滿分
橡皮擦看起來非常正常了，滿分，雖然實(shí)現(xiàn)這個(gè)功能……似乎有點(diǎn)過于入門了。
默認(rèn)字體太神奇
前面這一切還都不錯(cuò)，但打字功能就很神奇了，字體包是預(yù)先裝好的，英語當(dāng)然沒問題，但是它連藏語都支持，就是不支持簡體漢字，量子位打出來的簡體字都變成了方框。
好在你可以上傳自己的字體包，得以彌補(bǔ)這個(gè)bug。
濾鏡不輸PS
這個(gè)在線PS里的濾鏡也不錯(cuò)，雖然濾鏡種類不如PS多，但效果還是杠杠滴~
最后，這個(gè)在線PS軟件還可以跟正常的PS一樣，導(dǎo)出為PNG、JPG、PSD等各種格式。
另外，還有一個(gè)完爆PS的好處是：可以在手機(jī)里用。
不過，受限于移動(dòng)端的交互方式，一些需要右鍵選中的功能還不能用，濾鏡之類的功能則反應(yīng)沒有電腦端快。
所以，這到底是誰要砸Adobe的飯碗？
他，名字叫伊萬（Ivan Kutskir），是一位28歲的90后（1990年11月出生在烏克蘭），11歲移居到捷克共和國的首都。這么看起來，伊萬也有可能站在布拉格黃昏的廣場，在許愿池投下了希望……
2003年，伊萬的父母給他買了人生第一臺(tái)電腦。2009年，伊萬入讀布拉格查理大學(xué)獲得學(xué)士和碩士學(xué)位。伊萬熱衷于理論計(jì)算機(jī)科學(xué)和人工智能。
2012年，伊萬萌生了編寫一個(gè)在線圖像處理工具的想法。2013年P(guān)hoto Pea 0.1版本上線。2014年他還在一篇博客中，敘述自己如何找到一種比Photoshop更好更快實(shí)現(xiàn)高斯模糊的方法。
量子位找到一個(gè)Photopea早期的頁面，當(dāng)時(shí)還是一個(gè)淺色的界面，已經(jīng)具備了一些基本的圖像編輯工具。
實(shí)際上，現(xiàn)在的Photopea已經(jīng)更新到3.8版，這個(gè)10月21日上線的最新版本，新增加了Live Shapes等多種功能。
最新版的Photopea，代碼已經(jīng)有64,545行。
2013年的Photopea 0.2版，代碼6,982行。
據(jù)伊萬自己透露，他最初為了搭建Photopea耗費(fèi)了7000小時(shí)（三年半時(shí)間，每天干5個(gè)小時(shí)）。直到現(xiàn)在，伊萬也是自己一個(gè)人單槍匹馬在搞。
他自己覺得還不錯(cuò)。
自從開始在頁面上加廣告之后，收入情況還不錯(cuò)，至少伊萬能在布拉格過上體面的生活。當(dāng)然，你也可以付費(fèi)使用Photopea，一方面去掉廣告，一方面也算是對(duì)他的一個(gè)支持。單用戶，一個(gè)月9美元。
早在這個(gè)項(xiàng)目之初，伊萬說過Photopea的目標(biāo)不是取代Photoshop，而是讓更多人能用上類似的工具。畢竟Photoshop價(jià)格不菲，但很多人每年其實(shí)只用一次，或者只偶爾使用一些簡單的功能。
最后，再給一次Photopea的地址：
https://www.photopea.com/
不翻墻也能用~
伊萬在Reddit上的AMA（Ask Me Anything）版塊一直在和網(wǎng)友互動(dòng)問答。
大家關(guān)心的問題很多，包括個(gè)你對(duì)這個(gè)項(xiàng)目的代碼滿意嗎？是否想去重構(gòu)？有沒有人要收購你？你還有啥盈利的想法？下一步怎么辦等等等等。
不過，也有人在討論，這個(gè)是否存在版權(quán)問題？Adobe有沒有來找你麻煩？對(duì)你抵制什么的。
小哥都給了耐心的回復(fù)。
還有人當(dāng)場提起了需求。
然后……小哥就去實(shí)現(xiàn)了它。
這個(gè)效率，真的是太逆天了。
一時(shí)間圈粉無數(shù)，有人當(dāng)場認(rèn)了偶像。
有人去表示要去送錢。
有人在情急之下，爆了粗口。
甚至有人評(píng)論道“Are you…. God?”
除了Photopea，伊萬小哥還有別的研究和作品，其中還有一些很好玩的Flash和HTML5小游戲~
量子位試玩了幾個(gè)，簡單，不過有些確實(shí)挺好玩。
比方有一個(gè)3D射擊游戲：Dino Hunt 2
地址：
http://dinohunt2.ivank.net/
還有一個(gè)挺考驗(yàn)智力的連連看：Connetion
地址：
http://connection.ivank.net/
直接復(fù)制地址到瀏覽器就行，手機(jī)上也能玩。
應(yīng)該也不用翻墻。
全集地址在此：
http://www.ivank.net/en/flash
— 完 —
活動(dòng)策劃招聘
量子位正在招聘活動(dòng)策劃，將負(fù)責(zé)不同領(lǐng)域維度的線上線下相關(guān)活動(dòng)策劃、執(zhí)行。歡迎聰明靠譜的小伙伴加入，并希望你能有一些活動(dòng)策劃或運(yùn)營的相關(guān)經(jīng)驗(yàn)。相關(guān)細(xì)節(jié)，請(qǐng)?jiān)诹孔游还娞?hào)(QbitAI)對(duì)話界面，回復(fù)“招聘”兩個(gè)字。
量子位 QbitAI · 頭條號(hào)簽約作者
?'?' ? 追蹤AI技術(shù)和產(chǎn)品新動(dòng)態(tài)
近開發(fā)了一個(gè)圖片編輯器，類似于photoshop的網(wǎng)頁版，源碼參考自GitHub上，順便也總結(jié)下使用html+js開發(fā)一個(gè)編輯器需要用到哪些知識(shí)點(diǎn)。
選型： jquery.js 和 blueimp-canvas.js都是強(qiáng)大的頁面庫，功能上類似，jquery.js比較新中文文檔也多一些。Exif.js提供了 JavaScript讀取圖像的原始數(shù)據(jù)的功能擴(kuò)展，例如：拍照方向、相機(jī)設(shè)備型號(hào)、拍攝時(shí)間、ISO感光度、GPS 地理位置等數(shù)據(jù)。
要點(diǎn)： 本項(xiàng)目使用的是分功能模塊開發(fā)的方式，將菜單、左區(qū)域、語言、配置，都放在了不同的文件中，比如菜單是config-menu.js，語言是languages文件夾，類庫是libs文件夾，各種模塊放到modules文件夾，核心庫放到了core里面，各種小工具放到了tools里面。如果同學(xué)們想深入了解各區(qū)域代碼，可以定位到相應(yīng)的文件夾下面查看。
整個(gè)項(xiàng)目的代碼分為三個(gè)部分，分別是css、js、html。入口文件是js文件夾中的main.js，入口頁面文件是index.html。如圖所示：
首頁將各種css、js文件引入，其中bundle.js是主渲染文件（使用npm打包命令打包后會(huì)生成bundle.js文件）。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<title>在線PS</title>
<meta name="description" content="." />
<meta name="keywords"
content="" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0" />
<link rel="icon" sizes="192x192" href="images/favicon.png">
<!-- Google -->
<meta itemprop="name" content="在線PS網(wǎng)頁版" />
<meta itemprop="description" content="在線PS網(wǎng)頁版是使用HTML5的免費(fèi)在線圖片編輯器..." />
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="在線PS網(wǎng)頁版" />
<meta name="twitter:description" content="在線PS網(wǎng)頁版是使用HTML5的免費(fèi)在線圖片編輯器..." />
<!-- Facebook, Pinterest -->
<meta property="og:title" content="在線PS網(wǎng)頁版" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://ps.gitapp.cn" />
<meta property="og:description" content="在線PS網(wǎng)頁版是使用HTML5的免費(fèi)在線圖片編輯器..." />
<meta property="og:site_name" content="在線PS網(wǎng)頁版" />
<script src="dist/bundle.js"></script>
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
