maciejpi/nordabiz
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

perf: optimize PWA banner icon — favicon-192.png → favicon-48.webp (-15KB)

Browse Source 
PWA smart banner displayed icon at 40x40 but loaded 192x192 PNG (17KB).
Now uses 48x48 WebP (1.9KB) — 89% smaller, with explicit dimensions.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-04-07 18:38:21 +02:00
parent 847ecd00fa
commit b0c26e221d
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
static/img/favicon-48.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

4
templates/base.html
View File

@ -645,7 +645,7 @@
<!-- PWA Smart Banner (mobile-only) --> <!-- PWA Smart Banner (mobile-only) -->
<div class="pwa-smart-banner" id="pwaSmartBanner"> <div class="pwa-smart-banner" id="pwaSmartBanner">
<div class="pwa-smart-banner-icon"> <div class="pwa-smart-banner-icon">
<img src="{{ url_for('static', filename='img/favicon-192.png') }}" alt="Norda Biznes"> <img src="{{ url_for('static', filename='img/favicon-48.webp') }}" alt="Norda Biznes" width="40" height="40">
</div> </div>
<div class="pwa-smart-banner-text"> <div class="pwa-smart-banner-text">
<strong>Norda Biznes Partner</strong> <strong>Norda Biznes Partner</strong>
@ -1053,7 +1053,7 @@
toast.id = 'pwaInstalledToast'; toast.id = 'pwaInstalledToast';
toast.innerHTML = toast.innerHTML =
'<div style="display:flex;align-items:center;gap:12px;">' + '<div style="display:flex;align-items:center;gap:12px;">' +
'<img src="{{ url_for("static", filename="img/favicon-192.png") }}" alt="" style="width:48px;height:48px;border-radius:12px;">' + '<img src="{{ url_for("static", filename="img/favicon-48.webp") }}" alt="" style="width:48px;height:48px;border-radius:12px;">' +
'<div>' + '<div>' +
'<strong style="display:block;font-size:16px;margin-bottom:2px;">Gotowe!</strong>' + '<strong style="display:block;font-size:16px;margin-bottom:2px;">Gotowe!</strong>' +
'<span style="font-size:14px;color:#475569;">Ikona <b>Norda Biznes</b> jest teraz na Twoim ekranie głównym. Zamknij przeglądarkę i otwórz aplikację stamtąd.</span>' + '<span style="font-size:14px;color:#475569;">Ikona <b>Norda Biznes</b> jest teraz na Twoim ekranie głównym. Zamknij przeglądarkę i otwórz aplikację stamtąd.</span>' +