如何将大图像上传到 WordPress

已发表: 2014-01-14
更新于

上传大图像 WordPress
随着互联网速度越来越快,带宽限制被取消,摄影师和其他创意专业人士终于有机会让他们的图像以他们所有的高分辨率荣耀出现在网上。

过去,大图像的加载速度要慢得多,用大量高分辨率图像填充您的网站根本不切实际。 相反,必须压缩图像以减小文件大小(也降低质量)并在画廊中显示为微小的缩略图。

页面加载时间仍然很重要,但随着技术的进步,下载一张高分辨率图像不再需要 5 分钟。 以嵌入博客文章或全屏画廊的方式显示大尺寸图片是摄影师展示其作品以达到最大效果的好方法。

但是,当您将大图像上传到您的站点时,仍然需要牢记几点,以便为访问者提供良好的体验和快速加载站点,同时保持图像质量。

图像优化

在将图像上传到 WordPress 之前,您应该优化它们以便在网络上查看。 Photoshop 和 Lightroom 都有一个“保存为网络”选项,允许您选择不同的质量级别,并查看它如何影响图像的清晰度和下载时间。

如果您使用没有压缩工具的其他图像编辑程序,您可以使用 Image Optimizer 等在线工具来压缩您的文件,然后再将它们放到您的网站上。

在为 Web 准备图像时,总是需要在质量和文件大小之间进行权衡,因此需要确定理想的平衡点。 您的照片总是以更高的质量看起来更好,但如果它们需要永远下载,访问者可能会厌倦等待并点击您的网站。

请记住,作为一名摄影师,您将比大多数其他人更清楚质量损失。 大多数人可能甚至不会注意到中等质量和高质量图像之间的差异,除非图像的尺寸很大。

JPG 通常是为网络保存照片的最佳文件格式。 将优化后的图像保存在图形程序中后,您可以使用 Smush.it 之类的工具进一步压缩它,它可以在不影响质量的情况下减小文件大小。

创建缩略图

如果您希望您的页面快速加载并为您的用户提供单独加载大图像的选项,那么上传缩略图是实现此目的的最佳方式。 缩略图提供图像的小(文件和物理大小)预览,然后可以单击以查看更大的照片。

当您通过媒体上传器上传图像时,WordPress 会自动生成缩略图。 这些缩略图的尺寸可以在您的 WordPress 设置中更改(通过Settings > Media ),您可以选择是否应按比例调整大小或裁剪以适合尺寸。

当您将缩略图插入博客文章或页面时,您可以通过从附件菜单中选择“媒体文件”将其链接到原始图像。

WordPress 还包括直接从帖子或页面构建图库的功能。 您只需选择要包含的图像,然后单击“创建新画廊”。 虽然这对于您博客文章中的基本缩略图库来说很好,但您可能希望更多地控制您的主站点库的外观和操作。 您可以使用 WordPress 作品集主题、GPP 幻灯片或众多可用的 WordPress 画廊插件之一来实现这一点。

在博客文章中嵌入图像

确保您的图片在您的博客上以实际大小显示并且没有被挤压以适应这一点很重要,因为这会影响页面加载时间和图片清晰度。 实现这一点的最简单方法是将大尺寸图像的最大宽度尺寸更改为博客列的宽度。 这样,如果您上传的图片太大而无法容纳,WordPress 将自动创建一个大小正好合适的调整大小的版本。

您可以在 WordPress 仪表板的媒体设置页面上编辑这些维度。 将图片插入帖子时,请确保选择“大”,而不是“全尺寸”。

值得注意的是,WordPress 在调整图像大小时以 60% 的质量保存图像。 如果此质量对您来说还不够,请使用 GPP 改进图像质量插件以 100% 质量自动保存 WordPress 调整大小的图像。

水印和文件保护

请注意,如果您通过 WordPress 以原始大小上传文件,任何访问您网站的人都可以下载这些文件,即使您只将较小的版本嵌入到您的画廊或博客中。 除非您想免费赠送数字底片,否则最好在上传之前调整图像大小。

在某些情况下,您可能希望使原始文件可用,但仅限于具有权限的用户(例如,如果您直接从您的站点销售库存图像或具有在线校对功能)。 在这种情况下,像 Sell Media 插件这样的插件是理想的。 除了保护原始文件外,此插件还会自动从原始文件生成不同大小的文件,并允许以您设定的价格购买它们。

Sell Media 还有一个水印扩展程序,可让您通过使用您的徽标或您选择的图像为它们加水印来保护您的大图像。

增加文件上传限制

您的网络服务器很可能有一个最大文件上传限制,旨在阻止用户上传会降低其网站速度的大文件。 这对大多数用户来说是实用的,但在某些情况下,上传限制可能不足以容纳最大和最优质的图像。

如果您进入 WordPress 媒体上传器,您会看到最大上传文件大小,可能低至 2MB。 这对于非常大的图像来说根本不够大,因此如果您想通过 WordPress 上传高分辨率照片,则需要对其进行编辑。

此限制是服务器设置,不是由 WordPress 设置的,因此您无法从仪表板更改它。 相反,您将编辑php.ini文件,该文件可以使用 FTP 客户端在您网站的根目录中找到。

例如,您想将文件上传限制增加到 64MB。 在文本编辑器中打开文件,找到以下行并根据需要更改值:

upload_max_filesize = 64M
post_max_size = 64M
max_execution_time = 300

保存文件,将其重新上传到您的wp-admin目录,希望这应该可以增加文件上传限制。

更改文件大小限制的另一种方法是编辑您的 . htaccess文件。 您将在您的 Web 根目录中找到此文件。 如果看不到它,请确保您的 FTP 客户端设置为显示隐藏文件和系统文件。 编辑文件并添加以下代码:

php_value upload_max_filesize 64M
php_value post_max_size 64M
php_value max_execution_time 300
php_value max_input_time 300

重新上传文件,您应该一切顺利。

如果您使用的是共享主机包,则这些方法都可能不起作用。 如果是这种情况,您需要联系您的虚拟主机并要求他们手动增加文件上传限制。

享受您的大图像,但请注意加载时间

如果您在 WordPress 中上传大照片时遇到问题,希望我们提供的提示可以帮助您。 高质量的图像可以产生很大的影响,特别是当它们全屏显示或作为大背景图像显示时。

请记住,并非每个人都在使用高速连接,并且为可能希望查看您的图像而无需整天等待您的网站加载的人提供较低带宽的选项始终是一个明智的想法。