在cmseasy網(wǎng)站管理系統(tǒng)官網(wǎng)的《網(wǎng)絡(luò)營銷秘籍:下載網(wǎng)站模板源碼,圖片對(duì)號(hào)入座》一文中,我們簡要了解了如何將cmseasy網(wǎng)站模板下載到自己的電腦里,如何將網(wǎng)站模板根目錄下的圖片與網(wǎng)站圖片一一對(duì)應(yīng)、對(duì)號(hào)入座。而這些,也只是萬里長征第一步。
該文的最后,我提到了網(wǎng)頁打開卡頓對(duì)您的網(wǎng)絡(luò)營銷將產(chǎn)生直接影響。影響包含兩個(gè)部分,一是訪問者的負(fù)面體驗(yàn),二是搜索引擎蜘蛛爬行過程中的返回?cái)?shù)據(jù)不暢導(dǎo)致頁面收錄存在問題和障礙。因此,本文將重點(diǎn)講述使用cmseasy網(wǎng)站管理系統(tǒng)下的網(wǎng)站模板圖片替換部分,盡可能的使您網(wǎng)站瀏覽順暢,降低訪問者的負(fù)面體驗(yàn)以及蜘蛛爬行抓取的圖文精要!
做好網(wǎng)絡(luò)營銷,維護(hù)好網(wǎng)站,基本的圖片處理是需要的。作為文章作者本人,我的理解是當(dāng)下的企業(yè)網(wǎng)絡(luò)營銷應(yīng)根據(jù)受眾的特點(diǎn)和需求,盡可能以圖文展示為主,長篇大論為輔。因此,圖片替換就成了重中之重。本文以Photoshop CS6 (64 Bit)為例,為您簡要講述網(wǎng)站模板除首頁頂部導(dǎo)航圖片(cmseasy 網(wǎng)站管理系統(tǒng)的后臺(tái)中有單獨(dú)的首頁幻燈片更換頁面,更為簡潔,更為方便,后續(xù)我會(huì)列文單獨(dú)講解)以外的使用的圖片處理、生成、上傳三個(gè)部分。
還記得嗎?《網(wǎng)絡(luò)營銷秘籍:下載網(wǎng)站模板源碼,圖片對(duì)號(hào)入座》中已經(jīng)告知了如何進(jìn)行圖片對(duì)號(hào)入座。如果不記得了,就再去看一眼這篇文章的最下面。
還是以這個(gè)圖為例,當(dāng)您找到您想要替換的圖片時(shí),打開您的Photoshop。
找到您想要更換的圖片所在文件夾并在Photoshop中打開。注意,此時(shí)的打開這張圖片,不是要在這張圖片上修改,而是查看該圖的大小和像素。同時(shí),在Photoshop中新建一個(gè)同像素比例的底圖。
查看圖像大小。依次點(diǎn)擊頂部的“圖像”、“圖像大小”,寬度、高度即我們需要記下的底圖像素比例。
新建底圖,填寫相同的寬高比例。
打開想要替換的圖片并拖到新建底圖的窗口里去。
在更換圖片底圖窗口,調(diào)整好替換圖片大小。此時(shí),即便您需要添加文字,也無需在圖片上下功夫,切記,請(qǐng)直接保存圖片。因?yàn)樵赾mseasy網(wǎng)站管理系統(tǒng)中,頂部導(dǎo)航圖片的文字部分是可以在后臺(tái)添加的,無需在圖片上去琢磨用幾號(hào)字、什么字體、什么顏色。保存圖片的過程中,不是傳統(tǒng)意義上的“存儲(chǔ)”、“存儲(chǔ)為”。網(wǎng)站所需圖片全部需要變成“存儲(chǔ)為Web所用格式”。此時(shí)保存的圖片,不僅清晰,且特別小。訪問者瀏覽我們網(wǎng)站時(shí)所需的等待時(shí)間會(huì)大大縮短。
上圖所示,左下角圓圈中,在您點(diǎn)擊存儲(chǔ)按鈕后,您所保存的文件將是93.73K。比對(duì)原圖的大了太多太多。因此,調(diào)整箭頭所示的“非常高”或“品質(zhì)”,可以降低生成的圖片大小如下圖所示。
達(dá)到同比網(wǎng)站模板自帶圖片更小或達(dá)到您滿意的效果時(shí),點(diǎn)擊存儲(chǔ)并命名為與原圖相同文件名。
如圖所示。多數(shù)時(shí)候,保存的路徑不要直接在原圖根目錄下,那樣會(huì)直接替代掉原圖。因此,隨便保存在一個(gè)位置。然后找到原圖的根目錄,將原圖重新命名,以備不時(shí)之需。
此時(shí),將我們生成的圖片粘貼到原圖根目錄下,即完成了網(wǎng)站上該張圖片的替換。距離網(wǎng)站圖片已替換,只差一步。
打開您的FTP8.0工具,在本地驅(qū)動(dòng)器一欄里找到這張圖片
切記,本地驅(qū)動(dòng)器和您命名的FTP路徑必須保持一致!必須一致!如果您忘記了根目錄,在您修改的圖片路徑里去對(duì)應(yīng)“本地驅(qū)動(dòng)器“和FTP命名窗口,一點(diǎn)一點(diǎn)的打開就好。
右鍵點(diǎn)擊本地驅(qū)動(dòng)器中要上傳的圖片,上傳即可。出現(xiàn)此提示時(shí),點(diǎn)“是“。好啦,來對(duì)比一下我們更換的圖片。
更換前
更換后
注意,在直接用FTP更換您網(wǎng)站模板的圖片過程中,一定要及時(shí)清理瀏覽器的緩存,不然就會(huì)出現(xiàn)圖片上傳替換了,網(wǎng)頁這邊無論怎么刷新都更換不了的情況!
該圖更換后,其實(shí)并不清晰,因此,在使用Photoshop生成web格式圖片時(shí),盡可能讓品質(zhì)更高,直到您感覺相對(duì)清晰為止。與此同時(shí),cmseasy 網(wǎng)站管理系統(tǒng)為圖片前端增加的文字均是白色的,您在制作圖片的時(shí)候一定要將圖片與字體顏色完全考慮進(jìn)去,確保能夠發(fā)揮最大效果。當(dāng)然,您也可以僅展示圖片,在后臺(tái)去掉文字。具體怎樣去掉文字,參照cmeasy的教程一步一步進(jìn)行即可。
雖然僅是一個(gè)圖片生成和利用FTP工具進(jìn)行圖片替換,但這是網(wǎng)站小白必須經(jīng)歷的一個(gè)過程。需要反反復(fù)復(fù)去實(shí)踐,切記美工不是單一的工作單元,需要將網(wǎng)絡(luò)營銷的每一個(gè)要素都融入到你的圖片里。世上無難事,只怕有心人!期待您使用cmseasy網(wǎng)站管理系統(tǒng)和網(wǎng)站模板能為您的企業(yè)帶來更大效益!如您在操作過程中遇到任何問題,歡迎隨時(shí)咨詢cmseasy 官方客服!