Markdown - Resize pictures in GitHub, including in comments comment

github-resize-pictures.md

Markdown - Resize pictures in GitHub

I found that the "best" way is to use HTML, as it works both in Readme/.md files and also in comments (within Issues, Gist...)

E.g. when adding/editing a comment (within Issues, Gist...) :

• Upload the picture by drag-and-drop in the text field
• replace ![image](https://your-image-url.type) with <img src="https://your-image-url.type" width="100" height="100">

As mentioned by @cbestow (thanks!), it's not mandatory to set both width and height. If only one is set, the other will be adjusted accordingly to preserve the aspect ratio of the image.

Thank you, this worked

It works.

Thank you very much! Finally added a pretty profile readme hahahahaha

So awesome!

Thanks, too!

Great tip. Thanks!!

Much appreciated thanks!

Thank you!

Thanks, it worked

Nice tip. Thanks.

Useful one

Thank you for this!

Can also use: <img src="https://your-image-url.type" width="50%" height="50%">

Thank you.

Thank you.

🙏

Wow thanks. How about aligning the image to the right?

Really helpful! Thanks

thanks a lot! you guys can also replace the height and width with percentile values e.g., width="60%" height="50%"

You really saved my life by reminding me I can do this!!!

Thank you very much. This helped me a lot!

Thank you!!! It works well:)

Beautiful!

Thank you, worked for me

worked for me too. Thanks :) well explained

Thank you :)

thx

Good

Thank you it works for me

can confirm it works well, thank you.

thanks!!

Does anyone know a way to keep aspect ratio during the image loading? If I use

<img width="100%" style="aspect-ratio: 16 / 9" src="xxx" >

Github will remove the style attribute, and it doesn't work.