确保使用Photoshop的“保存到网络设备”选项

      Adobe Photoshop是目前最流行的位图图像编辑器，被大多数网页设计师和网站所有者使用。在许多其他功能中，Photoshop为在线使用图像提供了一个高效的图像优化器。

      虽然我认识的大部分网友都在用Photoshop，但我总是惊讶地发现，真正使用“存为Web”功能的人很少。这个非常方便的工具允许您保存任何图像的网络优化副本，确保足够的质量，同时大大减小图像的大小。

      要优化您的图片，请使用Adobe Photoshop工具，只需打开您的图片，导航到文件保存网页和设备。选择所需的图像格式并保存图像。简单有效的方法，让你的网站加载更快，节省带宽。

      通过防止热链接来节省带宽

      Hotlink是在非自己的网站上非法使用和显示图片。最大的问题是，当你的图片显示在他们的网站上时，他们正在使用你的带宽。所以，你为他们网站的带宽买单。

      不用说，为了节省带宽，降低相关成本，应该禁用热链。他们有几种方法来做这件事。

      使用Apache

      在Apache服务器上，您可以使用以下代码禁用热链接，并用您选择的映像替换热链接映像。

      使用Nginx

      在Nginx服务器上，可以使用配置文件下面的代码轻松禁用热链接。

      实现图像的本地缓存

      与文本不同，图片一旦显示在您的网站上，就很少更新。因此，您的浏览器完全没有必要每次访问您的网站时都下载相同的图片。你所需要做的就是告诉浏览器，它不需要在你每次访问你的网站时都再次下载图片，而是使用本地缓存的副本。

      不要用图片去做你用CSS能做到的事情

      曾经，使用图像资产来处理背景图像、按钮或容器等东西是很常见的。这是有道理的，因为CSS技术当时没有现在这么复杂强大。不幸的是，很多人仍然依赖图像资源来处理通过CSS很容易实现的东西，比如渐变。所以建议你尽量使用css，减少图片的使用。

      想要学习web前端的同学，可以参考千锋成都web前端培训班（cd.mobiletrain.org）的学习路线，千锋成都有着多年IT行业培训经验，在业内有着极好的口碑，选择千锋教育成都校区，助你轻松学习web前端。

上一篇

成都零基础IT培训机构哪家好？

下一篇

成都ui设计培训班好学吗？主要用来做什么？