用于网页的图片大小和质量由多种因素决定。
物理尺寸
图片的物理尺寸基于两点:图片在屏幕上的大小和文件大小。通常,文件大小被视为一个不同的问题。
文件大小
这是文件在您的硬盘或服务器上的大小。
分辨率
分辨率指的是图片中的像素数量。分辨率有时通过图片的宽度和高度以及图片中的总像素数量来标识。
文件类型
互联网上主要有四种常见的图片类型:jpeg、gif、png
和(用于网站图标(地址栏旁边的图标))ico
。
图片的物理尺寸是我们确定图片将在网页上占据多少“空间”所需了解的信息。如果您的WordPress主题具有600像素的固定宽度内容区域,而您要使用的图片是800像素,则图片会挤压您网页的侧边栏和布局,从而破坏您的设计。宽度在600像素以内的图片需要限制在该最大宽度内,以保护页面的布局。您需要在此基础上确定图片的大小,使其与您的整体布局和样式相匹配。
文件大小决定了加载页面所需的时间,文件越大(通常由于图片分辨率高而增加),加载时间就越长。人们通常没有耐心等待漫长的网页加载,因此保持文件大小较低可以加快您的网页访问速度。通常,大型高质量图片应保持在100K到60K之间。较小的图片应接近30K或更小。
图片的分辨率决定了它的清晰度。然而,分辨率越高,文件大小就越大,因此您必须在质量和文件大小之间做出权衡。
幸运的是,互联网上最常用的各种文件类型都具有压缩功能。当您将文件保存为其中一种类型时,它会浓缩或压缩图片文件中的数据信息。互联网浏览器可以解压缩这些信息以在屏幕上显示图片。一些图形软件程序允许您在保存时设置压缩率,以控制图片质量(和文件大小)。根据您网站上图片的使用情况,您可能需要进行试验以获得合适的比例,从而在保持良好分辨率质量的同时保持较小的文件大小。
网站使用四种常见的文件类型。文件名的末尾(称为扩展名)说明了它的类型。其中一种类型ico
,用于创建网站图标文件——但这通常只在网站首次设置时进行。其他三种类型用于一般图片。
jpg
(JPEG)适用于照片。将照片保存为jpg
会从照片中移除细节。优秀的图片编辑器允许您控制移除的细节量(“压缩”)。不同的照片需要不同的压缩;仔细操作并查看结果可以为您提供一张文件大小较小且可用的照片。gif
可能不适合照片。它更适用于线条艺术,例如徽标,具有相同颜色的实心区域。png
适用于照片和线条艺术。它在压缩照片时不会丢失细节,但通常会生成比JPEG更大的照片文件。不过,一些旧版浏览器不完全支持png
。
如果您不确定哪种文件类型最适合特定图片,请尝试将图片保存为多种类型并比较文件大小。使用正确的文件类型会产生很大的不同!图片文件类型和格式指南中有更多信息。
调整图片大小
并非所有图形软件包都允许您调整图片大小,尽管大多数应该支持。请查看您的图形软件目录或索引中是否有调整大小、大小、变换、缩小或放大等词,这些都是同一功能的同义词。如果它们没有此功能,您可能需要寻找不同的软件。
调整图片大小的过程相当简单。通常有两种方法:
1) 您可以通过使用提供的工具来调整图片大小,这些工具允许您手动移动图片的边缘以变形或调整图片大小。最好的方法是抓住一个角而不是边缘来调整图片大小。角落的“手柄”通常会保持整体高宽比来调整图片大小。请查阅您的手册以获取具体说明。
2) 另一种方法是简单地指定图片的最终大小。高级图形程序允许您通过精确尺寸或缩小/放大百分比来设置。
调整图片大小后,图片可能会变小,但可能也会略微失焦。您可以使用软件中的锐化功能来提高小图片的清晰度。
当您微调好小尺寸图片或新缩略图后,将图片导出为jpg、gif
或png
格式。
这篇文章有用吗?如何改进?
登录以提交反馈。如果本文未涵盖您需要的支持,请在支持论坛中发布您的问题。