在网站建设中如何处理图片？

对于网站建设的运营的人来说，除了网站本身的框架(程序功能、布局、版块、内容等)安全稳定之外，还需要做好网站优化(SEO)，而网站优化又包括站内优化和站外优化两大方面，这样做的目的只要是为了满足搜索引擎的排名规则，从而让网站内容在搜索引擎检索中获得比较靠前的排名，从而实现增加网站的流量，提高网站转化率等。

而在网站优化中的站内优化规划中，网站的处理也是尤为重要的，对于大多数的网站来说，都主要是以图文为主的，而最占网站空间大小、影响网站打开访问速度的也是，所以要如何处理好网站优化的问题也是很关键的。

那么我们应该如何处理呢主要从两方面下手：

首先，控制的大小：

不管是资讯网站还是企业网站，建议尽量少用那种全屏大小的，如果不得不用到的话，也建议在做完后，对需要展示的在不影响质量的情况下进行压缩，关于如何做压缩，网上也有很多关于压缩的工具，这里个人推荐一款：智图的工具，主要功能是用于压缩和格式转换的工具， *** 作也很简单，只需要选择质量调节(质量)然后点击上传就可以自动压缩完成，处理完成后我们可以看到处理后的信息，最主要是目前这款工具是免费的，有需要的可以了解使用。

压缩前的大小是：503M

压缩后的大小是：113M

除了使用压缩工具之外，也可以通过ps对即将保存的进行品质的选择，从而实现的压缩。

其次：我们可以选择WebP（是一种同时提供了有损压缩与无损压缩的文件格式）的新型格式，同质量的WebP比JPEG小25-34%，比PNG的体积小26%。像目前我们知道的京东等大型网站都开始慢慢使用这种WebP的格式。

再次：可以通过优化程序代码的方式，对上传的进行缩略图的处理，尤其是在访问网站首页、频道页面和列表页面或者相关专题页面的时候，也可以有效的减少网站的负载；或者也可以通过jQuerylazyload实现延时加载，这样不但可以提高网页下载速度，不至于出现整个页面打不开的情况，jQuerylazyload在某些情况下，它也能帮助减轻服务器负载。

它的使用方法也很简单，直接引用jquery和jquerylazyloadjs到你网站的相关页面：

html调用方法

为加入样式lazy路径引用方法用data-original

在我们使用浏览器浏览网页的时候，我们遇到好看的或者有用的，我们会想把它存到自己的电脑中，当我们想要的时候可以再次浏览。不过有时候我们发现，我们保存的在我们的电脑中却无法正常浏览，普通的浏览器根本打不开。

这个时候很大的可能是因为你保存的是webp格式，这个格式目前在网络中也是广为使用，但是由于这种格式是谷歌在2010年推出的，所以目前还不能算是完全普及，很多浏览器还不能很好的支持这一格式，webp格式优势是具有比jpeg更为优秀的压缩比，同样质量的，可以占用更小的体积。
如果你保存的恰巧是webp格式的，如果你想在日常中使用（比如插入到PPT、Word中），可能webp格式的并不是一个比较恰当的选择。

这个时候把webp格式的转换为jpeg或者png格式的就非常的有必要。因为jpeg和png作为更为普及的格式，拥有更为广泛的支持。
有两种转换的方式：在线网站转换和离线软件转换。

在线网站转换的优点是使用起来非常的方便，不需要安装任何的软件就可以进行转换，不过转换的服务器不在本地，隐私和安全性难以保障。如果需要转换的不是很隐私的，使用网络的转换器也是可以的，推荐以下可以使用的几个：

1、aconvert

>

众所周知，做为网页元素的一种，是必不可少的，没有的修饰，网页看上去会缺乏很多美感。但是现在很多网站上的越来越多，而且尺寸没有合理控制，导致网页加载速度特慢，极大影响了用户体验。

那面对这种情况，站在网站运营和优化角度上说，该如何解决过大加载慢的问题呢？作为一名IT从业者，我给出一些方案供大家参考：

1、动静分离

我们可以将动态页面和静态资源（如：CSS、JS、等）用不同域名部署（建议根域不同），因为浏览器也是有请求并发控制的，如果动态页面和静态资源都用同一个域名效果不如动静分离的好。

2、静态资源走CDN加速

像静态的及样式等资源文件，建议走CDN加速，这样能解决跨网互通问题，每个地域的访客都能“就近读取”服务器上的资源，从而加快资源下载速度。

3、压缩处理

很多网站上的尺寸大得离谱，甚至一张图就有1M多。所以对于请务必做好压缩处理，常见措施有：

缩略图裁剪，尺寸不宜过大；

服务器端启用GZip压缩；

手机端可启用webp这种格式；

4、惰性加载

在加载时，我们默认只加载第一屏，这种惰性加载可以避免用户短时间内下载过多暂未展示的，一来节省了服务器带宽，另外也是缩短了用户等待时间。

以上几种方案就是常用来处理加载慢的解决方案，其实还有很多小细节是可以完善的。对于这个问题大家可有更好的建议呢，欢迎在下方评论区发表自己的观点~我是科技领域创作者，十年互联网从业经验，欢迎关注我了解更多科技知识！

---