在最佳图像尺寸为您的博客的10个技巧

你的博客最好的图片尺寸是多少?你是否无意中降低了博客的加载速度?这个PPI/DPI是什么?我在不同的论坛上听到有人问我一些问题，所以我想我应该试着解释一下我所知道的，尤其是那些和我自己的博客有关的问题。谁知道呢，也许你也有同样的问题，而这些小窍门可能会派上用场!

我不是一个平面设计师，也不是一个摄影师，尽管我只是涉猎于乐趣打印偶尔给我的博客拍照。在软件方面，我使用Adobe Lightroom和一个名为Gimp的免费程序。

小提示# 1:

大小你的图片只有大你的博客内容的宽度。例如，我的博客内容区域是690像素宽。我没有必要将我的照片的大小超过690像素，因为内容区域将只显示高达690像素。800像素的图像在屏幕上显示时会自动缩小。

这张图片实际上是800×533像素。

小提示# 2:

网页布局中没有“每英寸”的概念。编辑照片时，为您的博客，尽管他们可能是可作为软件选项，因此PPI（每英寸像素）和DPI（每英寸点数）是不相关的。下面的3个图像保存在不同的生产者价格指数，但你可以看到有在画面质量没有区别！

640×427像素，72 ppi

640×427像素，300 ppi

640×427像素，1000 ppi

提示＃3：

宽度为600像素，高度为400像素的图像将具有相同的文件大小不管什么PPI设置为。此图片将有24万个像素的信息，而这正是决定了文件大小。然而，在800×600的图像将在600×400有一个以上的较大的文件大小，因为它包含的信息480000个像素。由于较大的图像中包含更多的数据和文件较大，这会减慢你的页面加载时间 - 见小提示# 1。上述3幅图像都是102 KB的大小。

提示＃4：

PPI和DPI不相关的网页显示，但创建printables时候都重要。这意味着被下载并打印图像应当以300 PPI创建。如果你下载上面的照片，并尝试打印出来，你会看到他们在打印在不同尺寸，与1000 PPI图像打印在1英寸宽。

提示＃5：

保存您的JPEG图像在80%的质量范围。这意味着约20％的压缩。做一些实验用不同的JPEG品质，看看有什么最适合你。下面的图像被保存在30％的质量，或70％的压缩。文件大小是现在43 KB相比，102 KB以上的照片作为，但你可以看到质量差异。

小提示# 6:

不要把你的照片缩放得太小，然后尝试重新扩大他们在你的博客显示，因为这将导致在像素化和模糊。

此照片是从上面的原始图像，由50％的在GIMP缩小。放大图片回高达640×427像素给出了以下结果，其中示出了轻微的模糊。

小提示# 7:

调整在一个HTML 标记的宽度和高度属性不会影响存储在服务器上的图像尺寸。它仅影响看到网站上的显示大小。

Tip 8:

当使用标签来调整图像大小时，只指定宽度或高度属性，而不是两者都指定。这允许您保持相同的比率。同时指定宽度和高度属性可能会扭曲所显示的图像。

Tip 9:

WordPress存储了不同大小的上传图片的多个副本——缩略图、中等大小的副本和全尺寸的副本——而且它们的文件大小也不同。如果你需要在一个特定的大小来显示图像，挑比你想要的显示尺寸相同或更大的最小的副本，请使用标签来调整显示尺寸。要在400个像素显示图像，使用全尺寸复制并缩小到适合 - 不扩大中等拷贝，因为这将导致像素化或模糊 - 见提示＃5。

400像素宽，缩小从全尺寸副本

400像素宽，由中号副本放大

提示＃10：

使您的原始照片的所有编辑。在缩放/裁剪/压缩之前进行此操作，这样您就可以处理所有的数据了。

哇，信息量真大啊!如果你想读更多关于这个话题，我发现这个网站虽然有点技术性，但还是很有用的。或者，在评论下面问问题，我会尽我最大的努力来回答!