Blogger/Blogspot 纵横比
Blogger/Blogspot Aspect Ratio
我在 Blogger/Blogspot 平台上使用 Contempo 主题,我想更改缩略图的大小,但是 保持纵横比很重要 1:1 (正方形)。
出于某种我不知道的原因,如果我更改大小,只有一些图像是正方形的,而其他图像则保持原始比例(矩形)。
原代码为:
<b:include data='{
image: data:post.featuredImage,
imageSizes: [32, 64, 128, 256],
imageRatio: "1:1",
sourceSizes: "(max-width: 800px) 20vw, 128px"
}' name='responsiveImage'/>
我尝试过的(除其他外):
<b:include data='{
image: data:post.featuredImage,
imageSizes: [32, 64, 128, 256, 512, 945],
imageRatio: "1:1",
sourceSizes: "(max-width: 800px) 80vw, 512px"
}' name='responsiveImage'/>
我想将大小更改为至少 512px(理想值约为 945px x 945px)。
发生了什么:
Blogger 不会使图片大于原始尺寸。
因此,例如,如果原始图像尺寸为 945x750
,如图片中的尺寸,则仅当 imageSizes
值小于或等于最小尺寸(此处为 750 )
[256, 512, 945]
将导致
256:256
、512:512
和 945:750
(而不是 945:945
,因为图像高度小于提供的尺寸 945)
我在 Blogger/Blogspot 平台上使用 Contempo 主题,我想更改缩略图的大小,但是 保持纵横比很重要 1:1 (正方形)。 出于某种我不知道的原因,如果我更改大小,只有一些图像是正方形的,而其他图像则保持原始比例(矩形)。
原代码为:
<b:include data='{
image: data:post.featuredImage,
imageSizes: [32, 64, 128, 256],
imageRatio: "1:1",
sourceSizes: "(max-width: 800px) 20vw, 128px"
}' name='responsiveImage'/>
我尝试过的(除其他外):
<b:include data='{
image: data:post.featuredImage,
imageSizes: [32, 64, 128, 256, 512, 945],
imageRatio: "1:1",
sourceSizes: "(max-width: 800px) 80vw, 512px"
}' name='responsiveImage'/>
我想将大小更改为至少 512px(理想值约为 945px x 945px)。
发生了什么:
Blogger 不会使图片大于原始尺寸。
因此,例如,如果原始图像尺寸为 945x750
,如图片中的尺寸,则仅当 imageSizes
值小于或等于最小尺寸(此处为 750 )
[256, 512, 945]
将导致
256:256
、512:512
和 945:750
(而不是 945:945
,因为图像高度小于提供的尺寸 945)