yoohoo! hot sauce please

10:27, 7 September 2026 (UTC)

2swagg wiki:Logo and favicon: Difference between revisions

From 2swagg wiki
Jump to navigationJump to search
VisualWikitext
how to swap the wiki logo/favicon
 
ico favicon support added
 
Line 1: Line 1:
{{DISPLAYTITLE:2swagg wiki:Logo and favicon}}
{{DISPLAYTITLE:2swagg wiki:Logo and favicon}}
How to change the wiki's '''logo''' (top-left corner) and '''favicon''' (browser-tab icon) without touching the server.
How to change the wiki's '''logo''' (top-left corner) and '''favicon''' (browser-tab icon) without touching the server. All three are ordinary uploaded files; to change one, upload a new image '''over the same file name'''.


== How ==
== Logo ==
Both are ordinary uploaded files. To change either one, upload a new image '''over the existing file name''':
Upload to '''[[:File:Wiki-logo.png]]''' (via [[Special: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.


* '''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.
== Favicon (browser tab) ==
* '''Favicon:''' upload to '''[[:File:Wiki-favicon.png]]'''. A square PNG (for example 256 by 256) is fine; browsers scale it down.
Upload to '''[[:File:Wiki-favicon.ico]]'''. A <code>.ico</code> is preferred (16, 32, 48 px sizes in one file); a single-size PNG renamed to <code>.ico</code> also works. Browsers cache favicons hard, so hard-refresh (Ctrl+Shift+R) or open a new tab to see a change.


Keep the filenames exactly as above. The change is live as soon as the upload finishes.
== iOS home-screen icon ==
Upload to '''[[:File:Wiki-favicon.png]]'''. This is the icon used when someone saves the wiki to an iPhone/iPad home screen. Must be a PNG (256 by 256 is fine).


== Notes ==
== Notes ==
* 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.
* Do '''not''' delete these files. Replace them by re-uploading. A deleted one 404s until re-uploaded.
* 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.
* Allowed upload types: PNG, JPG, GIF, WebP, ICO. No SVG.
* PNG only (the wiki does not accept <code>.ico</code> or <code>.svg</code> uploads). PNG favicons work in every current browser.
* Wired in <code>LocalSettings.php</code> via <code>$wgLogos</code>, <code>$wgFavicon</code>, and <code>$wgAppleTouchIcon</code>, pointing at the fixed <code>/images/</code> paths for those filenames (which stay valid across re-uploads).
* 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.


[[Category:2swagg wiki]]
[[Category:2swagg wiki]]

Latest revision as of 02:50, 7 September 2026

How to change the wiki's logo (top-left corner) and favicon (browser-tab icon) without touching the server. All three are ordinary uploaded files; to change one, upload a new image over the same file name.

[edit source]

Upload to File:Wiki-logo.png (via Special: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.

Favicon (browser tab)[edit source]

Upload to File:Wiki-favicon.ico. A .ico is preferred (16, 32, 48 px sizes in one file); a single-size PNG renamed to .ico also works. Browsers cache favicons hard, so hard-refresh (Ctrl+Shift+R) or open a new tab to see a change.

iOS home-screen icon[edit source]

Upload to File:Wiki-favicon.png. This is the icon used when someone saves the wiki to an iPhone/iPad home screen. Must be a PNG (256 by 256 is fine).

Notes[edit source]

  • Do not delete these files. Replace them by re-uploading. A deleted one 404s until re-uploaded.
  • Allowed upload types: PNG, JPG, GIF, WebP, ICO. No SVG.
  • Wired in LocalSettings.php via $wgLogos, $wgFavicon, and $wgAppleTouchIcon, pointing at the fixed /images/ paths for those filenames (which stay valid across re-uploads).
Retrieved from "https://wiki.2swagg.net/index.php?title=2swagg_wiki:Logo_and_favicon&oldid=982"