cmseasy建站:网站模板中的图片替换精要

  

        在cmseasy网站管理系统官网的《网络营销秘籍:下载网站模板源码,图片对号入座》一文中,我们简要了解了如何将cmseasy网站模板下载到自己的电脑里,如何将网站模板根目录下的图片与网站图片一一对应、对号入座。而这些,也只是万里长征第一步。

        该文的最后,我提到了网页打开卡顿对您的网络营销将产生直接影响。影响包含两个部分,一是访问者的负面体验,二是搜索引擎蜘蛛爬行过程中的返回数据不畅导致页面收录存在问题和障碍。因此,本文将重点讲述使用cmseasy网站管理系统下的网站模板图片替换部分,尽可能的使您网站浏览顺畅,降低访问者的负面体验以及蜘蛛爬行抓取的图文精要!

 

        做好网络营销,维护好网站,基本的图片处理是需要的。作为文章作者本人,我的理解是当下的企业网络营销应根据受众的特点和需求,尽可能以图文展示为主,长篇大论为辅。因此,图片替换就成了重中之重。本文以Photoshop CS6 (64 Bit)为例,为您简要讲述网站模板除首页顶部导航图片(cmseasy 网站管理系统的后台中有单独的首页幻灯片更换页面,更为简洁,更为方便,后续我会列文单独讲解)以外的使用的图片处理、生成、上传三个部分。

 

        还记得吗?《网络营销秘籍:下载网站模板源码,图片对号入座》中已经告知了如何进行图片对号入座。如果不记得了,就再去看一眼这篇文章的最下面。

cmseasy 建站心得.jpg

        还是以这个图为例,当您找到您想要替换的图片时,打开您的Photoshop。

cmseasy建站心得1.jpg

        找到您想要更换的图片所在文件夹并在Photoshop中打开。注意,此时的打开这张图片,不是要在这张图片上修改,而是查看该图的大小和像素。同时,在Photoshop中新建一个同像素比例的底图。

cmseasy建站心得2.jpg

        查看图像大小。依次点击顶部的“图像”、“图像大小”,宽度、高度即我们需要记下的底图像素比例。

cmseasy建站心得3.jpg

        新建底图,填写相同的宽高比例。

cmseasy建站心得4.jpg

        打开想要替换的图片并拖到新建底图的窗口里去。

 

        在更换图片底图窗口,调整好替换图片大小。此时,即便您需要添加文字,也无需在图片上下功夫,切记,请直接保存图片。因为在cmseasy网站管理系统中,顶部导航图片的文字部分是可以在后台添加的,无需在图片上去琢磨用几号字、什么字体、什么颜色。保存图片的过程中,不是传统意义上的“存储”、“存储为”。网站所需图片全部需要变成“存储为Web所用格式”。此时保存的图片,不仅清晰,且特别小。访问者浏览我们网站时所需的等待时间会大大缩短。

cmseasy建站心得5.jpg

        上图所示,左下角圆圈中,在您点击存储按钮后,您所保存的文件将是93.73K。比对原图的大了太多太多。因此,调整箭头所示的“非常高”或“品质”,可以降低生成的图片大小如下图所示。

cmseasy建站心得6.jpg

        达到同比网站模板自带图片更小或达到您满意的效果时,点击存储并命名为与原图相同文件名。

cmseasy建站心得7.jpg

        如图所示。多数时候,保存的路径不要直接在原图根目录下,那样会直接替代掉原图。因此,随便保存在一个位置。然后找到原图的根目录,将原图重新命名,以备不时之需。 

此时,将我们生成的图片粘贴到原图根目录下,即完成了网站上该张图片的替换。距离网站图片已替换,只差一步。

打开您的FTP8.0工具,在本地驱动器一栏里找到这张图片

 cmseasy建站心得8.jpg

        切记,本地驱动器和您命名的FTP路径必须保持一致!必须一致!如果您忘记了根目录,在您修改的图片路径里去对应“本地驱动器“和FTP命名窗口,一点一点的打开就好。

        右键点击本地驱动器中要上传的图片,上传即可。出现此提示时,点“是“。好啦,来对比一下我们更换的图片。

cmseasy建站心得9.jpg

更换前

cmseasy建站心得10.jpg

更换后

        注意,在直接用FTP更换您网站模板的图片过程中,一定要及时清理浏览器的缓存,不然就会出现图片上传替换了,网页这边无论怎么刷新都更换不了的情况!

        该图更换后,其实并不清晰,因此,在使用Photoshop生成web格式图片时,尽可能让品质更高,直到您感觉相对清晰为止。与此同时,cmseasy 网站管理系统为图片前端增加的文字均是白色的,您在制作图片的时候一定要将图片与字体颜色完全考虑进去,确保能够发挥最大效果。当然,您也可以仅展示图片,在后台去掉文字。具体怎样去掉文字,参照cmeasy的教程一步一步进行即可。

        虽然仅是一个图片生成和利用FTP工具进行图片替换,但这是网站小白必须经历的一个过程。需要反反复复去实践,切记美工不是单一的工作单元,需要将网络营销的每一个要素都融入到你的图片里。世上无难事,只怕有心人!期待您使用cmseasy网站管理系统和网站模板能为您的企业带来更大效益!如您在操作过程中遇到任何问题,欢迎随时咨询cmseasy 官方客服!

 

您是需要否查看更多 企业网站模板