图像大小和质量

网页上使用的图像的大小和质量由多种因素决定。

物理大小

图像的物理大小取决于两个因素:屏幕上图像的大小和文件大小。通常,文件大小被视为不同的问题。

文件大小

这是硬盘或服务器上文件的大小。

分辨率

分辨率指图像中的像素数。分辨率有时由图像的宽度和高度以及图像中的像素总数来确定。

文件类型

互联网上普遍存在X种图像类型:jpeg、gif、png和(用于favicons公司(地址旁边的图标)图标.

这个实际尺寸图像的信息是我们需要知道的,以便确定图像在网页上占据多少“空间”。如果你的WordPress主题有一个600像素的固定宽度的内容区域,而你想要使用的图像是800,那么这个图像会推动你的侧边栏和网页布局,把你的设计搞乱。600像素宽度内的图像需要限制为该最大宽度,以保护页面的布局。由你决定它们的大小,使图像与整体布局和样式相匹配。

文件大小指示加载页面所需的时间,文件大小越大,通常会因为高图像分辨率质量,加载时间越长。人们通常没有耐心等待长时间的网页加载,因此保持文件大小较低会加快网页访问速度。通常,大型高质量图像应保持在100K到60K之间。较小的图像应接近30K或更低。

这个分辨率图像的清晰度决定了它的清晰度。不过,分辨率越高,文件大小就越大,因此您必须在质量和文件大小之间做出妥协。

幸运的是,互联网上最常用的各种文件类型有压缩特征。当您将文件保存为这些类型之一时,它会压缩或压缩图像文件中的数据信息。Internet浏览器可以解压缩此信息用于在屏幕上显示图像。一些图形软件程序允许您设置压缩率,以在保存图像时控制图像的质量(和文件大小)。根据您对站点上图像的使用情况,您可能需要进行实验,以获得正确的比率,从而在保持小文件大小的同时保持良好的分辨率。

网站使用四种常见的文件类型。文件名的结尾(称为延伸)告诉它是什么类型。一种类型,图标,是为了制作一个蚕豆文件-但这通常只在首次建立网站时进行。其他三种类型用于常规图像:

  • jpg格式(JPEG)适合拍摄照片。将照片另存为jpg格式从照片中删除细节。好的照片编辑器可以让你控制删除了多少细节(“压缩”)。不同的照片需要不同的压缩;仔细操作并查看结果可以为您提供一张小文件大小的可用照片。
  • gif格式可能不适合拍照。它更适合线条艺术,如徽标,具有相同颜色的实体区域。
  • png公司适用于照片和线条艺术。它压缩照片而不丢失细节,但通常会生成比JPEG更大的照片文件。一些较旧的浏览器不完全支持png公司尽管如此。

如果您不确定哪种文件类型最适合特定图像,请尝试将图像保存为多种类型并比较文件大小。使用正确的类型会有很大的不同!中有更多信息图像文件类型和格式指南.

调整图像大小

并非所有的图形软件包都允许您调整图像大小,尽管大多数软件都应该这样做。检查图形软件目录或索引调整大小,大小,转型,减少,或扩大,表示同一事物的所有同义词。如果他们没有这个功能,你可能需要找到不同的软件。

调整图像大小的过程相当简单。通常有两种方法:

1) 您可以通过使用提供的工具来调整图像的大小,这些工具允许您手动移动图像的边缘以变形或调整图像的大小。最好的方法是抓取一个角,而不是边缘,以调整图像大小。角“手柄”通常会调整图像的大小,以保持整体的高宽比。查看您的手册以了解具体说明。

2) 另一种方法是简单地指定图像的最终大小。高级图形程序允许您通过精确的尺寸或缩小或放大的百分比进行设置。

调整图像大小后,图像可能会更小,但也可能会稍微失焦。您可以使用锐化功能。

当您微调小尺寸图像或新缩略图时,将图像导出为jpg、gif、,png公司.

进一步阅读

资源

这篇文章有用吗?如何改进?

首次发布

上次更新时间