https://wiki.2swagg.net/index.php?action=history&feed=atom&title=2swagg_wiki%3ALogo_and_favicon
2swagg wiki:Logo and favicon - Revision history
2026-09-28T23:48:43Z
Revision history for this page on the wiki
MediaWiki 1.43.9
https://wiki.2swagg.net/index.php?title=2swagg_wiki:Logo_and_favicon&diff=982&oldid=prev
Admin: ico favicon support added
2026-09-07T02:50:42Z
<p>ico favicon support added</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 02:50, 7 September 2026</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{DISPLAYTITLE:2swagg wiki:Logo and favicon}}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>{{DISPLAYTITLE:2swagg wiki:Logo and favicon}}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>How to change the wiki's '''logo''' (top-left corner) and '''favicon''' (browser-tab icon) without touching the server.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>How to change the wiki's '''logo''' (top-left corner) and '''favicon''' (browser-tab icon) without touching the server<ins style="font-weight: bold; text-decoration: none;">. All three are ordinary uploaded files; to change one, upload a new image '''over the same file name'''</ins>.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== <del style="font-weight: bold; text-decoration: none;">How </del>==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== <ins style="font-weight: bold; text-decoration: none;">Logo </ins>==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Both are ordinary uploaded files. To change either one, upload a new image </del>'''<del style="font-weight: bold; text-decoration: none;">over the existing file name</del>''':</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Upload to </ins>'''<ins style="font-weight: bold; text-decoration: none;">[[:File:Wiki-logo.png]]</ins>''' <ins style="font-weight: bold; text-decoration: none;">(via [[Special</ins>:<ins style="font-weight: bold; text-decoration: none;">Upload]] or drag-and-drop). Square-ish PNG works best; MonoBook shows it in roughly a 150 by 150 px box. Live as soon as the upload finishes.</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">* '''Logo:''' upload </del>to '''[[:File:Wiki-<del style="font-weight: bold; text-decoration: none;">logo</del>.<del style="font-weight: bold; text-decoration: none;">png</del>]]''' (<del style="font-weight: bold; text-decoration: none;">use [[Special:Upload]]</del>, <del style="font-weight: bold; text-decoration: none;">or drag-and-drop with MsUpload</del>)<del style="font-weight: bold; text-decoration: none;">. Square</del>-<del style="font-weight: bold; text-decoration: none;">ish </del>PNG works <del style="font-weight: bold; text-decoration: none;">best; MonoBook shows it in roughly a 150 by 150 px box</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">== Favicon (browser tab) ==</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">* '''Favicon:''' upload to '''[[:File:Wiki</del>-<del style="font-weight: bold; text-decoration: none;">favicon.png]]'''. A square PNG </del>(<del style="font-weight: bold; text-decoration: none;">for example 256 by 256</del>) <del style="font-weight: bold; text-decoration: none;">is fine; browsers scale it down</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Upload </ins>to '''[[:File:Wiki-<ins style="font-weight: bold; text-decoration: none;">favicon</ins>.<ins style="font-weight: bold; text-decoration: none;">ico</ins>]]'''<ins style="font-weight: bold; text-decoration: none;">. A <code>.ico</code> is preferred </ins>(<ins style="font-weight: bold; text-decoration: none;">16, 32</ins>, <ins style="font-weight: bold; text-decoration: none;">48 px sizes in one file</ins>)<ins style="font-weight: bold; text-decoration: none;">; a single</ins>-<ins style="font-weight: bold; text-decoration: none;">size </ins>PNG <ins style="font-weight: bold; text-decoration: none;">renamed to <code>.ico</code> also </ins>works. <ins style="font-weight: bold; text-decoration: none;">Browsers cache favicons hard, so hard</ins>-<ins style="font-weight: bold; text-decoration: none;">refresh </ins>(<ins style="font-weight: bold; text-decoration: none;">Ctrl+Shift+R</ins>) <ins style="font-weight: bold; text-decoration: none;">or open a new tab to see a change</ins>.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Keep </del>the <del style="font-weight: bold; text-decoration: none;">filenames exactly as above</del>. <del style="font-weight: bold; text-decoration: none;">The change </del>is <del style="font-weight: bold; text-decoration: none;">live as soon as the upload finishes</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">== iOS home-screen icon ==</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Upload to '''[[:File:Wiki-favicon.png]]'''. This is </ins>the <ins style="font-weight: bold; text-decoration: none;">icon used when someone saves the wiki to an iPhone/iPad home screen</ins>. <ins style="font-weight: bold; text-decoration: none;">Must be a PNG (256 by 256 </ins>is <ins style="font-weight: bold; text-decoration: none;">fine)</ins>.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Notes ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Notes ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Do '''not''' delete these <del style="font-weight: bold; text-decoration: none;">two </del>files. Replace them by re-uploading. <del style="font-weight: bold; text-decoration: none;">If </del>one <del style="font-weight: bold; text-decoration: none;">is deleted the logo or favicon will 404 </del>until <del style="font-weight: bold; text-decoration: none;">it is </del>re-uploaded.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Do '''not''' delete these files. Replace them by re-uploading. <ins style="font-weight: bold; text-decoration: none;">A deleted </ins>one <ins style="font-weight: bold; text-decoration: none;">404s </ins>until re-uploaded.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <del style="font-weight: bold; text-decoration: none;">Browsers cache favicons hard</del>. <del style="font-weight: bold; text-decoration: none;">After changing the favicon you may need a hard refresh (Ctrl+Shift+R) or a new tab before the new one shows</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins style="font-weight: bold; text-decoration: none;">Allowed upload types: PNG, JPG, GIF, WebP, ICO</ins>. <ins style="font-weight: bold; text-decoration: none;">No SVG</ins>.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <del style="font-weight: bold; text-decoration: none;">PNG only (the wiki does not accept </del><code>.<del style="font-weight: bold; text-decoration: none;">ico</del></code> <del style="font-weight: bold; text-decoration: none;">or </del><code><del style="font-weight: bold; text-decoration: none;">.svg</del></code> <del style="font-weight: bold; text-decoration: none;">uploads). PNG favicons work in every current browser.</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins style="font-weight: bold; text-decoration: none;">Wired in </ins><code><ins style="font-weight: bold; text-decoration: none;">LocalSettings</ins>.<ins style="font-weight: bold; text-decoration: none;">php</ins></code> <ins style="font-weight: bold; text-decoration: none;">via </ins><code><ins style="font-weight: bold; text-decoration: none;">$wgLogos</ins></code><ins style="font-weight: bold; text-decoration: none;">, </ins><code>$<ins style="font-weight: bold; text-decoration: none;">wgFavicon</ins></code><ins style="font-weight: bold; text-decoration: none;">, </ins>and <code>$<ins style="font-weight: bold; text-decoration: none;">wgAppleTouchIcon</ins></code>, pointing at the fixed <code>/images/</code> paths for those filenames <ins style="font-weight: bold; text-decoration: none;">(which stay valid across re-uploads)</ins>.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">* Wired up in <code>LocalSettings.php</code> via </del><code>$<del style="font-weight: bold; text-decoration: none;">wgLogos</del></code> and <code>$<del style="font-weight: bold; text-decoration: none;">wgFavicon</del></code>, pointing at the fixed <code>/images/</code> paths for those filenames.</div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Category:2swagg wiki]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Category:2swagg wiki]]</div></td></tr>
</table>
Admin
https://wiki.2swagg.net/index.php?title=2swagg_wiki:Logo_and_favicon&diff=980&oldid=prev
Admin: how to swap the wiki logo/favicon
2026-09-07T02:46:37Z
<p>how to swap the wiki logo/favicon</p>
<p><b>New page</b></p><div>{{DISPLAYTITLE:2swagg wiki:Logo and favicon}}<br />
How to change the wiki's '''logo''' (top-left corner) and '''favicon''' (browser-tab icon) without touching the server.<br />
<br />
== How ==<br />
Both are ordinary uploaded files. To change either one, upload a new image '''over the existing file name''':<br />
<br />
* '''Logo:''' upload to '''[[:File:Wiki-logo.png]]''' (use [[Special:Upload]], or drag-and-drop with MsUpload). Square-ish PNG works best; MonoBook shows it in roughly a 150 by 150 px box.<br />
* '''Favicon:''' upload to '''[[:File:Wiki-favicon.png]]'''. A square PNG (for example 256 by 256) is fine; browsers scale it down.<br />
<br />
Keep the filenames exactly as above. The change is live as soon as the upload finishes.<br />
<br />
== Notes ==<br />
* Do '''not''' delete these two files. Replace them by re-uploading. If one is deleted the logo or favicon will 404 until it is re-uploaded.<br />
* Browsers cache favicons hard. After changing the favicon you may need a hard refresh (Ctrl+Shift+R) or a new tab before the new one shows.<br />
* PNG only (the wiki does not accept <code>.ico</code> or <code>.svg</code> uploads). PNG favicons work in every current browser.<br />
* Wired up in <code>LocalSettings.php</code> via <code>$wgLogos</code> and <code>$wgFavicon</code>, pointing at the fixed <code>/images/</code> paths for those filenames.<br />
<br />
[[Category:2swagg wiki]]</div>
Admin