Changeset 492fc20 in Klonkt

Timestamp:

06/28/2026 05:40:58 PM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

5bc67b4

Parents:

041a0df

Message:

fix(images): 256px size for list/cirkel covers (match the crisp grid ratio)

Location:

src

Files:

• services/ThumbnailService.js (modified) (1 diff)
• views/partials/post-card.ejs (modified) (1 diff)

src/services/ThumbnailService.js

@@ -23 +23 @@
 const execFileP = promisify(execFile);
 
-// Allowed widths (whitelist → no arbitrary-size abuse). 128 = avatars; 480 ≈ 2× a grid tile.
-export const THUMB_SIZES = new Set([128, 320, 480, 640]);
+// Allowed widths (whitelist → no arbitrary-size abuse). 128 = avatars; 256 ≈ 2× a list
+// cover; 480 ≈ 2× a grid tile. Keep these ~2× the display size so line-art stays crisp.
+export const THUMB_SIZES = new Set([128, 256, 320, 480, 640]);
 
 let _seq = 0;

src/views/partials/post-card.ejs

@@ -49 +49 @@
        <% if (_ext) { %>target="_blank" rel="noopener"<% } else { %>hx-get="<%= _href %>?partial=1" hx-target="#pcms-main" hx-swap="innerHTML" hx-push-url="<%= _href %>" hx-indicator="#pcms-loading"<% } %>
        aria-label="<%= post.title || '(zonder titel)' %>" tabindex="-1">
-      <img src="<%= thumb(post.cover_image_url, 320) %>" alt="" loading="lazy" decoding="async">
+      <img src="<%= thumb(post.cover_image_url, 256) %>" alt="" loading="lazy" decoding="async">
       <% if (post.nsfw) { %><span class="nsfw-veil"><span class="nsfw-veil-label">🔞 <%= post.content_warning || t('post.nsfw_warning') %></span><span class="nsfw-veil-btn"><%= t('post.nsfw_show') %></span></span><% } %>
     </a>