许多WordPress开发人员抱怨Jetpack的大小和体积,这是一个流行的WordPress插件,它包含了大量的功能。尽管这个插件中包含了大量的函数,但仍然有一些非常有用的模块可以为您的站点提供很大的帮助。的光子图像服务是其中之一,它在你的帖子和页面上提供图像CDN和调整大小服务。

为了在WordPress中使用Photon,你的站点要么需要被托管WordPress.com或者与Jetpack连接。当你用Jetpack连接你的网站时,WordPress服务器会索引你的文章、页面和其中包含的图片。启用Photon将过滤你的文章和页面上的内容,并重新编写从WordPress CDN提供的图像url。作为一个额外的好处,图像的大小被重新调整,以适应图像的宽度和高度,所以你不需要提供被缩小的巨大照片文件。

对于那些为图片配置了自己的CDN的网站,你仍然可以在某些情况下利用Photon。我们在GeekWire上使用Photon,但实际上我们甚至没有打开Photon。我们有选择地使用它在网站的某些部分通过光子API

WordPress文章缩略图的挑战

WordPress允许你在你的主题中发布缩略图add_theme_support(“post-thumbnails”);.一旦你启用了发布缩略图,你就可以为上传到媒体库的图像注册自定义大小和裁剪。例如,您可能需要为侧栏添加一个100×100 square剪裁的缩略图。你可以加上viaadd_image_size('100-square', 100, 100, TRUE);

虽然WordPress缩略图非常灵活,但当你的网站上需要各种大小的图像时,缩略图会显得凌乱和过度。例如,你有一个边栏部分,它使用200px x 100px这样的特定大小的图像。即使你需要的图片数量很小,如果你把这个大小注册为一个缩略图,你上传到媒体库的每一张图片都会生成一个这个大小的缩略图,即使它从来没有在网站上使用过。我们每个月在媒体库中加载超过2000张图片,每张图片除了原始文件外,还会生成5个缩略图大小,每月在我们的服务器上产生12000 +个新的图片文件。这将导致WordPress服务器上出现大量未使用的碎片。

通过Photon选择性地服务重新大小的图像

正如我提到的,我们的网站上没有启用Photon。但是,我们确实在我们网站的某些部分上使用它来动态生成重新调整大小的图像。GeekWire文章上的“相关故事”部分就是一个例子。下面是我们如何调整和裁剪350x200px的图像缩略图。

这样做的好处是,我们不必为上传到媒体库的每一张图片都生成这个新的文件大小。我们可以在需要时动态地创建大小。

光子的局限性

与从你自己的CDN上提供图像相比,Photon有一个重要的限制,这阻止了我们在我们的网站上更广泛地使用它。在Photon中上传或调整大小的图像将“永远”缓存。这意味着如果你在WordPress中进行任何图像编辑或调整,当图像从Photon提供时,它们不会显示出来。没有办法使缓存失效。为了刷新图像,您需要上传一个具有不同文件名的新图像。

最新的开发者博客文章

GeekWork上的工作清单

找到更多的工作GeekWork.雇主,在这里发布工作