Changeset 5bc67b4 in Klonkt for src/views/pages/news.ejs

Timestamp:

06/28/2026 09:20:04 PM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

abc8959

Parents:

492fc20

Message:

fix(images): 96px feed/comment/follow avatars (2x of the 44px display)

A 128px avatar thumbnail shown at 44px = ~2.9x browser downscale → still jagged for
line-art. Serve the small fediverse avatars at 96px (~2.2x, the same crisp ratio as the grid).

• services/ThumbnailService.js — add 96 to the size whitelist
• views/pages/news.ejs, partials/fedi-node.ejs, pages/following.ejs — avatar(..., 96)

File:

• src/views/pages/news.ejs (modified) (1 diff)

src/views/pages/news.ejs

@@ -93 +93 @@
           <% if (p.reblog_name) { %><div class="tl-boost-by"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="17 1 21 5 17 9"/><path d="M3 11V9a4 4 0 0 1 4-4h14"/><polyline points="7 23 3 19 7 15"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg> <strong><%= p.reblog_name %></strong> <%= t('tl.boosted') %></div><% } %>
           <div class="tl-head">
-            <span class="tl-avatar"><% if (p.author_icon) { %><img src="<%= avatar(p.author_icon, 128) %>" alt="" loading="lazy"><% } else { %><%= (p.author_name || '?').charAt(0).toUpperCase() %><% } %></span>
+            <span class="tl-avatar"><% if (p.author_icon) { %><img src="<%= avatar(p.author_icon, 96) %>" alt="" loading="lazy"><% } else { %><%= (p.author_name || '?').charAt(0).toUpperCase() %><% } %></span>
             <span class="tl-id">
               <a class="tl-author" href="<%= p.author_url || p.author_uri %>" target="_blank" rel="nofollow noopener"><%= p.author_name %></a>