Help: Illustrating


October 28, 2021

For everyone This information applies to both the visual editor and the wikikod editor (What's the difference?) This page provides information on how to include pictures on Wikipedia pages. The collection of pictures is on the Wikimedia Commons repository. If you want to upload your own illustration, see how. First, we'll cover the general principles of illustrating, and then in detail: how to do it in the visual editor and in the source code.

General Notes

Picture size

The appearance of websites depends, among others on the resolution and configuration of the screen, as well as on the way the content is presented by individual types and versions of browsers. Users can also customize the appearance to their individual needs by configuring their browsers. As a result, the appearance of the page is not always exactly the same as what is seen on the author's screen. A good layout of the page is characterized by the fact that it looks good on various browsers, in particular on mobile devices, but also after printing, using the "create a book" option, or exporting to PDF. The use of standard sizes simplifies the automatic selection of such parameters that the graphic layout in any form is clear and aesthetic. Therefore, it is not recommended to specify image sizes in pixels, and if possible, it is recommended to use the standard value (220px by default). Each user can individually customize the standard size of the illustration in the preferences. By forcing hard sizes, individual user preferences are ignored.

Picture location

The illustrations are placed directly under the heading, before the first paragraph of the chapter. This prevents the illustrations and text from "diverging" at different resolutions, which occurs when illustrating between paragraphs. Basically, the pictures are placed on the right side of the text. On the left side we put if: we want to use graphics to illustrate the section adjacent to the infobox, sometimes there may be a problem with the movement of graphics under the infobox, even if we specify that the illustration should be placed on the left. The most common reason is that the illustration is placed just below the infobox. In this case, move the picture down. An even better solution is to insert an illustration into the infobox. First, check if there is a possibility to link to Commons in the infobox, the text of the article applies to these graphics, e.g. a painting or a sculpture, An exception is an article about a given work of art - for pictures we use the {{Image infobox}} template. In special cases, especially if it is a panoramic graphic, it should be placed centrally. Such a procedure in articles also reduces monotony, e.g. when it is a large article with many graphics. However, it should be a graphic wider than longer.

If right and left simultaneously

It is not recommended to place pictures on both the left and right side of the screen and to use pictures with a resolution higher than 350-400 px, because with lower resolutions (below 1366x768) it causes the effect of "silky text". Example with a screen width of less than 1280 pixels: You're about to get knotty text, which looks particularly ugly when there is normal text first. This is sample text that gets sticky with a horizontal resolution of less than 1280 px. This is sample text that gets sticky with a horizontal resolution of less than 1280 px. This is sample text that gets sticky with a horizontal resolution of less than 1280 px.

Wikimedia Commons templates

Instead of creating a gallery in an article

INSERT INTO `wiki_article`(`id`, `article_id`, `title`, `article`, `img_url`) VALUES ('NULL()','Pomoc:Ilustrowanie','Help: Illustrating','Instead of creating a gallery in an article','')