# Guidelines for screenshots in posts

I've noticed that a lot of screenshots in both questions and answers either contain more info than needed for the question or answer (potentially account compromising information in some cases), or are way bigger than necessary (like waaaay too big). I think we could stand for having some guidelines for the screenshots we have in posts.

I propose two guidelines.

1. Crop out unneeded info: If you take a full screen shot of your desktop to show an error message, just crop the picture in paint or something to show the relevant error message. We don't really need to see all the stuff in the background, and if you aren't paying attention, you may accidentally include information about yourself or your accounts that you did not want to include. If you see someone who didn't crop their photo, you can copy the image url and crop it with this online tool and reupload the image into the post (I am not affiliated with this tool in anyway). Also, if you notice that there is PII or account information that could potentially compromise the users security or privacy edit the information out and then flag for moderator attention to purge it from the edit history.
2. Resize images to a reasonable size: If you upload a picture through stack exchange, it uses the Imgur engine. This means you can easily resize the images to a more manageable size so that they do not take up the entire screen. There are a number of different suffixes you can use to resize the image by using the form http://i.stack.imgur.com/XXXXXXsuffix.jpg where the suffix is one of the following:

• h - Huge thumbnail - size: 1024x1024 and keeps image proportions.
• l - Large thumbnail - size: 640x640 and keeps image proportions.
• m - Medium thumbnail - size: 320x320 and keeps image proportions.
• t - Small thumbnail - size: 160x160 and keeps image proportions.
• b - Big square thumbnail - size: 160x160 doesn't keep image proportions.
• s - Small square thumbnail - size: 90x90 doesn't keep image proportions.

Large or medium thumbnail will generally give you a decent size image in proportion to page size while still allowing you to see everything you need. You can see examples of each suffix in comparison to the original here. If you don't want to use suffixes, you could use a more complex method with using HTML like so: <img src="https://i.stack.imgur.com/XXXXXX.jpg" width="100" height="100">

Also as mentioned by Robotnik, "image links are now auto-surrounded by a hyperlink to expand the image out. You can manually change the hyperlink to point to a larger image. Where you have [![alt text][1]][1], change it to [![alt text][1]][2], then add a [2]: link at the bottom pointing to the larger version."

• How are you imagining these guidelines being used? As justification for edits? For downvotes? What's the purpose? – DCShannon May 1 '17 at 23:48
• @DCShannon, as justifications for edits, and just something to keep in mind when adding screenshots to ones own posts to try and keep questions focused on the relevant info. I have noticed a lot of unnecessarily huge images on posts recently, and it makes it hard to get the info out of a post whether you are on mobile or not. also I recently saw someone have some information about their account in a screenshot that could put their account at risk. I just wanted to raise some awareness – Dragonrage May 1 '17 at 23:53
• Alright. I guess we can reference this post when giving advice in comments, if nothing else. – DCShannon May 2 '17 at 0:01
• Note that image links are now auto-surrounded by a hyperlink to expand the image out. You can manually change the hyperlink to point to a larger image. Where you have [![alt text][1]][1], change it to [![alt text][1]][2], then add a [2]: link at the bottom pointing to the larger version. – Robotnik May 2 '17 at 0:53
• Also to add to your first point in your answer: if the image contains compromising information (email address, phone numbers etc), flag for mod attention so we can redact it from the revision directly - editing it out leaves it in the revision history. – Robotnik May 2 '17 at 0:57
• @Robotnik is it fine to edit it out first, then mod flag it? that is what i have done in the past, and what i was advocating for doing here. – Dragonrage May 2 '17 at 0:59
• Oh, yes I missed your last sentence on the first point :). And yes, edit and flag is fine. – Robotnik May 2 '17 at 1:01
• @Robotnik ok, and thanks for the info about the image links. I included that info in the post as well as updated my example post in the formatting sandbox to demonstrate this – Dragonrage May 2 '17 at 1:05
• I never knew about the suffix part with imgur. Glad I do now! – Timmy Jim May 2 '17 at 14:07