cmseasy建站:網(wǎng)站模板中的圖片替換精要

  

        在cmseasy網(wǎng)站管理系統(tǒng)官網(wǎng)的《網(wǎng)絡(luò)營銷秘籍:下載網(wǎng)站模板源碼,圖片對號入座》一文中,我們簡要了解了如何將cmseasy網(wǎng)站模板下載到自己的電腦里,如何將網(wǎng)站模板根目錄下的圖片與網(wǎng)站圖片一一對應(yīng)、對號入座。而這些,也只是萬里長征第一步。

        該文的最后,我提到了網(wǎng)頁打開卡頓對您的網(wǎng)絡(luò)營銷將產(chǎn)生直接影響。影響包含兩個部分,一是訪問者的負(fù)面體驗,二是搜索引擎蜘蛛爬行過程中的返回數(shù)據(jù)不暢導(dǎo)致頁面收錄存在問題和障礙。因此,本文將重點講述使用cmseasy網(wǎng)站管理系統(tǒng)下的網(wǎng)站模板圖片替換部分,盡可能的使您網(wǎng)站瀏覽順暢,降低訪問者的負(fù)面體驗以及蜘蛛爬行抓取的圖文精要!

 

        做好網(wǎng)絡(luò)營銷,維護(hù)好網(wǎng)站,基本的圖片處理是需要的。作為文章作者本人,我的理解是當(dāng)下的企業(yè)網(wǎng)絡(luò)營銷應(yīng)根據(jù)受眾的特點和需求,盡可能以圖文展示為主,長篇大論為輔。因此,圖片替換就成了重中之重。本文以Photoshop CS6 (64 Bit)為例,為您簡要講述網(wǎng)站模板除首頁頂部導(dǎo)航圖片(cmseasy 網(wǎng)站管理系統(tǒng)的后臺中有單獨的首頁幻燈片更換頁面,更為簡潔,更為方便,后續(xù)我會列文單獨講解)以外的使用的圖片處理、生成、上傳三個部分。

 

        還記得嗎?《網(wǎng)絡(luò)營銷秘籍:下載網(wǎng)站模板源碼,圖片對號入座》中已經(jīng)告知了如何進(jìn)行圖片對號入座。如果不記得了,就再去看一眼這篇文章的最下面。

cmseasy 建站心得.jpg

        還是以這個圖為例,當(dāng)您找到您想要替換的圖片時,打開您的Photoshop。

cmseasy建站心得1.jpg

        找到您想要更換的圖片所在文件夾并在Photoshop中打開。注意,此時的打開這張圖片,不是要在這張圖片上修改,而是查看該圖的大小和像素。同時,在Photoshop中新建一個同像素比例的底圖。

cmseasy建站心得2.jpg

        查看圖像大小。依次點擊頂部的“圖像”、“圖像大小”,寬度、高度即我們需要記下的底圖像素比例。

cmseasy建站心得3.jpg

        新建底圖,填寫相同的寬高比例。

cmseasy建站心得4.jpg

        打開想要替換的圖片并拖到新建底圖的窗口里去。

 

        在更換圖片底圖窗口,調(diào)整好替換圖片大小。此時,即便您需要添加文字,也無需在圖片上下功夫,切記,請直接保存圖片。因為在cmseasy網(wǎng)站管理系統(tǒng)中,頂部導(dǎo)航圖片的文字部分是可以在后臺添加的,無需在圖片上去琢磨用幾號字、什么字體、什么顏色。保存圖片的過程中,不是傳統(tǒng)意義上的“存儲”、“存儲為”。網(wǎng)站所需圖片全部需要變成“存儲為Web所用格式”。此時保存的圖片,不僅清晰,且特別小。訪問者瀏覽我們網(wǎng)站時所需的等待時間會大大縮短。

cmseasy建站心得5.jpg

        上圖所示,左下角圓圈中,在您點擊存儲按鈕后,您所保存的文件將是93.73K。比對原圖的大了太多太多。因此,調(diào)整箭頭所示的“非常高”或“品質(zhì)”,可以降低生成的圖片大小如下圖所示。

cmseasy建站心得6.jpg

        達(dá)到同比網(wǎng)站模板自帶圖片更小或達(dá)到您滿意的效果時,點擊存儲并命名為與原圖相同文件名。

cmseasy建站心得7.jpg

        如圖所示。多數(shù)時候,保存的路徑不要直接在原圖根目錄下,那樣會直接替代掉原圖。因此,隨便保存在一個位置。然后找到原圖的根目錄,將原圖重新命名,以備不時之需。 

此時,將我們生成的圖片粘貼到原圖根目錄下,即完成了網(wǎng)站上該張圖片的替換。距離網(wǎng)站圖片已替換,只差一步。

打開您的FTP8.0工具,在本地驅(qū)動器一欄里找到這張圖片

 cmseasy建站心得8.jpg

        切記,本地驅(qū)動器和您命名的FTP路徑必須保持一致!必須一致!如果您忘記了根目錄,在您修改的圖片路徑里去對應(yīng)“本地驅(qū)動器“和FTP命名窗口,一點一點的打開就好。

        右鍵點擊本地驅(qū)動器中要上傳的圖片,上傳即可。出現(xiàn)此提示時,點“是“。好啦,來對比一下我們更換的圖片。

cmseasy建站心得9.jpg

更換前

cmseasy建站心得10.jpg

更換后

        注意,在直接用FTP更換您網(wǎng)站模板的圖片過程中,一定要及時清理瀏覽器的緩存,不然就會出現(xiàn)圖片上傳替換了,網(wǎng)頁這邊無論怎么刷新都更換不了的情況!

        該圖更換后,其實并不清晰,因此,在使用Photoshop生成web格式圖片時,盡可能讓品質(zhì)更高,直到您感覺相對清晰為止。與此同時,cmseasy 網(wǎng)站管理系統(tǒng)為圖片前端增加的文字均是白色的,您在制作圖片的時候一定要將圖片與字體顏色完全考慮進(jìn)去,確保能夠發(fā)揮最大效果。當(dāng)然,您也可以僅展示圖片,在后臺去掉文字。具體怎樣去掉文字,參照cmeasy的教程一步一步進(jìn)行即可。

        雖然僅是一個圖片生成和利用FTP工具進(jìn)行圖片替換,但這是網(wǎng)站小白必須經(jīng)歷的一個過程。需要反反復(fù)復(fù)去實踐,切記美工不是單一的工作單元,需要將網(wǎng)絡(luò)營銷的每一個要素都融入到你的圖片里。世上無難事,只怕有心人!期待您使用cmseasy網(wǎng)站管理系統(tǒng)和網(wǎng)站模板能為您的企業(yè)帶來更大效益!如您在操作過程中遇到任何問題,歡迎隨時咨詢cmseasy 官方客服!

 

您是需要否查看更多 企業(yè)網(wǎng)站模板?