圖檔格式選擇 JPG, GIF, PNG (8) , PNG (24)

Slides:



Advertisements
Similar presentations
雅安市教师资格定期注册 政策解读 雅安市教育局政策法规科. 一、执行文件: 一、执行文件: 1 、《四川省教育厅关于印发《四川省中小学教师资格定期 注册试点实施细则(试行)》的通知》(川教 [2014]60 号); 1 、《四川省教育厅关于印发《四川省中小学教师资格定期 注册试点实施细则(试行)》的通知》(川教.
Advertisements

一、就业系统 登陆地址: 账号及密码 - 账号: 密码: - 验证码与网页上相同, 不区分大小写。 – 具体如图:
世新大學.電子書平台 初階練習 (Part 1) 教學卓越中心 2013/01/23 ( 三 ) 2013/01/24 ( 四 ) 練習 & 素材檔: 網站首頁左下角「友善連結」處 網站首頁 1.
E-portfolio 個人履歷網站教學
第八次全國科學技術會議 第一議題:結合人文科技,提升生活品質
“国培计划”引领我们不断前行 齐齐哈尔市幼教研修6组(3) 2015年5月14日.
第三章 图像处理技术 第三章 多媒体图像处理技术.
人事室工作報告 一、104學年度下學期教師異動情形: 1.新進代理教師:吳俊霖 。
第1章 基础设计知识  学习目标 学习有关动画的相关知识,以及Flash入门中需要掌握的一些基本操作。主要内容包括Flash动画的特点、应用领域, Flash CS5的基本操作,Flash动画制作过程等。同时通过完成本章习题,更好地掌握本章知识点,为以后的学习打下基础。  学习重点 熟悉Flash动画的特点以及应用领域、Flash.
岳飞( 1103——1142) 字鹏举,汉族人,是南宋著名抗金将领,相州汤阴(今河南汤阴)人。二十岁从军,因军功屡迁,后被秦桧以“莫须有”罪名污陷而杀害,时年39岁,谥“武穆”,后改谥“忠武”,有《岳武穆集》传世。《全宋词》存词三首 (《满江红·怒发冲冠》、《满江红·登黄鹤楼有感》、《小重山》)。
2013年度农业科技成果转化资金项目的监理和验收工作安排
网页制作与网站设计教学课件 网页制作与网站设计课程组开发
第 3 章 補間動畫應用-英文字母教學動畫.
焦作32中 108班 杨梦洁 、杨梦涛、赵 璐、赵鑫、赵恒 2009年8月2日
網頁圖檔簡介 動畫製作 動態HTML效果 製作相片投影片秀
學生:3A黃寶珠(35),楊偉漢(39) 教師:黃瑞勤老師
“东方瑞士” ——青岛.
個人資料保護法簡介 報告人: 花蓮地檢署主任檢察官 許建榮.
听完介绍,请你描述一下脑海中的凤城河 新课导入 请你听一段声音:《美在凤城河》
第20课 迷人的动画片 威海市 高新区 初村小学 执教人:吴磊. 第20课 迷人的动画片 威海市 高新区 初村小学 执教人:吴磊.
第9章 平面图像处理基础 9.1 平面图像处理基本概念 9.2 Photoshop基础操作.
第5课 绘制与修饰图像 本章要点 具体要求 本章导读 上机练习 主讲教师:赵 渊.
色彩基本認識 2010 年 9 月 Hsiu-fen Wang
电子书包互动教学系统.
客户需求书暨邀请罗老函 “中国亮点”首先是一家“外脑投资”公司 投的是“思想资产”—— 《新利益管理学》 二0一六年三月十五日.
旅游服务与管理专业 旅游服务与管理专业 旅游服务与管理专业 旅游服务与管理专业 旅游服务与管理专业
5B專題研習第六組 主題:積極人生·拒絕誘惑 吸毒的禍害
驾驭教材之我见 初中信息技术 钢管公司中学 赵捷.
(备注:本动画地图适用于Powerpoint2003以上版本;下划线文字、箭头为按钮)
非常好色軟體應用研習 數立科技推廣組 2009/02/17.
組別:第五組 小組成員:賴瑋、蔡宜瑾、曾子珊、陳玟羽 報告人:曾子珊
Photoshop CS5 五.影像的儲存、輸出與列印
第 7 章 設定網頁背景與音樂.
數位影像壓縮 技術簡介 第四組 陳孝賢.
網頁版面設計 如何設計好網站? 捷盛電腦 陳文陞講師.
中文字SVG檔製作 利用線上文字產生器 編製者:陳培文
Word與PowerPoint的結合 建功國小 陳旻杰 健行國小 張慧如.
第1章 图像处理基本知识 本章简介: 本章将主要介绍图像处理的基础知识,包括位图与矢量图、图像尺寸与分辨率、文件常用格式、图像色彩模式等。通过对本章的学习,可以快速掌握这些基础知识,有助于更快、更准确地处理图像。
檔案與磁碟的基本介紹.
JPG、GIF、PNG 教學卓越中心、電算中心 2009/10/09 (五)A 我來自 “世新校園授權圖庫” edited by Wang.
電腦美術設計基本知識.
第2章 Photoshop 基本操作 2.1 Photoshop的操作环境 2.2图像文件的操作 2.3 图像窗口的基本操作
第 3 章 圖文並茂— 在文件中加入圖片 著作權所有 © 旗標出版股份有限公司.
圖片格式簡介 張啟中.
POWERPOINT模板 适用于医学药物及相关类别演示
PPT外援篇 Photoshop 告别菜鸟三部曲 ——主讲:XXXXXXXXX 我第一次当老师,可能会有些啰嗦,还望各位童鞋海涵!
網頁製作 東海國中資訊組.
AOT_供應商安裝手冊.
色彩基本認識 2006 年 10 月 Hsiu-fen Wang.
雙色鑰匙圈製作 Flashprint + Tinkercad
Photoshop(cs2)基础课程 主讲:郝同宝.
Prepare by Jean Huang 黃瀞儀
高中二資訊科 數碼圖像.
大學學群報告 十八個學群在學什麼? 自我探索課程.
电子商务网站开发 第八讲:图像的概念与制作 上海财经大学信息管理与工程学院.
平面设计软件——Photoshop 基础知识.
李倩玉老師.
論四端 孟子 一. 關於孟子…… 孟子,名軻,字子輿,戰國時鄒人。他受業於孔子孫子思的門人,是繼孔子後,儒家的另一位代表人物,給人尊稱為「亞聖」。 你想了解孟子更多的生平事蹟嗎?你聽過「孟母三遷」的故事嗎? 試用滑鼠指向孟子畫像,然後在滑鼠左邊連按兩下。
育達商業大學 苗進修部 休閒事業管理系 一年A班 學號: 姓名:陳 友.
国家职业资格全国统一鉴定管理系统 照片采集标准及操作规程 河南凯若管理培训中心 河南华盛职业培训学校 孙爱芳 制作.
計算機中心 網路規劃組 2005/07/11-12.
何謂gif動畫? GIF是Graphics Interchange Format的縮寫,意思是「圖像交換格式」
Photoshop.
Brief Guide of FrontPage
6.1 動畫檔案的格式 6.2 建立合適的動畫元素.
第二步 做好准备让装修有条不紊 ——前期工作.
台北縣的歷史發展.
网店用图 巧用普通软件做出漂亮网店用图 2017电子商务专业 -- by Agin.
关于复旦大学体锻制度的调查报告 仇璐 宛蓉.
萬能科技大學 106-1導師會議 研發處 吳復強
Presentation transcript:

E-mail 圖檔格式選擇 JPG, GIF, PNG (8) , PNG (24) 教學卓越中心 2013/12 我們來自 “世新校園授權圖庫” edited by CTE

【困擾】 all-users 信件 因超過 100 KB 而迭遭退件打擊

我是照片, 對啦,我就是 大家常用的 JPG! 常見原因之一是:圖檔格式不適當 許多人喜歡存 JPG,但它未必適合每種圖檔性質 世新校園授權圖庫 我的重點是 “文字” 也請把我存成 PNG 謝謝! 我是照片, 對啦,我就是 大家常用的 JPG! 我是 “色塊” 請把我存成 PNG 謝謝! 這文字在 PPT 裡不是很清晰,但在網頁或e-mail 裡會跟「真字」 一樣清晰。

【狀況】不適合存 JPG 的,卻存為 JPG 例如:都是文字、色塊時 結果: 糊糊的, 且檔案大

【狀況】不適合存 JPG 的,卻存為 JPG 例如:文字、色塊、圖案、 漸層

【狀況】存成 JPG 時,品質過低 JPG 壓縮到文字幾乎已無法閱讀

圖檔格式的選擇?依該圖色彩狀況 選對了 沒選對 選對了

for 網頁用圖檔格式 姑且不管 all-users 信件 100 KB 的限制 先來瞭解網頁用 (含 e-mail) 的圖檔格式 For 網頁用 圖檔格式

網頁用的圖檔格式 GIF 圖形交替格式 (Graphics Interchange Format) JPEG 靜態影像壓縮標準,適合照片。 (Joint Photographic Experts Group) GIF 圖形交替格式 (Graphics Interchange Format) 最多 256 色,可以有 1 色透明。適合色塊、 圖案。 PNG 可攜式網路圖案 (Portable Network Graphics) PNG 有兩種: PNG 8 和 PNG 24

網頁用的圖檔格式 檔案格式 色彩深度 透明度 JPG 無 GIF 周圍常一圈白白的 PNG (8) (同上) PNG (24) 漸漸透明,很平順 全彩,224 28 28 全彩,224 8 位元 索引色 最多 256 種色彩 24 位元 全 彩 16,777,216 種色彩變化

全彩、256 色 224 = 16,777,216 28 =256 〝一千六百多萬色〞數字太長了 「 24 位元」比較好講。 俗稱「全彩」 〝一千六百多萬色〞數字太長了 「 24 位元」比較好講。 俗稱「全彩」 28 =256 8 位元 又叫「索引色」

實例效果比較

JPG、GIF/PNG(8)、PNG(24) 更改投影片背景色 可清楚看到效果…

JPG、GIF/PNG(8)、PNG(24) JPG PNG 8 GIF 更改投影片背景色 可清楚看到效果… PNG 24

JPG、GIF/PNG(8)、PNG(24)

JPG、GIF/PNG(8)、PNG(24) JPG GIF PNG 8 PNG 24

投影片「背景色」與圖檔原來背景色相同時 圖片來源:故宮網站

投影片「背景色」與圖檔原來背景色不同時 圖片來源:故宮網站 PNG 24 PNG 8 GIF

檔案大小舉例: PNG (8): 26 KB JPG (60%): 34 KB

JPG 和 PNG (8) 以字體和圖案為主時,適合 PNG (8) 照片為主時,適合 JPG GIF 和 PNG(8) 外觀效果一樣 但 PNG(8) 檔案比較小 所以兩者作選擇時,建議 PNG(8) 「文字」存成「圖檔」時,會清楚到誤以為還是〝文字〞 【例】英語系以《Write to Learn》線上系統,促進新生的「英文作文」能力 照片為主時,適合 JPG JPG 和 PNG(24) 都是全彩 PNG(24) 很完美,但檔案比較大,適合作備份 all-users 信件上限是100 KB, 所以內嵌於 e-mail 時通常不使用 PNG (24) 採連結方式或另開網頁時則可考慮 【例】可汗學院 (1):教室有牆、教育無界,24 小時「網路家教」

所以… 要嘛 PNG (8) 要嘛 JPG 至於 GIF,除非是動畫,否則不建議 GIF 動畫 圖片來源:Google 首頁

儲存圖檔的軟體 PowerPoint Photoshop Illustrator 較簡單,有時效果較差 可存成 PNG 後,再到 Photoshop 重存 以下二者可較仔細設定 Photoshop Illustrator PowerPoint Photoshop Illustrator

SHU 儲存圖檔:PowerPoint PowerPoint 也可存圖檔, 但 GIF 效果較差,PNG 是 24,沒有 PNG (8) 這是圖檔了 SHU 這還是文字 GIF PNG 24 JPG 選取後, 按右鍵, 選 「另存成圖片」

在 Photoshop「儲存為網頁用」格式 1. 選檔案格式 看這樣好不好 2. 該格式相關設定 例如 JPG要設壓縮品質 這會影響到檔案大小 3. 查看檔案大小

在 Illustrator 「儲存為網頁用」 格式 1. 選格式 看這樣好不好 2. 設寬度 按 [套用] 從向量圖轉存時 寬高愛設多寬就多寬 3. 查看檔案大小

注意事項: JPG 越存會越差 儘量拿原始的製作檔來重設長寬、儲存選項 避免一再拿上一手的 JPG 重存。 變 差

注意事項: 一開始就要選對格式, 不要拿已存錯的檔來改存。 因此,手上要保留最原來的檔 (如:照片、psd、ai、ppt (x)…) 一開始就要選對格式, 不要拿已存錯的檔來改存。 例如應該存成 png,卻存成 jpg 請不要拿 jpg 來另存 請拿原始製作檔 (例如 psd) 來重新設定儲存 因此,手上要保留最原來的檔 (如:照片、psd、ai、ppt (x)…)

校園授權圖庫 本校校園授權圖庫:照片類 61 類,各舉 4 例,共 244 例 本校校園授權圖庫:向量圖案類 (19 輯) 照片類 向量圖

祝 順 利