Updated latest posts feature image resolution to 100x100

refs https://github.com/TryGhost/Team/issues/2675

Updated resolution to be square and 100x100 (200x200 actual to have retina).
This commit is contained in:
Simon Backx 2023-03-24 10:17:43 +01:00
parent e2a1bd86cb
commit 814f7ac6fb
3 changed files with 4 additions and 4 deletions

View File

@ -122,7 +122,7 @@
"internalImageSizes": { "internalImageSizes": {
"icon": {"width": 256, "height": 256}, "icon": {"width": 256, "height": 256},
"email-header-image": {"width": 1200}, "email-header-image": {"width": 1200},
"email-latest-posts-image": {"width": 240, "height": 192}, "email-latest-posts-image": {"width": 200, "height": 200},
"email-latest-posts-image-mobile": {"width": 1200, "height": 960} "email-latest-posts-image-mobile": {"width": 1200, "height": 960}
} }
} }

View File

@ -780,7 +780,7 @@ class EmailRenderer {
for (const latestPost of data) { for (const latestPost of data) {
// Please also adjust email-latest-posts-image if you make changes to the image width (100 x 2 = 200 -> should be in email-latest-posts-image) // Please also adjust email-latest-posts-image if you make changes to the image width (100 x 2 = 200 -> should be in email-latest-posts-image)
const {href: featureImage, width: featureImageWidth, height: featureImageHeight} = await this.limitImageWidth(latestPost.get('feature_image'), 120, 96); const {href: featureImage, width: featureImageWidth, height: featureImageHeight} = await this.limitImageWidth(latestPost.get('feature_image'), 100, 100);
const {href: featureImageMobile, width: featureImageMobileWidth, height: featureImageMobileHeight} = await this.limitImageWidth(latestPost.get('feature_image'), 600, 480); const {href: featureImageMobile, width: featureImageMobileWidth, height: featureImageMobileHeight} = await this.limitImageWidth(latestPost.get('feature_image'), 600, 480);
latestPosts.push({ latestPosts.push({

View File

@ -2,7 +2,7 @@
<table role="presentation" border="0" cellpadding="0" cellspacing="0"> <table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr> <tr>
<td class="latest-post"> <td class="latest-post">
<a href="{{url}}" style="{{#if ../latestPostsHasImages}}{{#if featureImage}}height: 96px;{{else}}padding-bottom: 12px;{{/if}}{{/if}}"> <a href="{{url}}" style="{{#if ../latestPostsHasImages}}{{#if featureImage}}height: 100px;{{else}}padding-bottom: 12px;{{/if}}{{/if}}">
<table role="presentation" border="0" cellpadding="0" cellspacing="0"> <table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr> <tr>
{{#if ../latestPostsHasImages}} {{#if ../latestPostsHasImages}}
@ -28,7 +28,7 @@
</td> </td>
{{#if ../latestPostsHasImages}} {{#if ../latestPostsHasImages}}
{{#if featureImage}} {{#if featureImage}}
<td width="120" class="latest-post-img"> <td width="100" class="latest-post-img">
<img <img
src="{{featureImage.src}}" src="{{featureImage.src}}"
{{#if featureImage.width }} {{#if featureImage.width }}