协策网络,专业做网站,优秀上海网站制作公司,提供企业建站、网站设计、网页制作,专业网页设计师和网站制作技术工程师为您量身打造个性企业电子商务网站。

此页面上的内容需要较新版本的 Adobe Flash Player。

获取 Adobe Flash Player

  文章汇总 Article Summary
当前位置:协策网络 >> 文章中心 >> 网站优化 >> 浏览文章
 

如何优化您的网站上的图像

作者:协策网络-客服部    标签:网站推广     日期:2012年07月04日    类别:网站优化

 

        当你与图像处理,你会发现,往往是几个不同的文件格式 - 文件名,这意味着将有不同的扩展。 每个人都有自己的优点,并根据形势和图像,寻找到其中的格式效果最好,并使用该文件格式,它是一个好主意。JPG和GIF图像文件格式,你会遇到两种最流行的:


jpg格式

      JPG格式是非常普遍的,它是显示摄影图像,通常含有颜色混合和色调。 JPG文件格式,可以有几百万的色彩,但它不支持透明度。 透明度是一项功能,允许你覆盖到您的图像背景颜色。 这是一个伟大的功能,当你想包括图形背景上的文字 - 如果gif文件,背景将通过文本框的文本只是坐在作为背景的??一部分。凡为JPG图像将不支持该功能。


 
点击浏览下一页
图像文件类型 - JPG和GIF - 照片是很多清晰的JPG格式时,文件的大小是小 


Gif格式


      GIF图像的颜色是纯色,没有任何衰落,例如,少数为小图片或图像好,公司标志通常有几种颜色,它们一般是适合一个GIF格式的平面色彩。GIF文件格式最多可有256色和支持透明度。


点击浏览下一页
 
GIF格式是规模较小的图像与有限的颜色或色调 


GIF格式还支持基本的动画,这样你就可以包括例如像这些可爱的小猫额外的效果与动画文件:

点击浏览下一页

GIF文件的动画 


使用图像编辑软件


        当您编辑图像,例如像你想将文本添加到图像来解释其背景或你想改变颜色,或玩它使你自己,你将需要使用第三方图像编辑软件。 zeald形象经理也给你访问到的图像编辑程序,但它是更基本的,所以任何需要编辑图像本身喜欢的颜色,我们建议使用其他软件。

 

         你可以看到Adobe应用程序如Photoshop和Illustrator或Fireworks,但也有在线应用程序可以使用,都是免费的,也很容易使用的数量。因此,没有需要您的计算机上下载的程序。这些免费的应用程序,有的还让你在互联网上存储的文件。我们已审查了其中的几个选项,所以你可以从现有的最佳选择。

 

作物和调整大小的图像

 


图像文件的像素和图像的每个像素需要时间来载入。用于减少图像文件的大小,最有效的方法之一是通过减少尺寸的像素删除。

 


“种植”和“调整”两种方法,我们可以用它来做到这一点,取决于你有什么,你想专注于图像,你可以使用下列方法之一或您可以使用组合同时。记住,最后的形象仍然应该包含所有必要的信息,故事横跨。

 

种植


“裁剪”,是一个功能,让您减少不必要的边缘图像,这使得它非常有效的技术,为减少图像的大小,同时仍保持图像的完整的最有价值的部分。通过裁剪图像,我们可以删除图像元素 - 如不想要的背景,天空,草地,人潮涌动,办公室的墙壁,这种方法非常类似的缩放功能,因为我们突出形象的一部分,我们希望我们的游客来看看。


点击浏览下一页
 
右侧裁剪图像保留,我们试图传达的信息,而左侧的原始图像不会讲故事 

 

调整


“调整大小的图像允许你改变整个图像的大小 - 让您的图像中的所有元素仍然存在,只是在一个较小的规模,。因为我们正在改变图像的大小,重要的是保持图像的比例相同,即,高度和图像的宽度比,否则图像将看起来挤压或拉伸。站形象的Zeald管理程序允许您“锁定”的比例,让你可以改变的尺寸之一,无论是高度或宽度与其他自动将改变原始图像比例。

 

使用小缩略图图像和链接到大文件

 
用于减少页面的下载时间的另一种方法是大型图片,音频,视频和动画文件移动到其他页面。然后创建您的网页上对他们的链接,使用更小的图像(缩略图)。这将大大减少下载时间,让您的客户可以快速看看在较小的图像,并选择哪些是他们想看到一个较大的图像。 因此,不是所有的大文件下载到一个页面,这可能是缓慢和失去你的客户,你将展示他们的图像画廊很快,并让他们的选择,不管他们想看到更多。

 

产品类别页是一个很好的例子,这显示图像的方法。类别页面显示缩略图和短期产品说明,这是更大更详细的页面列表。


重用图像

 

Web浏览器有内置的特殊软件,让它们来存储文件下载,一旦他们,使他们能够被重用。 这被称为高速缓存。这意味着,如果我们设计的网页,重复使用相同的图像,他们并不需要再次下载,将显示更快。


所以一旦你的用户已加载的第一页,装载了二级页面过渡将是一个很大顺畅。


我们可以重复使用您的网站上的图像的一些例子包括:

 

.标识和品牌图形


.背景图像和纹理


.文体的图像,如分界线,头背景


.产品亮点产品图片


.图标,例如电子邮件营销,购物车


.口音的图形,如“新”或“热”


.呼叫操作按钮和图形


提高压缩率

 
       “压缩”,基本上是减少文件的大小,这也降低了图像的视觉质量。所以如果你有一个1MB的文件,并可以减少到100KB的大小,你将失去一些图像的清晰度。因此,减少文件的大小是一个平衡位。 你要减少规模,但仍确保该图像是不是太模糊或不清楚。 压缩工作真的很好,当您使用它较小的图像显示缩略图像,然后将其链接到更大的文件,这将打开一个新的页面(如上所述)。

 

       压缩通常在图像编辑软件,如Adobe Illustrator中,Adobe公司的Photoshop“,”烟花“的PhotoPlus 6像Picnik的免费在线来源。你也可以使用的Zeald的网站管理,其中包括软件,可以做基本的图像编辑,将允许你指定你想使用的文件格式,即JPG或GIF压缩,减少质量。 根据您正在使用的图像文件格式,质量下降,出现不同的图像格式不同。

 

      一个JPG图片,压缩可以是模糊的,也泥泞。与GIF图像,压缩减少颜色数量,使他们最终寻找单色。

 

     本文由上海网站制作协策网络(http://www.580plan.com/)发表,转载请以链接形式注明出处,谢谢!



更多
  您可能感兴趣的文章推荐  
 
上一篇:为什么在搜索引擎中的排名是很重要 下一篇:SEO的基础知识
协策网络公司拥有专业的网站建设开发团队,超过四年以上的网站建设、网页制作经验,我们可承接企业电子商务网站建设、企业展示型网页设计和功能型网站制作等各类型网站设计制作。
     
首 页  |  基础服务  |  网站建设  |  网站优化  |  成功案例  |  协策博客  |  关于我们  |  联系我们
COPYRIGHT © 上海协策网络科技有限公司 2008-2014 网站地图 SITEMAP 上海做网站公司 沪ICP备08009778号

地址:上海市共和新路425号凯鹏国际大厦13楼G座(近3、4、8号线)

电话:021-51085186 传真:021-56555059 咨询:+(86)18018609689
上海做网站建设网页设计制作公司