响应图片

本文将有助于了解显示在基于Impreza的图像机制。

你应该知道的第一件事- 上传到媒体库中每个图像会自动创建几个较小尺寸的缩略图(像素),这是一个默认的WordPress的机制。这样的缩略图的数量取决于显示图像,并且设置的原始尺寸。检查下表。

预定义的图像尺寸

外形尺寸(PX) 由…提供 系统名称 多变? 默认情况下,在使用
1024×1024 WordPress的 在“设置>媒体” -新的格子布局的图像
– Meta标记“og:image”
300×300 WordPress的 在“设置>媒体” – 预载屏幕自定义图像
150×150(裁剪) WordPress的 缩略图 在“设置>媒体” -图像滑块“缩略图”额外的导航
-在作品页和信息双面导航
-地图自定义标记图像
-在产品页面产品图库缩略图
-在WooCommerce部件产品预览
的600 x 600(裁剪) WooCommerce(如果已安装) 单个产品 在“外观>自定义> WooCommerce>产品的图像” – 在产品页面主要产品图片
300×300(裁剪) WooCommerce(如果已安装) 产品分类 在“外观>自定义> WooCommerce>产品的图像” – 所有产品列表(店铺和类别页面,交叉销售和追加销售块)
  • (裁剪)意味着缩略图将被裁剪到原始图像的精确宽度和高度忽略比例
  • 如果两个或更多个图像尺寸具有相等的值,则仅产生一个缩略图。

至于当你上传一个大的图像(比1,024像素大)上表中,它产生5个缩略图;(7个缩略图,如果你正在使用WooCommerce)。所有缩略图都位于你的WordPress安装的文件夹中/wp-content/uploads/ ,缩略图使用相同的文件名,并且以像素尺寸作为后缀。

1967.png

添加新的图像大小

要添加自定义图片大小,去主题选项>图像尺寸

2411.png

您可以设置其他图像尺寸。添加新的尺寸或改变现有的后,你应该重新生成缩略图。

我们不建议设置多个缩略图,因为每个图像都将生成许多缩略图:

  • 增加上传时间,当你添加图片到媒体库
  • 创建你的上传目录有关您上传的图片数量的其他文件。例如,如果您上传100张图片到你的网站,你将不得不默认600文件摘要,并且每增加图像尺寸为再生缩略图之后添加100个文件。

生成缩略图

当您更改现有的影像尺寸值或添加新的,则应重新您上传的图片的缩略图。

通过插件可医生称缩略图。我们建议您使用 Force Regenerate Thumbnails ,因为这个插件也将上传目录中,删除未使用的尺寸的所有图像。

应用图像尺寸

在大多数情况下主题元件使用最合适的图像尺寸,其通过Impreza码预定义,检查“ 预定义图像尺寸 ”表获得更多信息。但是,在您的网站的页面加载速度更好地管理的情况下,我们实现选择以下元素的影像尺寸的能力:

  1. 图片/Image
  2. 图像滑块/Image Slider
  3. 互动横幅/Interactive Banner
  4. FlipBox
  5. 弹出/Popup
  6. 人/Person
  7. 格/Grid
  8. 旋转木马/Carousel
  9. 在文本编辑,通过“添加媒体”按钮的图片
  10. 在文本编辑,通过“添加媒体”按钮的画廊