什么是你的博客的最佳图像尺寸?你不经意间放慢你的博客的加载时间?这是什么PPI / DPI的事情吗?我听说被要求在不同的论坛上问题,所以我想我会尝试去解释什么,我知道一点,特别是因为它涉及到自己的博客。谁知道,也许你是在同一条船上,有一些相同的问题,而这些小技巧可能会派上用场!
我不是一个平面设计师,我不是摄影师,但我在涉足的乐趣打印偶尔拍照的我的博客。在软件方面,我使用Adobe的Lightroom和一个叫瘸子免费程序。
提示1:
尺寸您的图像只大如您的博客内容的宽度。例如,我的博客内容区域为690个像素宽。没有必要对我来说,大小我的照片超过690个像素的任何较大的,因为内容区域最多只能显示690个像素。显示在屏幕上时的800个像素的图像将自动收缩。
该图像实际上是800×533像素。
提示#2:
在网页布局中没有“每英寸”的概念。编辑照片时,为您的博客,尽管他们可能是可作为软件选项,因此PPI(每英寸像素)和DPI(每英寸点数)是不相关的。下面的3个图像保存在不同的生产者价格指数,但你可以看到有在画面质量没有区别!
提示#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:
在你的原始照片上做所有的修改。在进行缩放/裁剪/压缩之前先做这些,这样你就可以处理所有的数据了。
噢,这是一个很大的信息!如果您想了解更多关于这个话题,我发现本网站非常有用,如果有一点技术性的话。或者,在下面的评论中提出问题,我会尽我所能来回答!
Yaswanth贾古玛说
这个职位是一个生命的保护,谢谢你这么多的整齐呈现这一点。希望我有看到你的博客早得多。
我有一个问题了。我用我的MacBook Pro的照片应用程序,并发现当我将它们导出我的图片有些模糊。到我的博客内容的宽度。你可以帮帮我吗?
ereção3倍说
MUITO BOM maravilha SEU后
科莫eliminar manchas做rosto COM lumiclear说
adorei VOU partilhar
ganhar dinheiro fazendo sobrancelhas报道说
MUITO BOM我喜欢bastante
daftaribcbet.net说
这不是我第一次去看这个网站,我正在浏览
本网站戴利,并从这里每天获得愉快的事实。
艾米莉说
我喜欢这篇文章。你展示的一步一步的过程。我肯定会在家里尝试一下。
خریدلوازمجانبیگوشی说
喜欢的。我在这个网站上使用http://styleup.ir/
安妮说
这10个技巧,确实是有帮助的,但我有这就是为什么画面质量甚至没有改变图片的大小后改变了一些问题?而关于PPI和PDI提示4,我没有意识到这一点。这是信息。
mgmpoker88说
许多文章提供了重要和激励信息的感谢扑克在线
Kuldeep辛格说
你已经很好地说明了适当的图像尺寸为blog.But请建议或告诉你如何为你的博客准备图像
乙说
真正有用的帖子。谢谢。我想知道,你会说什么会是最好的图像尺寸?4:3或16:9或3:2?
克里斯Gnuse说
感谢您有所帮助解释。我才意识到,我的网站提交使用3-5MB图像的大忌。我忏悔。您的教程是我需要的理解如何向前推进。较强的工作。
买纱丽在线说
好贴…。
https://www.jigno.com/women/ethnic-wears/sarees.html
(Sanjeev Ojha说
好贴,你描述一个伟大的方式来优化图像的博客文章。感谢它!
Facebook的说
这是我从来没有读过。非常详细的分析。Facebook的
凯特·爱·约翰逊说
我正在重新设计网站/重塑品牌,这是非常有帮助的-非常感谢!
凯拉米切尔说
感谢您与我们分享这些技巧。我非常喜欢这个帖子。
开发商先生从印度说
好的文章,很不错的资料谢谢
费利克斯说
值得一读的文章,现在我将应用你的提示我的网站..干杯(y)
YouTube的缩略图大小太大说
哇这个博客是美好的,我爱阅读
你的文章。保持良好的工作!要知道,很多人都在寻找圆这个信息,你可以极大地帮助他们。