Search
#UI設計大補帖
【PS、AI內建的圖片壓縮器】
設計師在輸出網頁圖檔的時候，最困擾的一件事就是圖片檔案不能太大！
要知道圖片🖼檔案一大，網站載入速度就會變慢，真的是超級影響使用者體驗的致命傷！
設計人的肝苦大家都懂，但是與其使用第三方工具來壓縮圖檔，其實我們常用的Photoshop、Illustrator這兩個軟體都有內建圖檔減肥工具⚒唷！
🙋♀️想要圖檔小小又不失真嗎?趕快來看看怎麼做吧！
Hi大家好我是Jason
今天要用3分鐘帶你認識攝影基礎裡面的Raw檔跟JPEG檔
新手可能不知道
一般攝影有兩種常見的檔案 Raw跟JPEG
Raw檔基本上屬於無壓縮檔 它記錄的細節 畫素 以及畫質的順準都比較高
然後JPEG算是失真壓縮格式 會丟失比較多照片的細節
對於追求畫質以及後製居多的使用者來說
會比較推薦Raw檔 但是缺點就是檔案較大且需要花時間做調整和後製
但如果你知道想拍照上傳到IG 不在意畫質和後製的話呢
建議你選擇JPEG就好了
省時省空間省力
希望這部影片有幫助到喜歡攝影的你
我是JC老師
電腦相關課程授課超過6000小時的一位 Photoshop 課程講師
由於實在太多同學像我反映希望可以有線上課程學習
所以就決定錄製一系列的 Photoshop 線上影片教學
而且不加密、不設限、不販售，就是純分享
希望可以幫助到有需要的朋友們
這系列 Photoshop 教學影片
是由初學到深入，專為初學者設計
後半部進階內容與範例並非一般商業用途
而是針對 Photoshop 與 3ds Max 之間的整合教學
包含無縫貼圖製作、建築合成調色、室內設計合成調色、遊戲貼圖製作方面
如果這部影片對你有幫助的話，請幫我按個讚，給我點鼓勵
也多分享給需要的朋友們喔~
Photoshop CC 2020 線上教學影片目錄：http://bitly.com/2u0WwWG
Photoshop CC 2020 線上教學影片範例下載：http://bitly.com/2FTNygJ
JC-Design 網站：http://jc-d.net/
JC-Design 粉絲團：https://www.facebook.com/jcdesigntw/
JC-Design LINE ID：@umd7274k
---------------------------------------------------------------------------------------------------
解析度
● DPI (Dot Per Inch) 指的是一英寸中有幾個像素
▲ 解析度的大小關係到影像的清析與否，一般電腦螢幕的解析度為72DPI，搭配高階一點的顯示卡則可到96DPI。如果是要印刷用的影像檔案，則至少要300DPI 以上才不會有馬賽克的模糊現像產生。若是要使用在網頁上的影像檔案，則只要72DPI 就足夠了。
▲ 影像的解析度會影響列印時，影像的列印品質及大小，但不會影響它在螢幕上所呈現的品質。而且，影像解析度是可以透過 PhotoImpact 、 PhotoShop 、 PaintShop Pro… 等影像處理軟體加以改變！
● 每英寸像素，ppi 或 PPI （Pixels Per Inch）
▲ 像素密度(pixel density)單位，即每英寸的長度中所具有的像素。由解析度中X或Y軸的數字除以該軸的長度(英寸)，可得該軸的像素每英寸密度。一般的像素是方形或接近方形，X與Y軸像素密度相同，但也有不相同的顯示器。
▲ 掃描圖片時的度量單位：掃描圖片時，我們在原稿的每一英吋範圍內要產生多少畫素值pixel，經過掃描後，同一張原稿，它的 ppi 值越大時，所得到的圖像也越大，通常我們在掃描時，對於較大的正片或圖像，可以採用較大的 ppi 值，對較小的正片或照片採用較小的 ppi 值，ppi 與 dpi 是不同的！
介紹常見影像格式（BMP、GIF、JPEG、PNG、向量圖）
● BMP：Windows的標準影像格式，支援RGB、索引色、灰階和點陣色彩模式。
● GIF：翻譯為圖形交換格式，是一種LZW壓縮格式，設計用於最小化檔案大小和電子傳輸時間。優點為可以做動畫和透明背景圖，缺點是色彩數少，只支援256色、易失真。
● JPEG：是利用離散餘弦轉換壓縮技術來儲存靜態影像的檔案格式。支援CMYK、RGB、灰階色彩模式，不同於GIF的是JPEG會保留RGB影像中的所有色彩資訊，但會選擇性的丟棄資料以壓縮檔案容量，是一種破壞性的壓縮。
● PNG：是免專利的一種替代GIF的圖形格式，支援灰階、含Alpha的RGB色彩、點陣圖、無含Alpha的RGB色彩模式，利用Alpha色版來定義檔案中的透明度，所以可以產生無鋸齒邊緣的背景透明圖。
● 向量圖：以數學函式來描述螢幕上的圖形、色彩，就算是改變圖形的外觀，也只是改變了數學函式的某些參數值，讓電腦重新計算而已，因此不會有點陣圖失真和鋸齒狀的情形發聲，而且因為只是記錄數學函式的參數值，所以檔案遠小於點陣圖。
---------------------------------------------------------------------------------------------------
==延伸線上教學聯結==
Photoshop CC 2017 線上教學影片目錄：http://bit.ly/2A9PH3B
3ds Max 2015 線上教學影片目錄：http://bitly.com/2dUGqn3
AutoCAD 2015 2D 線上教學影片目錄：http://bitly.com/2dUGm6Y
TQC AutoCAD 2008 2D 線上教學影片目錄：http://bitly.com/2dUGQtB
【銀河Timelapse】天際銀河 // Timelapse 縮時攝影 // 星空攝影
這段影片其實是綜合了兩程航班所拍的畫面結合而成。月出和降落是去悉尼的航班，銀河一段則是從悉尼回港。
兩次拍攝都是幸運。去程原本只是打算隨手拍拍星空縮時，沒想到居然碰巧遇上了日出前的月出！
我拿出了小腳架，把相機架在窗邊，再披上毛氈遮擋反光，讓它一直拍至降落。降落的一段也是幸運，因為飛機剛停下，記憶卡才剛好耗盡！因此這段影片的結尾有點趕急，因為已經再沒有多餘的片段了！
回程的銀河縮時則沒那麼輕鬆，因為這次沒有小腳架的輔助…然而壯麗的景色就在窗外，就這樣放棄的話，我一輩子也會後悔的啊！於是，我只好用手拿著相機，把鏡頭緊貼在窗邊，再用毛氈覆蓋著自己。放輕呼吸、食指保持按壓著快門、身體一動不動…
「再…再堅持多一張，多一張就好…」
當你保持著一個姿勢十多二十分鐘後，每一秒也是足以讓你放棄的引誘。拍完以後，手臂的肌肉完全痠痛，持續保持專注也讓我冒了不少汗。最後，就獲得這樣的畫面了！一個字：值得呢！
===
這次的Timelapse在技術處理上，對我來說還真是有點勉強。高ＩＳＯ之下的影像除了充滿雜訊，色彩的失真也很大。單張照片可能不很明顯，但當製作成縮時影片，前一張與後一張一旦出現色彩差異就很顯眼。
大家或許都留意到，影片中銀河的部分顏色在不斷輕微地閃爍，那是我無力修正的瑕疪。除了手動把顏色有偏差的張數逐張修正外，我完全想不到還有甚麼修正的辦法。有朋友能指點一下嗎？
還有就是內容編排上也有點難弄。因為手頭上的影片，構圖上幾乎都是相同的，只差天色的變化。雖說銀河和日出的縮時本身就已經很美，但如果只是單調地拼湊起來，很快就會看膩了。
最後還想提一提震動的問題。部分片段看起來十分抖，但那其實是飛機飛行上的調整造成，實在無法避免。大家只要留意機翼就能發現，相機幾乎是不動的。如果大家想到有甚麼能避免的方法，請告訴我啊！
關於拍攝設定上的分享，可以參看我早前的照片作品《天際銀河》喔！
https://goo.gl/R82ENJ
＊另外，我將在２月３日 「 C-Shine 歲晚攝影市集」的老蛙鏡頭講座中，分享拍攝機艙銀河照片及縮時的一些心得，有興趣的朋友，快來報名吧！
報名表格：https://goo.gl/HS7W8r
C Shine 歳晚攝影市集 詳情：https://goo.gl/9gHUPB
＝＝＝
老蛙 Laowa Hong Kong Venus Optics - Laowa
Fotopro HK
OTG Onthego Limited
拍攝器材：
Sony A7iii + Laowa 15mm f/2 FE
Olympus E-M10 + Laowa 7.5mm f/2 MFT + Fotopro uFO2
Sony Rx100iii + Fotopro uFO2
Olympus E-M10 + Laowa 7.5mm f/2 MFT + Feiyu G6+ Gimbal + Fotopro X-go Mini
＝＝＝
＊加入「影影貢！攝影交流谷」，互相交流學習，一起進步吧！
https://www.facebook.com/groups/326126641128068/
阿零：土生土長香港人。既是攝影師，也是個跨媒體創作者。除了拍照，也創作攝影相關的影片和寫文章，並活躍於不同的交流平台。快來跟我交流吧！
Facebook專頁：主要用來發佈攝影作品、分享背後故事及心得、刊載文章和資訊。最重要的是和大家的交流～
YouTube頻道：定期更新，一起分享攝影的樂趣！
https://goo.gl/GoK1Zx
https://www.facebook.com/photographerling
IG：新照片最先發佈的地方！也會有較多個人生活的分享～
https://www.instagram.com/arling.hk/
Fever達人主頁：集中發佈攝影文章的地方，方便集中閱讀～
https://www.dcfever.com/column/info.php?id=643
個人網站：影片、相片、文章集中看！集合了我在不同平台創作的內容，請隨便參觀～
http://photographerling.com
Telegram攝影吹水交流Group：入來跟大家一起瘋狂交流吧！
https://t.me/joinchat/BmYJuhK5O0no2oh-uvwPkQ
