{"id":"697025530b0bed1a12404334","title":"2026 01 20","path":"how-to/committee/release-notes/2026-01-20","contentMarkdown":"# 20-Jan-2026 — add focal point picker for album cover image cropping [#120](https://github.com/nbarrett/ngx-ramblers/issues/120)\n\n## [build 428](https://github.com/nbarrett/ngx-ramblers/actions/runs/21192766007) — [commit 626040a](https://github.com/nbarrett/ngx-ramblers/commit/626040a26dfb08d6b213252446b2dbe0b4546d1f)\n\n_____\n\n## How to use the album cover image focal point picker\n\nSometimes the cover image doesn't look quite right when you view an album in an index. For instance people might get cut in half or the wrong part of the image appears.  Now, you can control exactly how album cover images are cropped and displayed:\n- Make sure your album has one of its images marked as a **Cover Image**\n- **In site edit mode**: click on the **Cover Image and Introductory Text** tab (`?album-tab=cover-image-and-introductory-text)`\n- **Click or drag to set focus**: Choose which part of the image stays visible when cropped — perfect for ensuring faces or key subjects aren't cut off\n- **Zoom control**: Adjust zoom level using the mouse wheel or slider to get the perfect crop\n- **Flexible targeting**: Apply your focal point settings to the album index preview, the full cover image, or both\n- **Live preview**: See your changes in real-time while editing\n\n  This gives you much better control over how album thumbnails and covers appear on the site, especially for landscape photos that need to be cropped to fit standard card layouts. For instance, in the example picture below, let's say you wanted the index page to just show the Dog. Just drag the focal point down to him, and adjust his position and tweak the zoom - bingo!\n\n\n![](https://ngx-ramblers.org.uk/api/aws/s3/site-content/647e21db-72e5-4016-8e6d-fd0ea3fb5544.jpeg)","contentHtml":"<h1>20-Jan-2026 — add focal point picker for album cover image cropping <a href=\"https://github.com/nbarrett/ngx-ramblers/issues/120\">#120</a></h1>\n<h2><a href=\"https://github.com/nbarrett/ngx-ramblers/actions/runs/21192766007\">build 428</a> — <a href=\"https://github.com/nbarrett/ngx-ramblers/commit/626040a26dfb08d6b213252446b2dbe0b4546d1f\">commit 626040a</a></h2>\n<hr>\n<h2>How to use the album cover image focal point picker</h2>\n<p>Sometimes the cover image doesn&#39;t look quite right when you view an album in an index. For instance people might get cut in half or the wrong part of the image appears.  Now, you can control exactly how album cover images are cropped and displayed:</p>\n<ul>\n<li><p>Make sure your album has one of its images marked as a <strong>Cover Image</strong></p>\n</li>\n<li><p><strong>In site edit mode</strong>: click on the <strong>Cover Image and Introductory Text</strong> tab (<code>?album-tab=cover-image-and-introductory-text)</code></p>\n</li>\n<li><p><strong>Click or drag to set focus</strong>: Choose which part of the image stays visible when cropped — perfect for ensuring faces or key subjects aren&#39;t cut off</p>\n</li>\n<li><p><strong>Zoom control</strong>: Adjust zoom level using the mouse wheel or slider to get the perfect crop</p>\n</li>\n<li><p><strong>Flexible targeting</strong>: Apply your focal point settings to the album index preview, the full cover image, or both</p>\n</li>\n<li><p><strong>Live preview</strong>: See your changes in real-time while editing</p>\n<p>This gives you much better control over how album thumbnails and covers appear on the site, especially for landscape photos that need to be cropped to fit standard card layouts. For instance, in the example picture below, let&#39;s say you wanted the index page to just show the Dog. Just drag the focal point down to him, and adjust his position and tweak the zoom - bingo!</p>\n</li>\n</ul>\n<p><img src=\"https://ngx-ramblers.org.uk/api/aws/s3/site-content/647e21db-72e5-4016-8e6d-fd0ea3fb5544.jpeg\" alt=\"\"></p>\n"}