WP图像默认响应吗？

时间：2016-11-30 作者：Yoona

我了解到，当上传单个图像时，WP会自动创建3个副本，分别为缩略图（150×150）、中图（300×300）、大图（1024×1024）和amp；原始尺寸。

这是否意味着，如果我使用css设置图像宽度，WP将自动获得（WP创建的）使用的相应大小的图像

2 个回复
最合适的回答,由SO网友:Divyesh Tailor 整理而成

它可以在图像处于响应模式时自动更改图像。我们可以在这里添加所有图像，以便根据屏幕大小自动剪切。

add_action( \'after_setup_theme\', \'wpdocs_theme_setup\' );
function wpdocs_theme_setup() {
 add_image_size( \'category-thumb\', 300 ); // 300 pixels wide (and unlimited height)
 add_image_size( \'homepage-thumb\', 220, 180, true ); // (cropped)
}

SO网友:cjbj

是的，WordPress在上载图像时会生成多种大小的副本。您甚至可以通过仪表板或插件设置生成的大小(example) 或in your theme.

这并不意味着在插入图像时，所有这些尺寸都会自动包含在内。例如，当您在帖子中插入图像时，您应该选择大小。但是，如果按主题以正确的方式插入特色图像，则会包括所有图像大小。

通过使用srcset 属性。基本上，这会告诉te浏览器哪些尺寸可用。浏览器将计算图像在屏幕上的大小，然后从服务器加载相应的文件，也可以在调整窗口大小时加载。这应该回答你问题的第一和第二部分。

现在是第三部分。始终上载任何图像中可用的最大尺寸。让WP将其缩小到桌面的精确大小。这样，如果您以后更改了主题并需要更大的图像，那么您的系统中仍然有可用的图像。

标签： images   css   小码农  

相关推荐

将页面特定的css文件入队的正确方法

我正在寻找一种替代使用函数的方法。php并基于每个页面的ID应用条件，相反，我希望将CSS排在每个页面的顶部，如下所示：<?php defined(\'ABSPATH\') or die(); ?> <?php get_header();?> <?php wp_enqueue_style(\'home\', get_template_directory_uri() . \'/assets/css/style.css\', \'\',