你上传一张 3000px 的大图,WordPress 会自动生成几个小尺寸(缩略图、中等、大图),存成不同文件。
用的时候,让它输出对应尺寸就行,不用自己裁。
后台“设置 → 媒体”里能看到:
上传时自动按这三个尺寸裁。
主题需要特殊的尺寸(比如首页大图 800×400),在 functions.php 里加:
add_image_size( 'home-banner', 800, 400, true );
四个参数:
home-banner);true = 裁剪,false = 等比缩放)。注意:加了新尺寸,之前上传的图不会自动补。要重新生成,得用插件(比如 Regenerate Thumbnails)。
文章特色图:
<?php the_post_thumbnail( 'home-banner' ); ?>
正文里的图:
<?php echo wp_get_attachment_image( $attachment_id, 'home-banner' ); ?>
它没有声明 add_theme_support('post-thumbnails'),所以:
the_post_thumbnail() 调了也没用;这也是为什么它的文章页看起来“图文混排”,而不是“顶部一张特色图”。
正文里插图时,WordPress 会给你几个尺寸选。选跟显示尺寸最接近的,别选原图——原图可能 3000px、2MB,显示区域只有 600px。
这是图片拖慢网站最常见的原因。
一句话记住:add_image_size 加自定义尺寸,the_post_thumbnail 输出特色图;加尺寸后老图要重新生成。
下一篇讲摘要。