关于博客最佳图像尺寸的10个提示

经过|Blog

您的博客最佳图像大小是多少?您是否无意中放慢了博客的加载时间?这PPI/DPI是什么?我在不同的论坛上听到了问题,所以我想尝试解释一些我所知道的内容,尤其是与我自己的博客有关。谁知道,也许您在同一条船上,并且有一些相同的问题,这些小技巧可能会派上用场!

我不是平面设计师,也不是摄影师,尽管我涉足可打印偶尔并为我的博客拍照。在软件方面,我使用Adobe Lightroom和一个名为GIMP的免费程序。

bw必威一只狗woof:什么是博客的最佳图像大小以及如何显示美丽的博客照片

提示#1:

尺寸的图像仅与博客内容宽度一样大。例如,我的博客内容区域为690像素宽。我不需要将照片尺寸尺寸大于690像素,因为内容区域只能显示690个像素。当在屏幕上显示800像素的图像将自动缩小。

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

提示#2:

网络布局中没有“每英寸”的概念。因此,在为博客编辑照片时,即使它们可以作为软件中的选项可用,PPI(每英寸像素)和DPI(每英寸点)也不重要。下面的3张图片保存在不同的PPI上,但是您可以看到图片质量没有差异!

chrochet_flower_72ppi 72 ppi的640×427像素

Crochet_flower_300ppi 300 ppi的640×427像素

chrochet_flower_1000ppi 1000 ppi的640×427像素

提示#3:

600像素宽乘400像素的图像高度将具有相同的文件大小不管PPI设置了什么。该图像将具有240000个像素的信息,这就是决定文件大小的原因。但是,800×600的图像的文件大小将比600×400的图像更大,因为它包含480000个信息。由于较大的图像包含更多数据,并且文件较大,因此这将减慢您的页面加载时间 - 请参阅提示#1。上面的3张图像均为102 kb。

提示#4:

PPI和DPI与Web显示无关,但是在创建可打印物品时它们很重要。应下载和打印的图像应在300 ppi下创建。如果您下载上面的照片并尝试打印它们,则会看到它们以不同的尺寸打印,其1000 PPI图像打印在1英寸宽度以下。

提示#5:

将您的JPEG图像保存在80%质量范围的位置。这将意味着大约20%的压缩。进行一些具有不同JPEG品质的实验,以了解最适合您的实验。下图以30%或70%的压缩保存。与上面照片的102 KB相比,文件大小现在为43 kb,但是您可以看到质量差异。

Crochet_flower_72ppi2

Tip #6:

不要将照片缩小太小,然后尝试重新启动它们以在您的博客上显示,因为这将导致像素和模糊。

chrochet_flower_72ppi_scaledbyhalf 这张照片是上面的原始图像,在GIMP中缩放了50%。将此图像放大至640×427像素给出以下结果,这显示出轻微的模糊性。

chrochet_flower_72ppi_scaledbyhalf

提示#7:

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

提示#8:

当使用标签调整图像大小时,仅指定宽度或高度属性,而不是两者兼而有之。这使您可以保持相同的比率。指定宽度和高度属性可能会扭曲所显示的图像。

提示#9:

WordPress以不同尺寸的上载图像的多个副本(缩略图,中等副本和全尺寸副本)存储,并且文件大小不同。如果您需要以特定尺寸显示图像,请选择与所需的显示大小相同或大的最小副本,然后使用标签来调整显示大小。要显示400像素宽的图像,请使用全尺寸副本并向下缩小以适合 - 不要放大中副本,因为这将导致像素化或模糊 - 请参见提示#5。

chrochet_flower_72ppi 400像素宽,从全尺寸复制中缩小

chrochet_flower_72ppi 400像素宽,从中型副本放大

提示#10:

在您的原始照片上进行所有编辑。Do this prior to scaling/cropping/compressing so you’re working with all of your data.

哇,那是很多信息!如果您想了解有关此主题的更多信息,我发现这个网站如果有些技术,请非常有用。或者,在下面的评论中提出问题,我将尽力回答它们!

250条评论

  1. 杰夫的旅行

    非常感谢您提供的有用信息。我最近才开始写博客,不知道如何优化我的照片,如何扩展图像或除了上传照片之外!这将极大地帮助!非常感谢!

    回复
  2. 维拉

    非常感谢您发表了这篇文章,这非常有帮助,因为当我尝试在帖子中使用它们时,我的照片尺寸适合我的照片。将其固定在我的Pinterest板上

    回复
    • chiwei

      导出时可以调整大小。

      回复
    • chiwei

      我没有,但我知道有些人会这样做。

      回复
  3. 卡桑德拉

    非常感谢你的这篇文章。我一直在宣传整个互联网以获取这样的信息,您将其清楚地简单地给了我。上帝祝福你!

    回复
  4. 巴黎·拉夫

    Thanks a lot, this really is a truly awsome article! I need help with this too! I mostly usehttp://goo.gl/zc2jw1编辑我的PDF。我认为这也使您能够创建可填充的PDF并进行重新签名。

    回复
  5. 沙特汗

    PPI和DPI会影响文件大小。

    回复
  6. charly

    感谢您的文章和帮助。在阅读我的网站后,刚刚使所有图片变得更小。顺便说一句,有一些插件使图片较小。什么是更好的。较小的图片或插件或较小的图片,然后运行插件?有经验吗?

    回复
    • chiwei

      Whether to use a plugin is up to you. It depends on what the plugin does – does it create a smaller file, or load a large file and display it smaller? That will make a difference in loading time. Hope that helps!

      回复
  7. M88สำรอง

    嘿,那里。我发现了您的博客MSN的使用情况。这是一篇非常好的文章。

    我一定会添加书签并回来阅读额外
    Your有用的信息。感谢您的帖子。我一定会回来的。

    回复
  8. Togel Singapura

    我的一个朋友亲切地称自催眠症为“微波睡眠”,
    非常适合。通常打印头不适合,并且
    this can result to inferior quality printing. When bad times arrive at our
    门口和我们的现代电气实用系统不再可用,
    运作我们根本不能依靠月球或手电筒
    照亮我们的院子。

    回复
  9. Jivansutra

    关于图像大小的大量信息,毫无疑问,这些示例毫无疑问地为各自的博客群区域选择特定尺寸的图像。我最近开始写博客,并在选择适当的图像大小方面遇到麻烦。到目前为止,我在所有相关文章中都读过的最佳提示。谢谢..

    回复
  10. Jivansutra

    关于图像大小的大量信息,毫无疑问,这些示例毫无疑问地为各自的博客群区域选择特定尺寸的图像。我最近开始写博客,并在选择适当的图像大小方面遇到麻烦。到目前为止,我在所有相关文章中都读过的最佳提示。谢谢..

    回复
  11. Plainville art classes

    但是对于这一刻,许多风格的女孩来说,缝制是一个麻烦的企业。

    回复
  12. https://wireshelves.dreamwidth.org/

    当心,一些制造商仅提供可能磨损的喷雾抗菌涂料。
    此完成通常是针对商业装置指定的
    客户可见性及其长期装饰吸引力。
    您需要考虑的重要事情是
    你得到的电线。

    回复
  13. 加拿大鹅夹克

    您好,是的,这段真的很好,我从中学到了很多东西
    it concerning blogging. thanks.

    回复
  14. FIFA 17免费硬币

    首先,您有机会使用汽车,您将使用汽车
    开始履行职责。

    回复
  15. Arisha Dashkoff

    非常感谢你!我刚刚开始我的博客,您的技巧非常有帮助。我还必须在您的博客和您可爱的徽标的清洁设计中称赞您!纬

    回复
  16. 引擎

    嗨,那里的同伴,关于教育和完全解释的大量有关教育的段落,一直保持不变。

    回复

提交评论

您的电子邮件地址不会被公开。必需的地方已做标记*