Help:Options to hide an image: Difference between revisions

Revision as of 22:46, 23 April 2023

Latest revision as of 14:19, 12 July 2025

(45 intermediate revisions by 34 users not shown)

Line 1:

{{Short description|Wikipedia help page}}

{{Wikipedia how to|HELP:NOSEE|HELP:NOIMAGE}}

Some peoplereaders domay not wish to see somecertain images on Wikipedia for various reasons –reasons—such images may not be [[NSFW|suitableunsuitable for a work environment]];, they may wish to [[Wikipedia:Advice for parents|prevent their children from seeingviewing suchthem]], imagesthey may be [[WP:SPOILERS|spoilers for a certain work]];, or their religionreligious or personal beliefs may forbiddiscourage it;exposure andto sosuch oncontent.

{{Update|obsolete browser versions}}

Some people do not wish to see some images on Wikipedia for various reasons – images may not be [[NSFW|suitable for a work environment]]; they may wish to [[Wikipedia:Advice for parents|prevent their children from seeing such images]]; their religion may forbid it; and so on.

[[Wikipedia:Wikipedia is [[WP:CENSORnot censored|Wikipedia is not censored]], andmeaning thethat communitycontent will in generalis not [[WP:Deletion|removeremoved content]]simply onbecause groundssome offind beingit objectionable to some people. Wikipedia will also [[Wikipedia:No disclaimers in articles|not useNo specific disclaimers are placed on articles]] withinto articles warningwarn readers ofabout potentially suchsensitive content. All articles fall under theWikipedia’s site-wide '''[[Wikipedia:Content disclaimer|Content disclaimer]]''', which applies site-wide.

However, readers who do not wish to be exposed to certain content have a number of options to selectively prevent Wikipedia content from being displayed on their screen.

However, readers who wish to prevent certain images from displaying have options to customize their experience.

This page is more suitable for you if:

Line 11 ⟶ 12:

Wikipedia readers can influence how Wikipedia content is displayed on their screens in two ways:

#By [[Wikipedia:Creating an account|creating an account]] and reading Wikipedia while logged in. Logged-in users can use personal [[Help:Cascading Style Sheets|Cascading Style Sheets]] (CSS)]] to display images selectively. (explainedSee below){{Section link|2=Wikipedia user preferences|nopage=y}}.

#By filtering content locally, either by configuring their [[web browser]] (including the possibility to display no images at all), or by setting up a [[proxy server|proxy]] (such as [[Privoxy]]). (explainedSee below){{Section link|2=Configure your browser|nopage=y}}.

==Wikipedia user preferences==

{{see|Help:Cascading Style Sheets}}

To create an account, visit <span class="plainlinks">[[https://en.wikipedia.org/w/index.php?title=Special:UserLogin|thisCreateAccount&returnto=Help:Options_to_hide_an_image page]Create account]</span>.

PeopleOnce withyou have created an account, onyou thewill Wikipedia website arebe able to use features of the wiki software to disable specific images or sets of images from being displayed by:

===* [[Help:Options to hide an image#Hide all images until they are clicked on===|Hiding all images until they are clicked on]]

* [[Help:Options to hide an image#Disable images on specific pages|Disabling images on selected pages]]

[[File:Battenburg-white-blue.svg|thumb|All images will be replaced by this [[Battenburg markings|Battenburg pattern]] until you click on them in order to view the image]]

* [[Help:Options to hide an image#Disable specific images|Disabling specific images]]

Once you've [[WP:CREATE|created an account]], you can hide all images and view them by clicking on the placeholder. To hide images in this fashion, you'll first need to install a user script (see [[User:Anomie/hide-images]]). To install the required user script, simply follow the directions below:

* [[Help:Options to hide an image#Disable images in search widget for certain skins|Disabling the display of images in searches]]

===DisableHide all images ofuntil thethey "badare imageclicked list"on===

[[File:Battenburg-white-blue.svg|thumb|All images will be replaced by this [[Battenburg markings|Battenburg pattern]] placeholder image, until you click on them in order to viewreveal the image.|upright=0.7]]

You can install a user script called [[User:Anomie/hide-images]] which replaces all images with a placeholder image. Clicking the placeholder image will reveal the original image. To hide images in this fashion, install the required user script by following the directions below:

{{ctop|title=Instructions for installation}}

First, copy the following text below to your [[Special:MyPage/common.js|common.js]] page:

Line 34 ⟶ 39:

<syntaxhighlight lang="css" inline>@import url('//en.wikipedia.org/w/index.php?action=raw&title=User:Anomie/hide-images.css&ctype=text/css');</syntaxhighlight>

{{cbot}}

To reveal and display an individual image on a Wikipedia page, simply click on the checkerboard pattern. You can simply reload the page in order to re-hide the images. To turn this entire feature off, simply undo the changes you made when you followed the instructions above.

To reveal and display an individual image on a Wikipedia page, simply click on the checkerboard pattern. You can simply reload the page in order to re-hide the images. To turn this entire feature off, simply undo the changes you made when you followed the instructions above.

===Disable images on specific pages===

Once you've [[WP:CREATE|created an account]], youYou can disable the images on a specific page by changing your personal settings at your [[Special:MyPage/common.css|common.css]] page. This allows you to avoid viewing images that may offend you, but without affecting images from being displayed as normal on other unrelated pages. To do this, follow the instructions below:

{{ctop|title=Instructions forto installationdisable images on specific pages}}

To install thisdisable script, clickimages on thisa linkspecific herepage, go to your [[Special:MyPage/common.css|common.css]] ([[Special:MyPage/common.css|common.css]] is your personal [[Wikipedia:CSS|CSS]] page, and is different to your [[Special:MyPage/common.js|common.js]]). Create the page if it doesn't exist, and withadd the following textcode below added to it:

<syntaxhighlight lang="css" inline>.page-(pagePage name) img {display: none;}</syntaxhighlight> or <syntaxhighlight lang="css" inline>.page-(Page name) .depiction {display: none;}</syntaxhighlight>

Where you'll replace ''<syntaxhighlight lang="css" inline>(pagePage name)''</syntaxhighlight> with the actual [[Wikipedia:Page name|page of the pagename]] you wish to apply the restriction to. For example: To disable images from automatically displaying on the [[Muhammad]] article, your script will look like this:

For example, to disable images from automatically displaying on the [[Muhammad]] article, your addition will look like this: <syntaxhighlight lang="css" inline>.page-Muhammad img {display: none;}</syntaxhighlight>

If the page name includes spaces or punctuation marks, usereplace spaces with underscores instead.(<code>_</code>) Anand exampleexclude ispunctuation belowmarks. For example:

{| class="wikitable"

If the page name includes spaces or punctuation marks, use underscores instead. An example is below:

! Page name !! {{ya}} Correct !! {{na}} Incorrect

|-

| [[Muhammad (name)]] || <syntaxhighlight lang="css" inline>.page-Muhammad_name img {display: none;}</syntaxhighlight> || <syntaxhighlight lang="css" inline>.page-Muhammad (name) img {display: none;}</syntaxhighlight>

|-

| ''[[Did Muhammad Exist?]]'' || <syntaxhighlight lang="css" inline>.page-Did_Muhammad_Exist img {display: none;}</syntaxhighlight> || <syntaxhighlight lang="css" inline>.page-Did_Muhammad_Exist? img {display: none;}</syntaxhighlight>

|}

Create a newline, with the same code for each page you'd like to disable images on.

{{ctop|title=<div style="color:red; text-align:center;">'''Incorrect'''</div>}}

<syntaxhighlight lang="css" inline>.page-Muhammad (name) img {display: none;}</syntaxhighlight>

{{cbot}}

{{ctop|title=<div style="color:green; text-align:center;">'''Correct'''</div>}}

<syntaxhighlight lang="css" inline>.page-Muhammad_name img {display: none;}</syntaxhighlight>

{{cbot}}

{{cbot}}

Line 63 ⟶ 69:

You can also disable specific images by individual filename. To enable this option, follow the instructions listed below:

{{ctop|title=Instructions forto installationdisable specific images}}

ToGo installto this script, click on this link here:your [[Special:MyPage/common.css|common.css]]. Create the page if it doesn't exist, and with the following text below added to it:

<syntaxhighlight lang="css" inline>body a[href="/wiki/File:(file name)"] {display: none;}</syntaxhighlight>

Where you'll replace ''<code>(file name)''</code> with the actual name of the image's page (including the file extension). For example: To disable [[:File:Silver-service-star.png|this image]] from automatically being displayed anywhere on Wikipedia, your script will look like this:

<syntaxhighlight lang="css" inline>body a[href="/wiki/File:Silver-service-star.png"] {display: none;}</syntaxhighlight>

Line 74 ⟶ 80:

Remember to replace spaces and punctuation marks within file names with underscores.

If you wish to disable an image on another project from displaying automatically (for example, the Wikimedia Commons), youyour script will look like this:

<syntaxhighlight lang="css" inline>body a[href="//commons.wikimedia.org/wiki/File:(file name)"] {display: none;}</syntaxhighlight>

Where, again, you'll replace ''<code>(file name)''</code> with the actual name of the image's page (including the file extension).

{{cbot}}

Line 84 ⟶ 90:

[[Talk:Muhammad/images/example css|Here]] is an example file addressing content preferences with regard to [[depictions of Muhammad]] aimed at moderately strict Sunni Muslims. It's an example. Individual content preferences may vary.

===Disable all images of the "bad image list"===

[[MediaWiki:Bad image list]] restricts specified images from being seen except on its image page and certain articles. It is possible to prevent these images from being viewed at all by changing your account's JavaScript page. See [[User:Mr.Z-man/badimages]] for details.

Note that this has limited utility as images are added to the bad image list because of concerns about disruptive use and vandalism, ''not'' because someone finds the image objectionable. Many images that some readers may find objectionable are not eligible for the list.

===Disable images in search widget for certain skins===

: searchSearch result images can be turned off by altering the respective common.css for the skin being used and adding a rule to not display background images for spans of the class <code>.wvui-typeahead-suggestion__thumbnail</code>. For example:

<syntaxhighlight lang="css">span.wvui-typeahead-suggestion__thumbnail {

background-image:none !important;

}</syntaxhighlight>

== Go to the mobile Wikipedia site (en.m.wikipedia.org) and disable all images ==

:''This option currently does not work, see [https://phabricator.wikimedia.org/T194896 T194896] on [[Wikipedia:Phabricator|Phabricator]] for details''

[[File:Wikipedia mobile-view screenshot red.png|thumb|At the bottom of an Wikipedia article page you click on "mobile view"...]]

This is a simple workaround for readers that don't want to or cannot change settings or reconfigure their browser.

Every Wikipedia article has a link at the bottom of the page to "Mobile view", which brings you to the Wikipedia version optimized for mobile devices (only reading, no editing). You can also go there directly: {{URL|//en.m.wikipedia.org}} (other language versions too). On mobile Wikipedia you go to "settings" and choose "images off". Done. All images are disabled (without placeholders) while you browse the site. You can enable images again at the same place.

==Configure your browser==

===How to block images site-wide (all Wikimedia projects)===

====[[Mozilla Firefox]]====

Modifying the preference in [https://support.mozilla.org/en-US/kb/about-config-editor-firefox ''about:config'']:

{{Hatnote|This option has been removed with Firefox 72.0 due to "low usage and poor user experience", see the release notes [https://www.mozilla.org/en-US/firefox/72.0/releasenotes/ here].}}[[Image:Example.jpg|frameless|right|alt=Example image]]

extensions.contentblocker.enabled = true

Recent versions (e.g. 39.0)

#Right-click on the example image to the right.

#Click on ''View image info'' from the pop up menu. If this option does not show, click on the icon to left of the address in the address bar (a globe, triangle or padlock icon) and click ''more information''.

#Under the ''media tab'', The image should be already selected. If not, select your image from the list underneath the word ''address''.

#Check the box that says ''Block images from....''

#Close the window

====[[Google Chrome]]====

[https://support.mozilla.org/en-US/kb/page-info-window-view-technical-details-about-page More Information]

#Click on the padlockicon next to the site's URL address called ''View site information''. Navigate to ''Site settings''.

====[[Google Chrome]]====

#Click on the padlock next to the site's URL address. Navigate to ''Site settings''.

#Scroll down to ''Images''.

#Change setting to ''Block''.

====User scripts====

With a [[userscript manager]] such as [[Tampermonkey]], you can install "[https://greasyfork.org/en/scripts/524816-hide-images-3 hide-images-3]", which hides images in Wikipedia until they are clicked on.

===How to set up your browser not to see images at all===

====User scripts====

If your browser supports [[Greasemonkey]] user scripts, you can install the [http://userscripts.org/scripts/show/61977 "Wikipedia Image Hider"].

====Google Chrome====

#Click top right icon on Google Chrome browser, then choose "''Settings"''.

#Click "Show''Privacy advancedand settings"security'' below,on scrollthe to Privacy columnleft, then click on "Content settings"''Images''.

#Under "Default behaviour", select "Don't allow sites to show images".

#On Images, either "Show all images" and click "Manage exceptions", then key in Wikipedia, or simply choose "Do not show any images".

====[[Mozilla Firefox]] ====

* Note: Most of the android version of Google Chrome doesn't support any option for hiding images.

====[[Mozilla Firefox]] ====

=====With add-on=====

Line 147 ⟶ 132:

# Go to settings

# Click on other, the last item on the settings list.

# Under “privacy”"privacy" item, click on content settings.

# Scroll down to images, click on do not show any images.

* Note: UC Browser and UC Browser mini serves better than Google Chrome, Mozilla Firefox and Opera browser for browsing editing in Wikipedia and other Wikimedia projects with hiding images, specially in android versions.

Line 153 ⟶ 138:

==== [[Opera (web browser)|Opera]] ====

{{menu sequence|Settings → websites → images →|Websites|Images|&nbsp;}} select "doDo not show any images."

* Note: Opera browser may not hide all the images properly.

Line 187 ⟶ 172:

==Use a proxy filter==

You can selectively block content by using a [[web filter]] program. Freely available examples include [[Privoxy]] and [[DansGuardian]]. Once you have installed such a program, you can exert fine-grained control over what content is received by your web browser. This method can also be used for system administrators for schools and workplaces to restrict the access of potentially inappropriate images to students/employees. If you are using a URL based filter which also blocks images from a host, blocking Wikimedia will also block all images. Please note by doing this, some system icons on Wikipedia may no longer be visible as they are hosted on Wikimedia. Also any images from wikimediaWikimedia on any website will be blocked too.

==See also==