青岛建站 Seo如何减少网页的大小

本文介绍了优化图像的基本知识。
一般来说，搜索引擎只关心网页的HTML大小，而用户则关注网页的整体大小，因为它与网页的开放速度。如前一篇文章所述，如果您的网页不能在8秒内显示在用户面前，用户可能会遇到延迟感，并可能关闭窗口或标记并丢弃您的网页。一些浏览器可以在状态栏中显示页面打开时间，例如TT。安装yslow插件Firefox后，您可以看到特定的页面打开时间，准确到0.001秒！如果您感兴趣，请下载并尝试。现在，让's从网页上介绍常见的图像格式开始！

I.常见图像格式
可在网页上显示的常见图像格式包括GIF，JPG，JPEG，PNG和BMP。

1. GIF：图形交换格式
GIF图像以8位或256色存储单个图像数据或多个图像数据（GIF-animation）。GIF图像采用无损压缩格式，支持透明度，压缩，交叉和动画。常见的QQ动画表达式是GIF。GIF格式适用于存储颜色较少的青岛建站图像，例如logo，可以实现最佳优化效果，并以最小的图像尺寸完美呈现您的图像。

2. jpg或JPEG：联合摄影专家组
jpg或JPEG图像存储24位颜色的单个光栅图像。它们是独立于平台的通用图像格式，支持最高级别的压缩，但这种压缩是有损的。通常，景观照片和字符照片适合以JPG格式保存。在优化JPG图像时，您可以在图像效果和图像大小之间进行权衡，我们努力在确保图像效果的同时最小化图像体积。

3. PNG：便携式网络图形
PNG图像存储单个光栅g任何颜色深度的图像。PNG被称为便携式网络图像，因为该格式与平台无关，通常可以在Windows，Linux和其他平台上显示。PNG图像类似于gif图像。它们支持透明的背景并且交错，但是提供少量的压缩。与GIF和jpg图像相比，PNG图像体积较大，效果相同，一些老式浏览器不知道PNG透明背景，但PNG得到最新网络浏览器的支持，是最有前途的图像格式之一。

4. BMP:Windows位图
Windows位图可以使用任何颜色（从黑白到24位颜色）来存储单个光栅图像。Windows图像与其他Microsoft程序兼容。它们不支持文件压缩，这可能导致非常大的文件量，并且通常不适用于网页。但是，一些网页设计师或编辑没有注意到这一点，仍然使用BMP图像格式在网站上发布他们的图像。因此，BMP图像已成为网页上常见的图像格式，但我声明BMP图像文件不适用于网页。如果条件允许，请压缩尽可能多的数据。

Ii。图像格式选择
这里我们将分析用例：

分析1：在此网站上选择徽标图像格式：
此网站徽标图像效果（GIF格式）：

 
Http://www.hbsem.cn徽标

标志图像颜色结构非常简单：只有两种颜色，属于几种颜色。如果使用JPG格式：

 
Http://www.hbsem.cn徽标JPG

当图像宽度和高度保持不变时，选择80%质量，图像大小为7 kb（您可以右键单击图像以查看其属性，包括图像名称，类型，地址，大小和尺寸），如果仔细比较这两幅图像，您可以看到JPG格式略低于上面的GIF格式。因此，这是非常可观的适当选择GIF格式以获取颜色较少的图像。颜色较少的常用图片包括手工绘画和工程图纸。

分析2：选择字符图像格式
在这里，我们将分析如何选择字符图像格式：比较图像大小有限时不同JPG，GIF和PNG格式的影响。

百度搜索"美丽"。下图显示了照片的美丽，所以你不能拍摄美丽的照片来实验！

39 In JPG format，26 KB

美丽JPG 26 K

GIF格式，26 KB

美丽GIF 26 K

PNG格式，26 K

美丽PNG 26 K

你考虑过吗？JPG格式非常适合景观照片和人物照片。

3. 将图像插入网页的青岛建站说明
1。使用真正的拇指
这是许多网站的常见错误！我在几乎所有服务过的客户网站上都发现了这个问题。它看起来像一个小图像。当您查看其图像文件时，您会发现一个小缩略图并隐藏一个巨大的秘密-一个清晰的源图像，其中一些甚至是直接从数码相机**的照片，卷可以达到几兆字节。如果网页上有十个或八个这样的拇指，我认为下载它们可能需要雷声。
为了减小网页的大小，您需要使用缩略图来使用真实图像。使用图像处理软件来减小图像的大小非常重要！这是您必须注意的问题。

2. 使用图像交错功能
图像交错意味着在加载网页之前加载部分图像内容，这样您可以先看到效果不佳，但是，在图像完全加载后，图像将得到完美显示。使用图像交错功能可以提高网页加载速度。对于大图像，不想压缩太多以避免影响效果。你可以n使用交错功能确保效果而不影响速度。目前，主要支持的格式包括GIF图像和PNG图像。

摘要：本文介绍了常见的图像格式，选择图像格式的方法以及将图像插入网页的注意事项，我相信您可以关注如何优化图像以减小网页大小。下一步是练习更多。我们建议使用烟花进行网页图像优化。百度是否更好地理解中文还有待验证。然而，烟花确实更好地理解网页（我的个人经验），然而，Photoshop毕竟是非常好和强大的。如果您对优化没有很高的要求，可以使用Photoshop对其进行优化。