jprdonnelly/docs
1
0
Fork 0
mirror of synced 2025-12-19 18:10:59 -05:00
Code Issues Projects Releases Wiki Activity

Apply suggestions from code review

Browse Source 
Co-authored-by: Sarah Edwards <skedwards88@github.com>
This commit is contained in:
Ramya Parimi
2021-09-17 07:53:21 -05:00
committed by GitHub
parent 85934e596d
commit 761b94742d
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
contributing/images-and-versioning.md
View File

@@ -14,14 +14,14 @@ Screenshots are used to help readers with the flow in articles like procedures (
- Try to avoid overly large screenshots. For example, if you're trying to bring attention to a button, don't take a shot of the entire page. Focus on the area around the button instead. Crop down near the focal point of the image, but leave enough of a margin around it so that some other elements of the page are visible to provide context. - Try to avoid overly large screenshots. For example, if you're trying to bring attention to a button, don't take a shot of the entire page. Focus on the area around the button instead. Crop down near the focal point of the image, but leave enough of a margin around it so that some other elements of the page are visible to provide context.
- Ensure screenshot is always taken in light mode. - Ensure screenshot is always taken in light mode.
- Replace your username and avatar with [Octocat's](https://github.com/octocat) username and avatar. You can do this using the developer tools in your browser to edit the rendered page. - Replace your username and avatar with [Octocat's](https://github.com/octocat) username and avatar. You can do this using the developer tools in your browser to edit the rendered page.
- When taking a screenshot, select the portion of the page that needs focus instead of the entire page.
Here's an example of a good cropping: Here's an example of a good cropping:
![good cropping example](../assets/images/good-screenshot-example.png) ![good cropping example](../assets/images/good-screenshot-example.png)
Here's an example of a bad cropping: Here's an example of a bad cropping:
![bad cropping example](../assets/images/bad-screenshot-example.png) ![bad cropping example](../assets/images/bad-screenshot-example.png)
## Versioning images in Markdown content ## Versioning images in Markdown content