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