truetype/bookish
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: resize SVG logo to viewBox 64x64 for small rendering

Browse Source 
Original SVG at 512x512 had strokes 2-3px → at 28px (navbar)
and 16px (favicon) became ~0.1px, invisible. Simplified to
64x64 with chunky shapes and 2.5px strokes.
This commit is contained in:
truetype committed 2026-07-22 18:01:04 +02:00
1 parent 3a20b28bb9
commit af27d47d58
1 file changed
+10 -31
Download Patch File Download Diff File Expand all files Collapse all files
bookish/static/logo.svg
+10 -31
View File
@@ -1,38 +1,17 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="none">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#007aff"/>
<stop offset="100%" stop-color="#34c759"/>
</linearGradient>
<linearGradient id="page" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" stop-color="#fff"/>
<stop offset="100%" stop-color="#f0f0f5"/>
</linearGradient>
</defs>
<!-- Cerchio sfondo -->
<circle cx="256" cy="256" r="240" fill="url(#bg)"/>
<!-- Libro aperto - pagina sinistra -->
<path d="M128 160 L128 352 L256 384 L256 192 Z" fill="url(#page)" stroke="#e0e0e5" stroke-width="2"/>
<!-- Libro aperto - pagina destra -->
<path d="M384 160 L384 352 L256 384 L256 192 Z" fill="url(#page)" stroke="#e0e0e5" stroke-width="2"/>
<!-- Copertina sinistra -->
<path d="M120 152 L120 344 L128 352 L128 160 Z" fill="#d0d0d5" stroke="#bbb" stroke-width="1.5"/>
<!-- Copertina destra -->
<path d="M392 152 L392 344 L384 352 L384 160 Z" fill="#d0d0d5" stroke="#bbb" stroke-width="1.5"/>
<!-- Dorso -->
<path d="M248 190 L248 382 L264 382 L264 190 Z" fill="#e0e0e5" stroke="#ccc" stroke-width="1"/>
<!-- Righe di testo sinistra -->
<line x1="156" y1="216" x2="236" y2="232" stroke="#999" stroke-width="3" stroke-linecap="round"/>
<line x1="156" y1="240" x2="236" y2="256" stroke="#999" stroke-width="3" stroke-linecap="round"/>
<line x1="156" y1="264" x2="236" y2="280" stroke="#999" stroke-width="3" stroke-linecap="round"/>
<line x1="156" y1="288" x2="220" y2="300" stroke="#999" stroke-width="3" stroke-linecap="round"/>
<!-- Righe di testo destra -->
<line x1="276" y1="232" x2="356" y2="216" stroke="#999" stroke-width="3" stroke-linecap="round"/>
<line x1="276" y1="256" x2="356" y2="240" stroke="#999" stroke-width="3" stroke-linecap="round"/>
<line x1="276" y1="280" x2="356" y2="264" stroke="#999" stroke-width="3" stroke-linecap="round"/>
<line x1="292" y1="300" x2="356" y2="288" stroke="#999" stroke-width="3" stroke-linecap="round"/>
<!-- Icona freccia conversione in basso -->
<circle cx="256" cy="440" r="28" fill="#fff" opacity="0.9"/>
<path d="M244 436 L256 448 L268 436" stroke="#007aff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
<path d="M256 424 L256 448" stroke="#007aff" stroke-width="4" stroke-linecap="round"/>
<circle cx="32" cy="32" r="30" fill="url(#bg)"/>
<path d="M17 20v26l15 4V24Z" fill="#fff"/>
<path d="M47 20v26l-15 4V24Z" fill="#fff"/>
<path d="M15 19v24l2 2V20Z" fill="#d0d0d5"/>
<path d="M49 19v24l-2 2V20Z" fill="#d0d0d5"/>
<path d="M31 24v25l2 1V24Z" fill="#e0e0e5"/>
<circle cx="32" cy="54" r="7" fill="#fff"/>
<path d="M28 51l4 4 4-4" stroke="#007aff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
<path d="M32 48v7" stroke="#007aff" stroke-width="2.5" stroke-linecap="round"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 798 B