好的,这是我的建议。
只需使用wordpress本机媒体设置创建两倍大小的图像副本。然后在模板中添加以下代码。
<?php $normal = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), \'thumbnail\');
$retina = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), \'medium\' ); ?>
<img src="<?php echo $normal[0]; ?>" data-at2x="<?php echo $retina[0]; ?> alt="<?php the_title(); ?>" width="xxx" height="xxx"/>
这里,我的缩略图(正常)大小为300x300px,中等缩略图(视网膜)大小为600x600px。还有,别忘了装上视网膜。js否则
data-at2x= 不起作用。祝你好运