所有有趣的东西…都在你的收件箱里。在此注册。

10个建议,最好的图像大小为您的博客

通过|博客

什么是你的博客的最佳图像尺寸?你不经意间放慢你的博客的加载时间?这是什么PPI / DPI的事情吗?我听说被要求在不同的论坛上问题,所以我想我会尝试去解释什么,我知道一点,特别是因为它涉及到自己的博客。谁知道,也许你是在同一条船上,有一些相同的问题,而这些小技巧可能会派上用场!

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

bw必威一个狗的汪汪声:什么是最好的图片大小为你的博客和如何显示美丽的博客照片

提示1:

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

crane_mobile-11该图像实际上是800×533像素。

小提示# 2:

网页布局中没有“每英寸”的概念。所以PPI(像素每英寸)和DPI(点每英寸)在编辑你的博客照片时是无关的,即使它们在你的软件中是可用的选项。以下3张图片是在不同的PPIs下保存的,但是你可以看到图片质量没有差别!

crochet_flower_72ppi640×427个像素为72 ppi

crochet_flower_300ppi640×427像素,300 ppi

crochet_flower_1000ppi640×427像素,1000 ppi

小提示# 3:

宽度为600像素,高度为400像素的图像将具有相同的文件大小不管PPI设置为什么。这幅图像将有240000像素的信息,这决定了文件的大小。然而,800×600的图像比600×400的图像文件大小更大,因为它包含480000像素的信息。因为更大的图像包含更多的数据和文件更大,这将减慢你的页面加载时间-看到小提示# 1。上面的3张图片都是102kb大小。

小提示# 4:

PPI和DPI与web显示无关,但在创建可打印文件时它们非常重要。需要下载和打印的图像应该以300 PPI的速度创建。如果你下载上面的照片并尝试打印它们,你会看到它们以不同的尺寸打印,1000 PPI图像打印在1英寸以下。

冰山# 5:

保存您的JPEG图像在80%的质量范围。这意味着大约20%的压缩。用不同的JPEG质量做一些实验,看看哪种最适合你。下面的图像以30%的质量或70%的压缩保存。现在的文件大小是43 KB,而上面的是102 KB,但是你可以看到质量上的差异。

crochet_flower_72ppi-2

小提示# 6:

不要把你的照片缩放得太小,然后试着把它们放大以显示在你的博客上,因为这会导致像素化和模糊。

crochet_flower_72ppi_scaledbyhalf这张照片是上面的原图,在Gimp中按比例缩小了50%。放大到640×427像素,得到下面的结果,显示出轻微的模糊。

crochet_flower_72ppi_scaledbyhalf

小提示# 7:

在HTML中调整标签中的宽度和高度属性不会影响存储在服务器上的图像大小。它只会影响网站上的显示尺寸。

Tip 8:

当使用标签来调整图像的大小,仅指定的宽度或高度的属性,而不是两个。这可以让你保持相同的比例。指定宽度和高度属性可能扭曲图像被显示。

Tip 9:

WordPress的存储您上传的图片的多个副本大小不同 - 缩略图,中等拷贝和一个全尺寸的副本 - 他们是在文件的大小不同。如果需要以特定的大小显示图像,请选择与所需显示大小相同或更大的最小副本,并使用标记来调整显示大小。要显示400像素宽的图像,使用全尺寸副本并缩小以适应——不要放大介质副本,因为这会导致像素化或模糊——参见提示#5。

crochet_flower_72ppi400像素宽,缩小从全尺寸副本

crochet_flower_72ppi400像素宽,由中号副本放大

小提示# 10:

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

噢,这是一个很大的信息!如果您想了解更多关于这个话题,我发现这个网站虽然有点技术性,但还是很有用的。或者,在评论下面问问题,我会尽我最大的努力来回答!

234条评论

  1. melody98

    其中一个我读过的最好的东西。谢谢你

    回复
  2. 凯尔

    谢谢你的建议。我刚开了一个新的博客,正在学习。我马上想到了你和你的博客的文章中,我今天所做的就是休斯顿艺术汽车游行。有车有包裹在纱线...。是的,整个车!再次检查出来,并感谢就如何使我的照片在网上小提示。

    回复
  3. 梅根安

    谢谢你的建议。我经常想知道什么样的图像大小适合我的文章。这就是我的答案。

    回复
  4. 安娜贝拉

    有用的东西!我将把它收藏起来以获得进一步的帮助。在读到这篇文章之前,我对上传这些图片非常犹豫。谢谢!

    回复
  5. NEGIN

    您好,非常感谢您的惊人技巧。我知道,如果你把RAW pictictures您的博客讨好?

    回复
  6. jannatul

    你好,非常感谢你关于图片的优秀技巧。

    回复
  7. 珍妮弗·芬内尔

    有一天,你在上面!你的职位是如此的帮助人民学到很多东西从您的博客。你的博客是太明显。

    回复
  8. 阿施施

    谢谢你的建议。我刚开了一个新的博客,正在学习。这对我很有帮助。感谢它。

    回复
  9. 约翰Schokman

    感谢c;我发现了很多困惑,这将对我的博客文章有所帮助。

    回复
  10. 利奥

    我喜欢这种直接快速回答问题的方法,太棒了!

    回复
  11. 数码单反相机条痕

    我一直在寻找互联网上的这个问题,我发现你的文章。我很困惑的图像尺寸。什么图像尺寸应该是。但现在我明白了。
    这篇文章对我很有帮助。
    非常感谢

    回复
  12. 阿里

    哇,你为我解决了这么多的问题,但我有一个问题,我如何检查内容宽度在我的博客,我可以导出相同的图像大小,目前我使用1000宽度为我所有的图像。

    回复
  13. 颜

    感谢您的文章。这是非常有帮助的。不过,我仍然为此而努力。我的照片尺寸为1200×800,约200KB,但不知何故,质量看起来非常糟糕,无处可像你一样,你上面贴的照片。你知道什么可能的原因吧?任何提示,以解决这一问题?原来的大小约为3M到4M。

    回复
    • 位于台湾岛东北海面上

      对于这样大小的照片,200KB的文件大小太小了,这意味着你对照片质量的影响太大了。当你导出照片时,确保以更高的质量导出,这样文件大小出来接近1M。

      回复
  14. 拉娜

    非常感谢我开始我的新博客,这篇文章解决了我关于PIC尺寸混乱????…谢谢

    回复
  15. Techmaan

    良好的信息。在我看来,任何大小的图像,我们喜欢我们应该使用一个标准大小的图像,以保持均匀性。特别是当我们使用网格视图时,因为不同大小的图像看起来很奇怪。

    回复

提交评论

您的电子邮件地址将不会被公布。必填字段被标记*