Skip to content

Instantly share code, notes, and snippets.

@stevecondylios

stevecondylios/resize-image-in-github-issue-github-flavored-markdown.md

Last active November 13, 2025 19:04
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save stevecondylios/dcadb4fc73e63f27a3bbcf17e52058bf to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save stevecondylios/dcadb4fc73e63f27a3bbcf17e52058bf to your computer and use it in GitHub Desktop.
Download ZIP
How to Resize an Image in a Github Issue (e.g. Github flavored Markdown)
Raw
resize-image-in-github-issue-github-flavored-markdown.md

How to Resize an Image in Github README.md (i.e. Github Flavored Markdown)

Percentage:

<img src="https://user-images.githubusercontent.com/16319829/81180309-2b51f000-8fee-11ea-8a78-ddfe8c3412a7.png" width=50% height=50%>

Pixels:

<img src="https://user-images.githubusercontent.com/16319829/81180309-2b51f000-8fee-11ea-8a78-ddfe8c3412a7.png" width="150" height="280">

Quick tips!

  • To get a githubusercontent link for an image, drag and drop the image into any issue, and copy/paste the url from the code that is automatically generated. Example code: ![image](https://user-images.githubusercontent.com/16319829/81180309-2b51f000-8fee-11ea-8a78-ddfe8c3412a7.png)

  • If anyone knows of a very easy to use (preferably browser based, client side) app that converts a link an image in a repository to a githubusercontent/raw link, please comment with the app url

  • There is no way to change the size of an image if the markdown format is of the form []() - so stop looking right now! - you must use <img> instead

  • Another useful summary of conventions that do and don't work here

@jessik126
Copy link

jessik126 commented Nov 13, 2025

Thanks @MarvinXu , you helped me a lot !!

What I'm doing: after pasting the image directly on GitHub, I just replaced the ![image]( part before the link to <img width="30%" src= part.

For exemple:

  • from: ![image](https://github.com/user-attachments/assets/00)
  • to: <img width="30%" src=https://github.com/user-attachments/assets/00>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment