我开发了一个插件可以做到这一点。它为您创建新图像（使用@2x），告诉您原始图像是否不够大（并给您一个“重新加载”按钮），然后使用两种方法（图像处理程序或脚本）将其提供给客户端。请尝试一下，告诉我我是否能为你做得更好。可在Wordpress存储库中找到：http://wordpress.org/extend/plugins/wp-retina-2x.

您应该结合使用PHP和js，这样您就不会加载大量未使用的图像。

如果只制作一台ipad，那将是一个非常好的选择add_image_size 并检查模板中的推荐人。

例如：

    if(stristr($_SERVER[\'HTTP_USER_AGENT\'], \'Mozilla/5.0(iPad;\')) {
        // probably an iPad
        // the loop args
       echo wp_get_attachment_image( $attachment->ID, \'ipad\' );
    }else{
       // show regular images
       // the loop args
       echo wp_get_attachment_image( $attachment->ID, \'medium\' );
    }

WordPress已经可以在您上传缩略图时生成各种大小的缩略图。您只需使用“添加图像大小”来添加所需的大小。

您可以根据需要设置多种尺寸。您可能需要稍微更改脚本以查找不同的图像名称（重新调整大小的图像名称应保持一致才能做到这一点）。我相信在这种情况下，较小的图像会在名称的末尾附加一部分图像大小，因此，与JavaScript在文件名的末尾添加-2x不同，您需要让它删除图像大小。