本文将有助于了解显示在基于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/ ,缩略图使用相同的文件名,并且以像素尺寸作为后缀。
添加新的图像大小#
要添加自定义图片大小,去主题选项>图像尺寸:
您可以设置其他图像尺寸。添加新的尺寸或改变现有的后,你应该重新生成缩略图。
我们不建议设置多个缩略图,因为每个图像都将生成许多缩略图:
- 增加上传时间,当你添加图片到媒体库
- 创建你的上传目录有关您上传的图片数量的其他文件。例如,如果您上传100张图片到你的网站,你将不得不默认600文件摘要,并且每增加图像尺寸为再生缩略图之后添加100个文件。
生成缩略图#
当您更改现有的影像尺寸值或添加新的,则应重新您上传的图片的缩略图。
通过插件可医生称缩略图。我们建议您使用 Force Regenerate Thumbnails ,因为这个插件也将上传目录中,删除未使用的尺寸的所有图像。
应用图像尺寸#
在大多数情况下主题元件使用最合适的图像尺寸,其通过Impreza码预定义,检查“ 预定义图像尺寸 ”表获得更多信息。但是,在您的网站的页面加载速度更好地管理的情况下,我们实现选择以下元素的影像尺寸的能力:
- 图片/Image
- 图像滑块/Image Slider
- 互动横幅/Interactive Banner
- FlipBox
- 弹出/Popup
- 人/Person
- 格/Grid
- 旋转木马/Carousel
- 在文本编辑,通过“添加媒体”按钮的图片
- 在文本编辑,通过“添加媒体”按钮的画廊