Skip to content

Instantly share code, notes, and snippets.

@stevecondylios

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

Last active November 1, 2025 13:27
Show Gist options
  • Save stevecondylios/dcadb4fc73e63f27a3bbcf17e52058bf to your computer and use it in GitHub Desktop.
Save stevecondylios/dcadb4fc73e63f27a3bbcf17e52058bf to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. stevecondylios revised this gist Aug 13, 2021. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions resize-image-in-github-issue-github-flavored-markdown.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    ### How to Resize an Image in Github README.md (i.e. Github Flavored Markdown) in 2020!
    # How to Resize an Image in Github README.md (i.e. Github Flavored Markdown)

    Percentage:

    @@ -12,7 +12,7 @@ Pixels:

    - 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 browswer based, client side) app that converts a link an image in a repository to a githubusercontent/raw link, please comment with the app url
    - 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 `[]()`](https://stackoverflow.com/a/62908160/5783745) - so stop looking right now! - you **must** use `<img>` instead

  2. stevecondylios revised this gist Sep 26, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion resize-image-in-github-issue-github-flavored-markdown.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    ### How to Resize an Image in Github Flavored Markdown in 2020 (and beyond)!
    ### How to Resize an Image in Github README.md (i.e. Github Flavored Markdown) in 2020!

    Percentage:

  3. stevecondylios revised this gist Jul 21, 2020. 1 changed file with 2 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions resize-image-in-github-issue-github-flavored-markdown.md
    View file
    Original file line number Diff line number Diff line change
    @@ -16,4 +16,6 @@ Pixels:

    - There is [**no way** to change the size of an image if the markdown format is of the form `[]()`](https://stackoverflow.com/a/62908160/5783745) - so stop looking right now! - you **must** use `<img>` instead

    - Another useful summary of conventions that do and don't work [here](https://github.com/jgm/pandoc/issues/2554#issuecomment-158936360)


  4. stevecondylios revised this gist Jul 15, 2020. 1 changed file with 4 additions and 2 deletions.
    6 changes: 4 additions & 2 deletions resize-image-in-github-issue-github-flavored-markdown.md
    View file
    Original file line number Diff line number Diff line change
    @@ -10,8 +10,10 @@ Pixels:

    ### Quick tips!

    - There is [**no way** to change the size of an image if the markdown format is of the form `[]()`](https://stackoverflow.com/a/62908160/5783745) - so stop looking right now! - you **must** use `<img>` instead

    - 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 browswer 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 `[]()`](https://stackoverflow.com/a/62908160/5783745) - so stop looking right now! - you **must** use `<img>` instead


  5. stevecondylios revised this gist Jul 15, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion resize-image-in-github-issue-github-flavored-markdown.md
    View file
    Original file line number Diff line number Diff line change
    @@ -12,6 +12,6 @@ Pixels:

    - There is [**no way** to change the size of an image if the markdown format is of the form `[]()`](https://stackoverflow.com/a/62908160/5783745) - so stop looking right now! - you **must** use `<img>` instead

    - A quick and easy way to get githubusercontent link for an image, is to drag and drop the image into an 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)`
    - 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 browswer based, client side) app that converts a link an image in a repository to a githubusercontent/raw link, please comment with the app url
  6. stevecondylios revised this gist Jul 15, 2020. 1 changed file with 2 additions and 4 deletions.
    6 changes: 2 additions & 4 deletions resize-image-in-github-issue-github-flavored-markdown.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,12 +1,10 @@
    ### How to Resize an Image in Github Flavored Markdown in 2020 (and beyond)!

    Simply change to either of these formats:

    Change percentage:
    Percentage:

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

    Change number of pixels:
    Pixels:

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

  7. stevecondylios revised this gist Jul 15, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion resize-image-in-github-issue-github-flavored-markdown.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    ### How to Resize an Image in Github Flavored Markdown!
    ### How to Resize an Image in Github Flavored Markdown in 2020 (and beyond)!

    Simply change to either of these formats:

  8. stevecondylios revised this gist Jul 15, 2020. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions resize-image-in-github-issue-github-flavored-markdown.md
    View file
    Original file line number Diff line number Diff line change
    @@ -2,11 +2,11 @@

    Simply change to either of these formats:

    For **percentage** size change
    Change percentage:

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

    For **fixed** size (pixels)
    Change number of pixels:

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

  9. stevecondylios revised this gist Jul 15, 2020. 1 changed file with 2 additions and 6 deletions.
    8 changes: 2 additions & 6 deletions resize-image-in-github-issue-github-flavored-markdown.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,8 +1,4 @@
    When you paste from your clipboard into a github issue, it will give you something like this:

    `![image](https://user-images.githubusercontent.com/16319829/81180309-2b51f000-8fee-11ea-8a78-ddfe8c3412a7.png)`

    ### Resize Image
    ### How to Resize an Image in Github Flavored Markdown!

    Simply change to either of these formats:

    @@ -18,6 +14,6 @@ For **fixed** size (pixels)

    - There is [**no way** to change the size of an image if the markdown format is of the form `[]()`](https://stackoverflow.com/a/62908160/5783745) - so stop looking right now! - you **must** use `<img>` instead

    - A quick and easy way to get githubusercontent link for an image, is to drag and drop the image into an issue, and copy/paste the url from the code that is automatically generated
    - A quick and easy way to get githubusercontent link for an image, is to drag and drop the image into an 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 browswer based, client side) app that converts a link an image in a repository to a githubusercontent/raw link, please comment with the app url
  10. stevecondylios revised this gist Jul 15, 2020. 1 changed file with 7 additions and 1 deletion.
    8 changes: 7 additions & 1 deletion resize-image-in-github-issue-github-flavored-markdown.md
    View file
    Original file line number Diff line number Diff line change
    @@ -2,7 +2,7 @@ When you paste from your clipboard into a github issue, it will give you somethi

    `![image](https://user-images.githubusercontent.com/16319829/81180309-2b51f000-8fee-11ea-8a78-ddfe8c3412a7.png)`

    ### To Resize the Image
    ### Resize Image

    Simply change to either of these formats:

    @@ -14,4 +14,10 @@ For **fixed** size (pixels)

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

    ### Quick tips!

    - There is [**no way** to change the size of an image if the markdown format is of the form `[]()`](https://stackoverflow.com/a/62908160/5783745) - so stop looking right now! - you **must** use `<img>` instead

    - A quick and easy way to get githubusercontent link for an image, is to drag and drop the image into an issue, and copy/paste the url from the code that is automatically generated

    - If anyone knows of a very easy to use (preferably browswer based, client side) app that converts a link an image in a repository to a githubusercontent/raw link, please comment with the app url
  11. stevecondylios revised this gist May 6, 2020. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions resize-image-in-github-issue-github-flavored-markdown.md
    View file
    Original file line number Diff line number Diff line change
    @@ -6,11 +6,11 @@ When you paste from your clipboard into a github issue, it will give you somethi

    Simply change to either of these formats:

    For *percentage* size change
    For **percentage** size change

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

    For *fixed* size (pixels)
    For **fixed** size (pixels)

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

  12. stevecondylios revised this gist May 6, 2020. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions resize-image-in-github-issue-github-flavored-markdown.md
    View file
    Original file line number Diff line number Diff line change
    @@ -6,11 +6,11 @@ When you paste from your clipboard into a github issue, it will give you somethi

    Simply change to either of these formats:

    For percentage size change
    For *percentage* size change

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

    For fixed size (pixels)
    For *fixed* size (pixels)

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

  13. stevecondylios revised this gist May 6, 2020. 1 changed file with 3 additions and 9 deletions.
    12 changes: 3 additions & 9 deletions resize-image-in-github-issue-github-flavored-markdown.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,23 +1,17 @@
    When you paste from your clipboard into a github issue, it will give you something like this:

    ```
    ![image](https://user-images.githubusercontent.com/16319829/81180309-2b51f000-8fee-11ea-8a78-ddfe8c3412a7.png)
    ```
    `![image](https://user-images.githubusercontent.com/16319829/81180309-2b51f000-8fee-11ea-8a78-ddfe8c3412a7.png)`

    ### To Resize the Image

    Simply change to either of these formats:

    For percentage size change

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

    For fixed size (pixels)

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


  14. stevecondylios renamed this gist May 6, 2020. 1 changed file with 0 additions and 0 deletions.
    0 ...-in-github-issue-github-flavored-markdown → ...-github-issue-github-flavored-markdown.md
    View file
    File renamed without changes.
  15. stevecondylios created this gist May 6, 2020.
    23 changes: 23 additions & 0 deletions resize-image-in-github-issue-github-flavored-markdown
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,23 @@
    When you paste from your clipboard into a github issue, it will give you something like this:

    ```
    ![image](https://user-images.githubusercontent.com/16319829/81180309-2b51f000-8fee-11ea-8a78-ddfe8c3412a7.png)
    ```

    ### To Resize the Image

    Simply change to either of these formats:

    For percentage size change

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

    For fixed size (pixels)

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