Editing File talk:xkcd favicon.png

= Image dimensions for xkcd external links =

Hi folks; I see that this [[:File:xkcd favicon.png]] has recently been updated from a shrunken 16x16 pixel image to the full 32x32 pixel favicon image from [https://xkcd.com/favicon.ico xkcd].  Not sure about this, but from [[explain xkcd talk:Community portal/Proposals#styling of xkcd links|this discussion]], it looks like the purpose of this file was only for custom styling of hyperlinks in the wiki that link to the xkcd.com site (rather than, say, for the purpose of documenting/explaining the favicon)?  If so, with the current CSS, this 32x32 image is too large to display correctly with the hyperlinks: it overlaps the link text, and the image is cut off at the top and bottom because it's too tall to fit in a line of text.  I can think of the following two options to fix it:

1. Replace/revert the image to one that is 16x16 pixels.

2. Edit the CSS to specify an explicit size for the image to fit within the xkcd hyperlinks.  Not sure if this is the right place, but there's a [[MediaWiki:Common.css]] file, with a section called <code>External link tweaks</code> in the CSS that defines the style for these links.  One way to fix it is, in the [https://www.w3schools.com/cssref/css3_pr_background.asp background] property's shorthand syntax, add a [https://www.w3schools.com/cssref/css3_pr_background-size.asp background-size] property of <code>/16px</code> immediately following the [https://www.w3schools.com/cssref/pr_background-position.asp background-position] property of <code>center</code>, as in '''<font color="red">bold red</font>''' below.

 /**********************************************************************
  * External link tweaks                                               *
  **********************************************************************/
 
 /* Custom icon for links to xkcd.com */
 a.external[href*="xkcd.com"] {
     background: url("//www.explainxkcd.com/wiki/images/1/1f/xkcd_favicon.png") no-repeat scroll right center'''<font color="red">/16px</font>''' transparent !important;
     padding-right: 18px !important;
 }

I don't have permissions to edit the CSS, so is there someone around who still has permission for this?  Or any other thoughts on the best way to fix it?  FWIW, I do think there is some value in having an actual full-size copy of xkcd's 32x32 favicon here (perhaps with an explanation page for it?), but maybe it ought to be a separate file, as this one seems to be more of a ''meta'' file for the purpose of styling the site.  – [[User:Yfmcpxpj|Yfmcpxpj]] ([[User talk:Yfmcpxpj|talk]]) 23:14, 27 September 2020 (UTC)
:Holy shit I messed that up, big time. Really sorry about that. I had no idea what would had happened. This page should be protected to keep away newbies like me messing stuff up. I have undone my higher quality favicon upload for now, but I would like to see the higher quality image come back sometime (with the correct code of course).<span> — [[User:Sqrt-1|The <b>𝗦𝗾𝗿𝘁-𝟭</b>]] <sup>[[User talk:Sqrt-1|<span style="color: blue">talk</span>]] [[Special:Contributions/Sqrt-1|<span style="color: blue">stalk</span>]]</sup></span> 04:41, 28 September 2020 (UTC)