素和分辨率
一幅圖像的質(zhì)量好壞跟圖像分辨率和尺寸的大小息息相關(guān)。同樣大小的圖像,其分辨率越高,圖像越清晰。決定分辨率的主要因素是每單位尺寸含有的像素?cái)?shù)目,因此像素?cái)?shù)目與分辨率之間也是相關(guān)的。無論是印刷輸出的圖像,還是多媒體圖像或網(wǎng)頁圖像,在制作之前必須先確定圖像的分辨率和尺寸,這樣才能更有效地去編輯和處理圖像。
在Photoshop中,單擊【圖像】>【圖像大小】菜單項(xiàng),彈出【圖像大小】對話框。在該對話框中可以設(shè)置圖像的像素和分辨率。
該組合框用來顯示當(dāng)前圖像在Photoshop中表現(xiàn)的寬度和高度,它決定了圖像屏幕的尺寸。
該組合框用來顯示圖像的打印尺寸和打印分辨率。
如果圖像帶有應(yīng)用了圖層樣式的圖層,選中該復(fù)選框后,會在調(diào)整圖像大小的同時(shí)按照比例縮放樣式效果。
選中該復(fù)選框,在修改寬度和高度其中一個(gè)數(shù)值時(shí),系統(tǒng)將會按照比例調(diào)整另一個(gè)數(shù)值,使得圖像的寬度和高度的比例保持不變。
通過重定圖像像素的方法可以增加圖像中包含像素的數(shù)量,這樣再放大圖像時(shí)也不會模糊不清。在【重定圖像像素】下拉表中有5個(gè)選項(xiàng),可以分為3種類型:鄰近、兩次線性和兩次立方。
“文檔大小”控制的是圖片的打印尺寸,而photoshop是按照圖像的像素控制顯示大小的。 圖像都是由像素組成的(高度像素×寬度像素=圖像總像素)
在photoshop中,每一個(gè)像素在顯示屏上的尺寸都一樣,和圖像分辨率沒有關(guān)系。
圖像分辨率決定的是打印出來圖片的每個(gè)像素的大小,若打印尺寸一定,圖像分辨率越高,則每個(gè)像素所占據(jù)尺寸越小。圖像也越精細(xì)。
上圖是將圖像分辨率設(shè)置為1280×1024時(shí)圖像的大小,而下圖是在同樣顯示器上,同樣一張圖,將分辨率改為1024×768的測量結(jié)果
photoshop中的“視圖>打印尺寸”選項(xiàng)可以讓電腦的顯示尺寸和最終的打印尺寸保持一致,但由于每個(gè)人的顯示器尺寸和分辨率可能存在不同,而photoshop不知道你的顯示器尺寸和分辨率,所以一般來說,顯示出來的尺寸不是那么精確的。有一個(gè)簡單的辦法可以測試你的顯示屏顯示尺寸和實(shí)際打印尺寸有多少差別:
1>在photoshop里任意打開一幅圖片。
2>選擇“視圖>打印尺寸”
3>快捷鍵ctrl+R打開標(biāo)尺
4>如果標(biāo)尺單位設(shè)置的不是“厘米”,雙擊標(biāo)尺將其單位換成“厘米”。
5>找一把標(biāo)準(zhǔn)尺,貼近屏幕photoshop中的標(biāo)尺,可以很清楚地看出兩者的差別。
位圖與矢量圖
計(jì)算機(jī)繪圖分為點(diǎn)陣圖(又稱位圖或柵格圖像)和矢量圖形兩大類,認(rèn)識他們的特色和差異,有助于創(chuàng)建、輸入、輸出編輯和應(yīng)用數(shù)字圖像。位圖圖像和矢量圖形沒有好壞之分,只是用途不同而已。因此,整合位圖圖像和矢量圖形的優(yōu)點(diǎn),才是處理數(shù)字圖像的最佳方式。
點(diǎn)陣圖與矢量圖的兩個(gè)文件的區(qū)別(請注意細(xì)節(jié)部分)
與下述基于矢量的繪圖程序相比,像Photoshop 這樣的編輯照片程序則用于處理位圖圖像。當(dāng)您處理位圖圖像時(shí),可以優(yōu)化微小細(xì)節(jié),進(jìn)行顯著改動,以及增強(qiáng)效果。位圖圖像,亦稱為點(diǎn)陣圖像或繪制圖像,是由稱作像素(圖片元素)的單個(gè)點(diǎn)組成的。這些點(diǎn)可以進(jìn)行不同的排列和染色以構(gòu)成圖樣。當(dāng)放大位圖時(shí),可以看見賴以構(gòu)成整個(gè)圖像的無數(shù)單個(gè)方塊。擴(kuò)大位圖尺寸的效果是增多單個(gè)像素,從而使線條和形狀顯得參差不齊。然而,如果從稍遠(yuǎn)的位置觀看它,位圖圖像的顏色和形狀又顯得是連續(xù)的。由于每一個(gè)像素都是單獨(dú)染色的,您可以通過以每次一個(gè)像素的頻率操作選擇區(qū)域而產(chǎn)生近似相片的逼真效果,諸如加深陰影和加重顏色??s小位圖尺寸也會使原圖變形,因?yàn)榇伺e是通過減少像素來使整個(gè)圖像變小的。同樣,由于位圖圖像是以排列的像素集合體形式創(chuàng)建的,所以不能單獨(dú)操作(如移動)局部位圖。
點(diǎn)陣圖像是與分辨率有關(guān)的,即在一定面積的圖像上包含有固定數(shù)量的像素。因此,如果在屏幕上以較大的倍數(shù)放大顯示圖像,或以過低的分辨率打印,位圖圖像會出現(xiàn)鋸齒邊緣。在圖1中,您可以清楚地看到將局部圖像放大4倍和12倍的效果對比。
現(xiàn)在就以下面的照片為例,如果我們把照片掃描成為文件并存盤,一般我們可以這樣描述這樣的照片文件:分辨率多少乘多少,是多少色等等。這樣的文件可以用PhotoShop、CorelPaint等軟件來瀏覽和處理。通過這些軟件,我們可以把圖形的局部一直放大,到最后一定可以看見一個(gè)一個(gè)像馬賽克一樣的色塊,這就是圖形中的最小元素----像素點(diǎn)。到這里,我們再繼續(xù)放大圖象,將看見馬賽克繼續(xù)變大,直到一個(gè)像素占據(jù)了整個(gè)窗口,窗口就變成單一的顏色。這說明這種圖形不能無限放大。
點(diǎn)陣圖的文件類型很多,如*.bmp、*.pcx、*.gif、*.jpg、*.tif、photoshop的*.pcd、kodak photo CD的*.psd、corel photo paint的*.cpt等。同樣的圖形,存盤成以上幾種文件時(shí)文件的字節(jié)數(shù)會有一些差別,尤其是jpg格式,它的大小只有同樣的bmp格式的1/20到1/35,這是因?yàn)樗鼈兊狞c(diǎn)矩陣經(jīng)過了復(fù)雜的壓縮算法的緣故。
如果你把一組這樣的文件存盤,你一定能發(fā)現(xiàn)有這樣的規(guī)律:
1.圖形面積越大,文件的字節(jié)數(shù)越多
2.文件的色彩越豐富,文件的字節(jié)數(shù)越多
這些特征是所有點(diǎn)陣圖共有的。這種圖形表達(dá)方式很象我們在初中數(shù)學(xué)課在坐標(biāo)紙上逐點(diǎn)描繪函數(shù)圖形,雖然我們可以逐點(diǎn)把圖形描繪得很漂亮,但用放大鏡看這個(gè)函數(shù)圖形的局部時(shí),就是一個(gè)個(gè)粗糙的點(diǎn)。編輯這樣的圖形的軟件也叫點(diǎn)陣圖形編輯器。如:PhotoShop、PhotoStyle、畫筆等等。
矢量圖像,也稱為面向?qū)ο蟮膱D像或繪圖圖像,在數(shù)學(xué)上定義為一系列由線連接的點(diǎn)。像Adobe Illustrator、CorelDraw、CAD等軟件是以矢量圖形為基礎(chǔ)進(jìn)行創(chuàng)作的。矢量文件中的圖形元素稱為對象。每個(gè)對象都是一個(gè)自成一體的實(shí)體,它具有顏色、形狀、輪廓、大小和屏幕位置等屬性。既然每個(gè)對象都是一個(gè)自成一體的實(shí)體,就可以在維持它原有清晰度和彎曲度的同時(shí),多次移動和改變它的屬性,而不會影響圖例中的其它對象。這些特征使基于矢量的程序特別適用于圖例和三維建模,因?yàn)樗鼈兺ǔR竽軇?chuàng)建和操作單個(gè)對象。基于矢量的繪圖同分辨率無關(guān)。這意味著它們可以按最高分辨率顯示到輸出設(shè)備上。
矢量圖形與分辨率無關(guān),可以將它縮放到任意大小和以任意分辨率在輸出設(shè)備上打印出來,都不會影響清晰度。因此,矢量圖形是文字(尤其是小字)和線條圖形(比如徽標(biāo))的最佳選擇。
有一些圖形(如工程圖、白描圖、卡通漫畫等),它們主要由線條和色塊組成,這些圖形可以分解為單個(gè)的線條、文字、圓、矩形、多邊形等單個(gè)的圖形元素。再用一個(gè)代數(shù)式來表達(dá)每個(gè)被分解出來的元素。例如:一個(gè)圓我們可以表示成圓心在(x1,y1),半徑為r的圖形;一個(gè)矩形可以通過指定左上角的坐標(biāo)(x1,y1)和右下角的坐標(biāo)(x2,y2)的四邊形來表示;線條可以用一個(gè)端點(diǎn)的坐標(biāo)(x1,y1)和另一個(gè)端點(diǎn)的坐標(biāo)(x2,y2)的連線來表示。當(dāng)然我們還可以為每種元素再加上一些屬性,如邊框線的寬度、邊框線是實(shí)線還是虛線、中間填充什么顏色等等。然后把這些元素的代數(shù)式和它們的屬性作為文件存盤,就生成了所謂的矢量圖(也叫向量圖)。
矢量圖形格式也很多,如Adobe Illustrator的*.AI、*.EPS和SVG、AutoCAD的*.dwg和dxf、Corel DRAW的*.cdr、windows標(biāo)準(zhǔn)圖元文件*.wmf和增強(qiáng)型圖元文件*.emf等等。當(dāng)需要打開這種圖形文件時(shí),程序根據(jù)每個(gè)元素的代數(shù)式計(jì)算出這個(gè)元素的圖形,并顯示出來。就好象我們寫出一個(gè)函數(shù)式,通過計(jì)算也能得出函數(shù)圖形一樣。編輯這樣的圖形的軟件也叫矢量圖形編輯器。如:AutoCAD、CorelDraw、Illustrator、Freehand等。
這樣的圖形也有共同的規(guī)律:
1.你可以無限放大圖形中的細(xì)節(jié),不用擔(dān)心會造成失真和色塊?! ?/p>
2.一般的線條的圖形和卡通圖形,存成矢量圖文件就比存成點(diǎn)陣圖文件要小很多?! ?/p>
3.存盤后文件的大小與圖形中元素的個(gè)數(shù)和每個(gè)元素的復(fù)雜程度成正比。而與圖形面積和色彩的豐富程度無關(guān)。(元素的復(fù)雜程度指的是這個(gè)元素的結(jié)構(gòu)復(fù)雜度,如五角星就比矩形復(fù)雜、一個(gè)任意曲線就比一個(gè)直線段復(fù)雜)
4.通過軟件,矢量圖可以輕松地轉(zhuǎn)化為點(diǎn)陣圖,而點(diǎn)陣圖轉(zhuǎn)化為矢量圖就需要經(jīng)過復(fù)雜而龐大的數(shù)據(jù)處理,而且生成的矢量圖的質(zhì)量絕對不能和原來的圖形比擬。好了,點(diǎn)陣圖與矢量圖的區(qū)別就介紹到這,如果你看完了這篇文章內(nèi)容你就應(yīng)該掌握了他們的區(qū)別,恭喜你!
色彩模式
RGB、CMYK、LAB、HSB……也許很多朋友都看到過這些色彩模式,但你了解它們嗎?大多數(shù)朋友都會說不了解吧。色彩模式是圖形設(shè)計(jì)最基本的知識,不掌握怎么行呢?每一種模式都有自己的優(yōu)缺點(diǎn),都有自己的適用范圍,下面我詳細(xì)地跟大家談?wù)勥@些色彩模式。
RGB是色光的色彩模式。R代表紅色,G代表綠色,B代表藍(lán)色,三種色彩疊加形成了其它的色彩。因?yàn)槿N顏色都有256個(gè)亮度水平級,所以三種色彩疊加就形成1670萬種顏色了。也就是真彩色,通過它們足以再現(xiàn)絢麗的世界。
在RGB模式中,由紅、綠、藍(lán)相疊加可以產(chǎn)生其它顏色,因此該模式也叫加色模式。所有顯示器、投影設(shè)備以及電視機(jī)等等許多設(shè)備都依賴于這種加色模式來實(shí)現(xiàn)的。
就編輯圖象而言,RGB色彩模式也是最佳的色彩模式,因?yàn)樗梢蕴峁┤聊坏?4bit的色彩范圍,即真彩色顯示。但是,如果將RGB模式用于打印就不是最佳的了,因?yàn)镽GB模式所提供的有些色彩已經(jīng)超出了打印的范圍之外,因此在打印一幅真彩色的圖象時(shí),就必然會損失一部分亮度,并且比較鮮艷的色彩肯定會失真的。。這主要因?yàn)榇蛴∷玫氖荂MYK模式,而CMYK模式所定義的色彩要比RGB模式定義的色彩少很多,因此打印時(shí),系統(tǒng)自動將RGB模式轉(zhuǎn)換為CMYK模式,這樣就難免損失一部分顏色,出現(xiàn)打印后失真的現(xiàn)象。
當(dāng)陽光照射到一個(gè)物體上時(shí),這個(gè)物體將吸收一部分光線,并將剩下的光線進(jìn)行反射,反射的光線就是我們所看見的物體顏色。這是一種減色色彩模式,同時(shí)也是與RGB模式的根本不同之處。不但我們看物體的顏色時(shí)用到了這種減色模式,而且在紙上印刷時(shí)應(yīng)用的也是這種減色模式。
按照這種減色模式,就衍變出了適合印刷的CMYK色彩模式。
CMYK代表印刷上用的四種顏色,C代表青色,M代表洋紅色,Y代表黃色,K代表黑色。因?yàn)樵趯?shí)際引用中,青色、洋紅色和黃色很難疊加形成真正的黑色,最多不過是褐色而已。因此才引入了K——黑色。黑色的作用是強(qiáng)化暗調(diào),加深暗部色彩。
CMYK模式是最佳的打印模式,RGB模式盡管色彩多,但不能完全打印出來。那么是不是在編輯的時(shí)候就采用CMYK模式呢?不是,原因如下:
用CMYK模式編輯雖然能夠避免色彩的損失,但運(yùn)算速度很慢。主要因?yàn)椋?、即使在CMYK模式下工作,Photoshop也必須將CMYK模式轉(zhuǎn)變?yōu)轱@示器所使用的RGB模式。2、對于同樣的圖象,RGB模式只需要處理三個(gè)通道即可,而CMYK模式則需要處理四個(gè)。
由于用戶所使用的掃描儀和顯示器都是RGB設(shè)備,所以無論什么時(shí)候使用CMYK模式工作都有把RGB模式轉(zhuǎn)換為CMYK模式這樣一個(gè)過程。
因此,是否應(yīng)用CMYK模式進(jìn)行編輯都存在RGB模式和CMYK模式轉(zhuǎn)換的問題。
這里給個(gè)建議,也算是我的一點(diǎn)經(jīng)驗(yàn)吧。先用RGB模式進(jìn)行編輯工作,再用CMYK模式進(jìn)行打印工作,在打印前才進(jìn)行轉(zhuǎn)換,然后加入必要的色彩校正,銳化和修整。這樣雖然使Photoshop在CMYK模式下速度慢一些,但可節(jié)省大部分編輯時(shí)間。
為了快速預(yù)覽CMYK模式下圖象的顯示效果,而不轉(zhuǎn)換模式可以使用View菜單下的CMYK Preview(CMYK 預(yù)覽)命令。
這種打印前的模式轉(zhuǎn)換,并不是避免圖象損失最佳的途徑,最佳方法是將Lab模式和CMYK模式相結(jié)合使用,這樣可以最大程度的減少圖象失真。下面介紹Lab模式。
Lab模式是有國際照明委員會(CIE)于1976年(哇,好遙遠(yuǎn)呀。)公布的一種色彩模式。
你已經(jīng)明白了:RGB模式是一種發(fā)光屏幕的加色模式,CMYK模式是一種顏色反光的印刷減色模式。那么,Lab又是什么處理模式呢?
Lab模式既不依賴光線,也不依賴于顏料,它是CIE組織確定的一個(gè)理論上包括了人眼可以看見的所有色彩的色彩模式。Lab模式彌補(bǔ)了RGB和CMYK兩種色彩模式的不足。
Lab模式由三個(gè)通道組成,但不是R、G、B通道。它的一個(gè)通道是亮度,即L。另外兩個(gè)是色彩通道,用A和B來表示。A通道包括的顏色是從深綠色(底亮度值)到灰色(中亮度值)再到亮粉紅色(高亮度值);B通道則是從亮藍(lán)色(底亮度值)到灰色(中亮度值)再到黃色(高亮度值)。因此,這種色彩混合后將產(chǎn)生明亮的色彩。
Lab模式所定義的色彩最多,且與光線及設(shè)備無關(guān)并且處理速度與RGB模式同樣快,比CMYK模式快很多。因此,可以放心大膽地在圖象編輯中使用Lab模式。而且,Lab模式在轉(zhuǎn)換成CMYK模式時(shí)色彩沒有丟失或被替換。因此,最佳避免色彩損失的方法是:應(yīng)用Lab模式編輯圖象,再轉(zhuǎn)換為CMYK模式打印輸出。
當(dāng)你將RGB模式轉(zhuǎn)換成CMYK模式時(shí),Photoshop將自動將RGB模式轉(zhuǎn)換為Lab模式,再轉(zhuǎn)換為CMYK模式。
在表達(dá)色彩范圍上,處于第一位的是Lab模式,第二位的是RGB模式,第三位是CMYK模式。
在介紹完三種主要的色彩模式后,現(xiàn)在介紹另一種色彩模式——HSB色彩模式,它在色彩汲取窗口中才會出現(xiàn)。
在HSB模式中,H表示色相,S表示飽和度,B表示亮度。
色相:是純色,即組成可見光譜的單色。紅色在0度,綠色在120度,藍(lán)色在240度。它基本上是RGB模式全色度的餅狀圖。
飽和度:表示色彩的純度,為0時(shí)為灰色。白、黑和其他灰色色彩都沒有飽和度的。在最大飽和度時(shí),每一色相具有最純的色光。
亮度:是色彩的明亮度。為0時(shí)即為黑色。最大亮度是色彩最鮮明的狀態(tài)。
Indexed模式就是索引顏色模式,也叫做映射顏色。在這種模式下,只能存儲一個(gè)8bit色彩深度的文件,即最多256種顏色,而且顏色都是預(yù)先定義好的。一幅圖象所有的顏色都在它的圖象文件里定義,也就是將所有色彩映射到一個(gè)色彩盤里,這就叫色彩對照表。因此,當(dāng)打開圖象文件時(shí),色彩對照表也一同被讀入了Photoshop中,Photoshop由色彩對照表找到最終的色彩值。
在介紹完絢麗彩色世界后,現(xiàn)在進(jìn)入灰色世界。其實(shí)灰色也是彩色的一種,也有絢麗的一面。
灰度文件是可以組成多達(dá)256級灰度的8bit圖象,亮度是控制灰度的唯一要素。亮度越高,灰度越淺,越接近于白色;亮度越低,灰度越深,就越接近于黑色。因此,黑色和白色包括在灰度之中,它們是灰度模式的一個(gè)子集。
GrauScale模式即灰度模式?;叶饶J街兄淮嬖诨叶取.?dāng)一個(gè)彩色文件被轉(zhuǎn)換為灰度文件時(shí),所有的顏色信息都將從文件中去掉。盡管Photoshop允許將一個(gè)灰度文件轉(zhuǎn)換為彩色模式文件,但不可能將原來的色彩絲毫不變地恢復(fù)回來。
在灰度文件中,圖象的色彩飽和度為0,亮度是唯一能夠影響灰度圖象的選項(xiàng)。亮度是光強(qiáng)的度量,0%代表黑色,100%代表白色。而在Color調(diào)色板中的K值是用于衡量黑色油墨用量的。
黑白位圖模式就是只有黑色和白色兩種像素組成的圖象,有些人認(rèn)為黑色既然是灰度色彩模式的一個(gè)子集,因此這種模式就沒有多大用處。其實(shí)這是一種錯(cuò)誤的認(rèn)識,正因?yàn)橛辛薆itmap模式,才能更完善地控制灰度圖象的打印輸出。事實(shí)上像激光打印機(jī)這樣的輸出設(shè)備都是靠細(xì)小的點(diǎn)來渲染灰度圖象的,因此使用Bitmap模式就可以更好的設(shè)定網(wǎng)點(diǎn)的大小形狀和互相的角度。
需要注意的是,只有灰度圖象或多通道圖象才能被轉(zhuǎn)化為Bitmap模式,轉(zhuǎn)換是將出現(xiàn)一個(gè)對話框,你可以在這里設(shè)置文件的輸出分辨率和轉(zhuǎn)換方式。具體設(shè)置方法如下:
Output(輸出):指黑白圖象的分辨率。
Method(方式):提供以下5種設(shè)置。
50%Threshold(臨界值):選中此項(xiàng),大于50%的灰度像素將變?yōu)楹谏?,而小于等?0%的灰度圖象將變成白色。
Pattern Dither(圖象抖動):使用一些隨機(jī)的黑白像素來抖動圖象。使用這種方法生成的圖象很難看,而且像素之間幾乎沒有什么空隙。
Diffusion Dither(擴(kuò)散抖動):使用此項(xiàng)用以生成一種金屬版效果。它將采用一種發(fā)散過程來把一個(gè)像素改變成單色,此結(jié)果是一種顆粒的效果。
Halftone Screen(半色澤屏幕):這種轉(zhuǎn)換使圖象看上去好像是一種半色澤屏幕打印的一種灰度圖象。
Custom Pattern(自定義圖案):這種轉(zhuǎn)換方法允許把一個(gè)定制的圖案(用Edit菜單中的Custom Pattern命令定義的圖案)加給一個(gè)位圖圖象。
請注意了,當(dāng)圖象轉(zhuǎn)換到Bitmap模式后,無法進(jìn)行其它編輯,甚至不能復(fù)原灰度模式時(shí)的圖象。
Duotone模式用一種灰度油墨或彩色油墨在渲染一個(gè)灰度圖象,為雙色套印或同色濃淡套印模式。在這種模式中,最多可以向灰度圖象中添加4種顏色,這樣就可以打印出比單純灰度模式要好看得多的圖象。
圖像格式
作為網(wǎng)頁設(shè)計(jì)師,我們在用PS處理圖像是,經(jīng)常要在圖片的品質(zhì)和大小之間衡量。這篇文章將系統(tǒng)地告訴你,網(wǎng)頁圖片的各種形式和他們的優(yōu)缺點(diǎn),這樣我們在保存的時(shí)候就能夠很好的衡量和決定。
互聯(lián)網(wǎng)幾乎是當(dāng)今最大的藝術(shù)、圖形和相片分享平臺之一,因此掌握一些保存為網(wǎng)頁格式的基礎(chǔ)知識就非常重要了。實(shí)際上,保存為網(wǎng)頁格式是一項(xiàng)平衡藝術(shù)——你必須在圖片品質(zhì)和介質(zhì)的文件尺寸之間做好平衡,以便滿足你的個(gè)人需求。
在速度相對重要的地方(如迅速地加載網(wǎng)站),你可能需要犧牲一些圖片品質(zhì)。而在品質(zhì)重要的地方,則需要犧牲一點(diǎn)速度。這堂課程的目的就是向你介紹一些方法,在這兩個(gè)因素之間尋求平衡,與此同時(shí)保留非常好的圖像品質(zhì)。
雖然存在有非常多的圖片格式(僅舉幾例,如jpeg,gif和png),但是依據(jù)壓縮方法不同,所有的圖片都能進(jìn)一步歸類為兩大類別:無損和有損。無損數(shù)據(jù)壓縮保證了圖像在沒有任何品質(zhì)和信息丟失的情況下重現(xiàn),而有損數(shù)據(jù)壓縮的結(jié)果就是可能造成品質(zhì)和信息的丟失。在平面設(shè)計(jì)領(lǐng)域最主流的無損媒介格式包括GIF、PNG以及TIFF,而JPEG是最主流的有損壓縮的圖形格式。
PS擁有非常好的方法來為網(wǎng)頁優(yōu)化圖片。在PS中,選擇文件>存儲為Web格式或者使用快捷ctrl+alt+shift+s。一個(gè)新的對話框?qū)棾?,這里有所有為網(wǎng)頁保存和優(yōu)化圖片的設(shè)置。
通過以下一些生活中的案例來演示如何使用對話框中的設(shè)置。
由于圖片巨大的文件體積,它們更多是以有損壓縮格式來保存的。甚至在拍照時(shí),相對于數(shù)倍大小的RAW格式,相機(jī)也傾向于用有損格式(如JPEG)來保存圖片。
JPEG是日常中首選的圖片格式,它是以它的創(chuàng)造者“聯(lián)合圖像專家小組”來命名的。Jpeg之所以能夠成為標(biāo)準(zhǔn),是因?yàn)樗趬嚎s圖像數(shù)據(jù)的同時(shí)可以保留高品質(zhì),并且在相關(guān)信息上能夠接近無損圖像的效果。
當(dāng)你在保存圖片的時(shí)候,有幾種網(wǎng)頁格式預(yù)設(shè)可供選擇。對于一張圖片,你應(yīng)該考慮是使用JPEG 低、JPEG 中,還是JPEG高。觀察下面的對比圖,(可以)發(fā)現(xiàn)案例中的圖片經(jīng)過壓縮后并沒有多大的品質(zhì)損耗。相比起超過250KB的源文件,我們選擇中等質(zhì)量或者高等質(zhì)量的壓縮預(yù)設(shè)就能夠得到一個(gè)大小不超過30KB,并有合適品質(zhì)的圖片。
有些時(shí)候,你會被要求用無損格式來保存,以便最好地優(yōu)化你正在創(chuàng)作的任何作品。這在網(wǎng)頁設(shè)計(jì)中時(shí)常遇到,在布局上使用比普通圖片更少的顏色。
GIF,全稱為“圖像互換格式”,是一種只用到256個(gè)顏色調(diào)色板的圖片格式,這讓它成為不需要使用太廣泛色域的網(wǎng)頁圖片的理想選擇。GIF也能將單個(gè)像素設(shè)置成透明,不過這并不在這個(gè)教程的討論范圍之內(nèi)。下面展示了一張(使用著256個(gè)顏色的)GIF圖像和JPEG圖像的對比照,它們擁有同樣的大小。正如你所見到的,無損GIF圖片能更好的接近源文件。
因?yàn)镚IF圖像受到256色的限制,它本應(yīng)該極少被用到圖片中,但是他們恰好適合那些使用純色或是有限色彩的圖像。對于圖片來說,通常來說不是使用JPEG有損壓縮,就是GIF無損格式。
PNG,全稱為“可移植網(wǎng)絡(luò)圖形”,是一種類似于GIF的無損格式,只是它支持更為豐富的色彩(有時(shí)候也讓它的體積變大),而且可以支持帶透明圖層的Alpha通道,而非單一透明像素。
PNG圖像正在日漸取代GIF,主要是因?yàn)樵谥С指S富的色彩方面,PNG通常比GIF的壓縮效果要更好。雖然它還不想GIF有廣泛的支持,但是無疑它正朝著那個(gè)方向前進(jìn)。
當(dāng)圖片必須保留完整品質(zhì)在網(wǎng)絡(luò)上進(jìn)行傳輸?shù)臅r(shí)候,PNG是最佳的選擇。比起用JPEG傳輸圖片,(PNG)會令你得出更大的圖片大小,但是有時(shí)候這是一個(gè)非常有必要的犧牲。當(dāng)一個(gè)圖片包含銳利的線條、以及必須保留清晰的文字時(shí),PNG通常是一個(gè)更好的選擇,當(dāng)然了,最終還是要由設(shè)計(jì)師來決定使用哪一種格式。
月16日,山東中醫(yī)藥高等專科學(xué)校發(fā)布2023年單招、綜評考試時(shí)間、網(wǎng)上打印準(zhǔn)考證的詳細(xì)操作步驟(附打印出現(xiàn)問題及解決辦法),參加學(xué)校單綜招考試的考生務(wù)必認(rèn)真閱讀,提前做好考試準(zhǔn)備。
一、單綜招考試時(shí)間:
1.綜合評價(jià)考試時(shí)間:2月28日9:30-11:30。
2.單獨(dú)招生(退役士兵)考試時(shí)間:3月1日9:30-11:30。
3.建議考生至少提前60-80分鐘到達(dá)考點(diǎn)入口(學(xué)校北門開放時(shí)間為早晨7:20分之后),入校后進(jìn)入考區(qū)安檢,考生需提前45分鐘(8:45分)進(jìn)入考場。
4.為降低校園疫情風(fēng)險(xiǎn),家長及送考、陪考人員及車輛禁止進(jìn)入校園。
5.請考生務(wù)必加入學(xué)校官方招生咨詢QQ群:192258772或203107880(只允許加入一個(gè)群),以免錯(cuò)過重要考試信息。
6.關(guān)于疫情防控問題,請考生注意及時(shí)關(guān)注山東中醫(yī)藥高等??茖W(xué)校招生信息網(wǎng)(網(wǎng)址https://zs.stcmchina.com/
)公告。
二、準(zhǔn)考證打印系統(tǒng) 登錄提示
參加考試前,先打印準(zhǔn)考證。打印準(zhǔn)考證系統(tǒng)與繳費(fèi)系統(tǒng)一致,考生登錄學(xué)校招生信息網(wǎng)首頁右側(cè)的“單招、綜評綜合系統(tǒng)”時(shí),用戶名為14位考生號或身份證號。密碼為考生身份證號碼后六位,如后六位有字母X,請輸入大寫X(若考生在繳費(fèi)時(shí)更改過密碼,請使用更改后的密碼登錄)。
準(zhǔn)考證 打印說明
1.打印時(shí)間:2月25日-26日(每天8:00-20:00)。
2.完成網(wǎng)上繳費(fèi)后方可在規(guī)定時(shí)間內(nèi)打印準(zhǔn)考證。
3.特別提示:準(zhǔn)考證是考生升學(xué)考試的重要證件之一,請考生務(wù)必妥善保管,所有錄取新生開學(xué)時(shí),須提交準(zhǔn)考證作為入學(xué)資格核驗(yàn)的重要依據(jù),入學(xué)后裝入考生檔案。
三、具體考試時(shí)間細(xì)節(jié)
1.綜合評價(jià)考試時(shí)間:2月28日9:30-11:30。
2.單獨(dú)招生(退役士兵)考試時(shí)間:3月1日9:30-11:30。
3.考試地點(diǎn):煙臺市牟平區(qū)濱海東路508號。
注:(1)根據(jù)疫情防控相關(guān)要求,降低校園疫情風(fēng)險(xiǎn),家長及送考、陪考人員及車輛禁止進(jìn)入校園。(2)考試結(jié)束后考生可自行離校,后期成績發(fā)布、錄取信息查詢等均在學(xué)校招生信息網(wǎng)進(jìn)行公告,請考生注意自行查詢。
關(guān)于看考場
為降低校園疫情風(fēng)險(xiǎn),今年不安排看考場環(huán)節(jié),考生不能提前進(jìn)入校園(學(xué)校北門28日上午7:20開放),考生可查看本頁面最下方校區(qū)考區(qū)分布圖大體了解考區(qū)位置,28日入校后,有明顯的指引牌和志愿者為考生服務(wù),請考生及家長無需擔(dān)心找不到考場位置。
四、打印要求及注意事項(xiàng)
1.準(zhǔn)考證屬于考生隱私,請勿在QQ群、微信群、微博等互聯(lián)網(wǎng)載體上發(fā)布自己準(zhǔn)考證照片,請勿將自己的個(gè)人考試信息(準(zhǔn)考證號、考場號、座號等)告知他人,更不能與相同考區(qū)、考場考生串聯(lián)考試舞弊,考生不遵守考場紀(jì)律,違背考試公平、公正,認(rèn)定為違紀(jì)或作弊,根據(jù)《國家教育考試違規(guī)處理辦法》嚴(yán)肅處理。
2.使用連接打印機(jī)的電腦登錄系統(tǒng)后,選擇頁面左側(cè)的網(wǎng)上打印準(zhǔn)考證選項(xiàng)(注意只有使用連接有打印機(jī)的電腦登錄后方可打印準(zhǔn)考證,手機(jī)無法打印準(zhǔn)考證),頁面右側(cè)出現(xiàn)準(zhǔn)考證,然后點(diǎn)擊頁面最下面綠色打印按鈕進(jìn)行打印。
3.不能使用截圖軟件將準(zhǔn)考證截圖后打印圖片,也不能使用網(wǎng)頁中的打印選項(xiàng)打印整個(gè)網(wǎng)頁。
4.使用白色A4紙、縱向、單頁打印、黑白彩色均可,請勿調(diào)整打印比例及尺寸。
5.打印后準(zhǔn)考證不得涂改,打印不得模糊(若模糊不清應(yīng)更換打印機(jī)硒鼓或墨盒)。
6.2月28日考生進(jìn)入考場后請將簽字后的《考生誠信考試承諾書》(在準(zhǔn)考證下方一體的)裁下后提交監(jiān)考教師,請勿提前剪裁!
7.準(zhǔn)考證自動帶有考生報(bào)名照片,不需要自行粘貼,若打印準(zhǔn)考證無照片,請?jiān)谡猩稍僎Q群內(nèi)聯(lián)系唐老師。
五、打印步驟
1.打印準(zhǔn)考證系統(tǒng)與繳費(fèi)相同,點(diǎn)擊招生信息網(wǎng)右側(cè)的《單招、綜評綜合系統(tǒng)》。
2.正確輸入用戶名(考生14位考生號或身份證號)、密碼(身份證號后6位,如有X則大寫,若考生在繳費(fèi)時(shí)更改過密碼,請使用更改后的密碼登錄),點(diǎn)擊“登錄”按鈕登錄。
3.考生登錄后,可查看個(gè)人報(bào)考信息和第四行考務(wù)公告(務(wù)必認(rèn)真閱讀),然后選擇第五行網(wǎng)上打印準(zhǔn)考證。右側(cè)出現(xiàn)準(zhǔn)考證信息后,點(diǎn)擊頁面最下方的綠色打印按鈕。
4.查看打印必須為1張紙、布局必須為縱向、紙張尺寸A4、邊距默認(rèn)、縮放默認(rèn)或100%,如無問題點(diǎn)擊打印。
5.再次提醒:手機(jī)無法打印,也無法下載,不能使用截圖軟件將準(zhǔn)考證截圖后打印圖片,也不能使用網(wǎng)頁中的打印選項(xiàng)打印整個(gè)網(wǎng)頁,請考生務(wù)必嚴(yán)格按照第五條中規(guī)定的要求打印準(zhǔn)考證。
6.準(zhǔn)考證樣本如圖(黑白、彩色均可)
六、附:打印出現(xiàn)問題及解決辦法
1.出現(xiàn)題頭文字巨大分成好幾頁(瀏覽器老舊,需更換電腦重打)。
2.打印出來后下面還保留了打印兩個(gè)字(不是打印截圖,是需要點(diǎn)打印按鈕打印,需重打)。
3.打印出來顯示有很多條紋;字跡模糊;文字缺少;顯示不完整;準(zhǔn)考證上照片顯示不清晰等(瀏覽器老舊,打印機(jī)缺墨或硒鼓問題,需重打)。
4.準(zhǔn)考證縮小,縮小很明顯。
5.準(zhǔn)考證上不顯示照片(瀏覽器老舊,需更換電腦重打,若出現(xiàn)更換后依然沒有照片,聯(lián)系QQ群內(nèi)唐老師)。
七、考區(qū)分布圖
本圖為考生面向?qū)W校北大門視角。
般在看一些游戲網(wǎng)站的時(shí)候,會發(fā)現(xiàn)他們的網(wǎng)頁效果特別炫酷,一般都帶著視覺差的動畫效果,今天我就用css3兼并js的一些知識來做一個(gè)模糊的視覺差動畫效果
先看看效果,如下:
其中,圖片上面的文字會定時(shí)模糊閃動,有g(shù)if的既視感
下面來看看實(shí)現(xiàn)的代碼:
文字層自己另存為一張帶透明背景的圖片,然后背景圖又是一張圖片!實(shí)現(xiàn)起來才方便!
html代碼如下:
css:
js:
圖片文件:
*請認(rèn)真填寫需求信息,我們會在24小時(shí)內(nèi)與您取得聯(lián)系。