WordPress 媒体库图片大小（尺寸）研究笔记

WordPress 的媒体库在上传图片后，会自动生成复数个不同尺寸规格的图档，用来提供 WP 不同布局应用与布景主题（Theme）所需的图片大小。目的是为了用最适合的图片大小呈现在网页上，借以提供最快的展示速度。

试想想，如果只是为了呈现尺寸 100×100px 的图片指引，就要载入 2000×2000px 的原图，再缩小呈现，这样不仅读者开启网站的速度会变慢，也会占用相当多的网络流量 —— 而流量是要算钱的。

其中布景主题需要的图片大小是由主题设计师自行决定，早早写在网页指令中，除非手动修改否则无法改变。如果你终究还是想要禁止布景主题的自动缩图，可以在布景主题的「functions.php」文件中，寻找「add_image_size」、「set_post_thumbnail_size」等函数进行修改。

至于文章需要的图片大小可由网站主、部落客轻易地自行设定，相关选项可在后台（Dashboard）的「设定（Setting）」下的「媒体（Media）」中找到缩图大小、中等大小与大图大小等图片大小的尺寸设定，主要作用是在撰写文章时可直接导入。

由于尺寸建立越多越占用硬盘空间，因此我建议媒体大小的尺寸可以选出最常用的尺寸后（例如中等大小），其余的都填入 0 值，借以禁止产生缩图。

不过除此之外，基本上这些图档的存在并不会影响网站效能，因此在一些号称 Unmetered website space 无容量限制的主机（例如：Bluehost）可以设定各种尺寸也无所谓。

自动建立不同尺寸的媒体库图片

将一张档名为「Vedfolnir-Images.png」，文件大小为 181911 Bytes 的图片，上传到 WordPress 媒体库后，依照系统设定（只保留中等大小的尺寸）与布景主题内建规范后，将自动生成下面七个文件：

1. Vedfolnir-Images-1320x500.png，文件大小为307841。
2. Vedfolnir-Images-160x160.png，文件大小为12838。
3. Vedfolnir-Images-300x169.png，文件大小为30462。
4. Vedfolnir-Images-320x320.png，文件大小为30164。
5. Vedfolnir-Images-520x245.png，文件大小为77597。
6. Vedfolnir-Images-720x340.png，文件大小为103277。
7. Vedfolnir-Images-980x450.png，文件大小为241061。

从这边可以发现，这组布景主题已经内建六种格式。吊诡的是其中两个文件的大小甚至比起原图还要更大。

由于 WP 系统设定下的媒体图片大小是依照原始照片的长宽去等比例缩小照片，但是布景主题却是将原图片裁切出需要的尺寸，等于是新建立一张图片，因此才会有图片尺寸变小，但是文件容量反而变更大的情况。

原本一张 181KB大小的图片，上传后占用的硬盘空间将会是 985181 Bytes（约985KB），等于增长了5.44倍，而一个小型网站的图片量就可能上千张，如此一来自然会占用相当多的硬盘空间。

另外值得一提，如果在媒体库中删除图档，那其他因此产生的缩图也会被自动移除，不用担心会有残余文件留下。