前端切圖要選擇png和jpg呢？
今天特意驗證了一下： 切完圖分別保存png24、png8和jpg60、jpg80（60和80表示保存圖片時品質選擇）后， 然后再壓縮圖片，壓縮圖片地址：https://tinypng.com/ 圖片直接拉進去就可以壓縮，壓縮完對比一下，沒想到png24圖片壓縮完內存小又清晰；jpg ...
原文：PS-前端切圖教程（切jpg圖和切png圖）
ps：多日后的補充說明 部分看了文章的設計師，來找我說怎么切圖。sorry 在我的理解，這就是切圖啊，但是他們所指的 切圖 是，怎么把設計圖制作成html頁面。 在我看來，現在人們對於前端都是有誤區的。認為前端是切圖的， 也確實是這么叫的，本人情感上很不願意聽前端被叫做 切圖的 所以也會誤認為我的這篇文章是寫給設計師的。 其實不然，這篇文章適用於計算機出身的前端甚至后端 對於ps等設計軟件沒有基礎 ...
2017-06-27 15:42 8 88865 推薦指數：
相關推薦
PS-頭發絲摳圖
【PS版本】Photoshop CS5 【主題】頭發絲摳圖 【操作步驟】 第一步：打開待處理圖片，復制圖層； 第二步：快速選擇工具選擇主體（也可用魔術棒用具選擇背景色，然后反向）； 第三步：點擊“選擇”選項，調出“調整邊緣”； 第四步：視圖選擇：疊加；選中“凈化顏色”，輸出：新建圖層 ...
PS-大樹樹葉樹枝摳圖
1、套索工具框選大樹，CRTL+J復制圖層，關閉背景圖層2、點擊進入通道，點擊藍色通道，復制藍色通道3、CRTL+L，調出色階，拉動黑白滑塊，讓對比更加明顯4、按住CRTL，點擊通道，點選RGB通道， ...
前端技術-PS切圖
頁面制作部分之PS切圖 <--本標簽下，通過頁面制作、頁面架構、javascript程序設計、DOM編程藝術、產品前端架構五部分來分享總結筆記，總結筆記會陸續分享--> 網頁設計在技術層面上，第一步是美工做出網頁效果圖，第二步就是網頁前端進行網頁切圖。網頁切圖工具常用 ...
PS 扣透明底 png 圖
1. 打開PS，要去白底的圖片 2. 圖層解鎖 雙擊圖層解鎖，或者復制一層，將原圖層隱藏 3. 選擇魔棒工具 點擊圖片上白色位置，就可以看到白色部分都選擇上了，shift鍵可以添加選擇 4. delete鍵，清空底，可看到背景已經是透明的 5.保存選擇png格式 ...
ps切圖保存所有切片為png
ps切圖保存所有切片為png的步驟： 1. 切圖完畢后 2. 點擊‘文件’--‘保存為web格式’，彈出對話框 3. 選擇左下角的縮放，縮放到一定的比例 4. 按住鍵盤shift 點選需要的切片（切片周圍呈現橙黃色線框） 5. 點擊右上角格式為‘png’ 6. 點擊右下角'存儲'，彈出 ...
前端必備切圖ps篇
前言：當設計師通過photoshop工具設計完設計稿導出psd文件時，我們前端工程師該如何進行切圖轉換成網頁的所需的圖片呢，接下來講講如何利用photoshop工具快速簡潔的切圖，因為ps工具用到的行業很多，涉及到的各個行業，所以有一些快捷的面板可以隱藏掉。前端工程師只顯示適合面板和元素就可以 ...
前端PS常用切圖技巧
前言：前端涉及到的 ps 操作不算復雜，基本上就是切圖，本文總結了常用的幾種切圖技巧。 工具：photoshop cs6 、 photoshop cc 1. 傳統切圖 01 這是最笨的一種方法，核心就是用選區工具選中我們要的切圖區域，復制到新文件，然后整個保存下來，這樣的切圖方法幾乎沒有 ...