Image maps. Due to the PNG scaling problem it is sometimes better to use a GIF image for an image map. For more info see Commons:File types#Images. Image map editor is code on Tool Labs that lets you edit imagemaps of images on commons and generates the wikitext needed by the ImageMap extension. You add it to your common.js (see instructions), and then when you view an image on commons an ImageMap >, link appears under it. See quick guide of what to do next in Category:Clickable maps. See this Wikia image map help link: . Note the image map and the wikicode for it listed on the page. Here below are the essential parts of that wikicode. ‘Foo’ can be the name of any image you intend to make into a clickable image map. Any image format can be used (GIF, PNG, JPG, etc.). Find an image map on a web page, or create one. If the image is a free one, then upload it to the Commons to use in the wiki image map. Look at the HTML source code for the image map on the web page (View_menu/Page_source in Firefox). It will have poly, rect, and circle coordinates. Just copy those coordinates into a simple text editor such as Notepad that comes with the Windows operating system. Use the replace command to replace all the commas with spaces. There should be a single space between each number. Paste the coordinates after the poly, rect, and circle names in the above wikicode example. The poly lines must be first. Multiple poly, rect, and circle names may be needed. Make sure they start the line for each list of numbers for each clickable section of the image map. The numbers can wordwrap. Add a wikilink after each list of numbers. Either a wikilink to another page, or to a section in the page where the map will be used. To link to sections in the current page add a pound # symbol to the front of subheading titles, and then enclose the subheading title in double brackets as with any wikilink: [[#Subheading title]]. Preview or save the page, and then test the image map by clicking sections of it. Feel free to use sandboxes to test the image map too. The steps are described in further detail below. Note that there are two variations to step 2 (step 2a and step 2b) as well as corresponding variations to step 3 (step 3a and step 3b) The ImageMap tool is easier to use. Note that it does require manually drawing each shape, which can be error-prone and cumbersome — especially if there are a lot of irregular shapes. The Fuzzy-select approach is more difficult to use. However it has the advantage of quickly drawing extremely accurate shapes. It is particularly useful for images with clearly defined borders, such as geographic boundaries. For an example, see https://en.wikipedia.org/w/index.php?title=Benin&oldid=618376512 Source.