Changing image size in Markdown on Gitlab

73,666

Raw HTML works
Try the following: after uploading your image, use img tag with src pointing to the path of uploaded image, for me it's working:
The following is from one of my files

![](/uploads/d19fcc3d3b4d313c8cd7960a343463b6/table.png)
<img src="/uploads/d19fcc3d3b4d313c8cd7960a343463b6/table.png"  width="120" height="120">

enter image description here

Check this link, where I've put different size of same image https://gitlab.com/Basel.issmail/resize-image/wikis/resizing-image

There is an issue on gitlab discuss Add control over images with Markdown

Share:
73,666

Related videos on Youtube

Author by

Ben Kelly

Updated on July 08, 2022

Comments

  • Ben Kelly 8 months

    I'm trying to post a picture to a file on my Gitlab using markdown

        ![](test/media/screenshot.png)
    

    seems to work but is far too large. Other solutions I've tried and don't seem to work are as follows:

        <img src="https://gitlab.com/example/screenshot" width="48">
        ![](test/media/screenshot.png =100x20)
        ![](test/media/screenshot.png =250x)
        <img src="https://gitlab.com/example/screenshot" alt="Drawing" style="width: 200px;"/>
    

    Any ideas on what I can do rather than re-sizing every image I have?

    • yoAlex5
      yoAlex5 over 2 years
      Use the same approach with <img > as StackOverflow uses
  • MS Berends
    MS Berends about 4 years
    Since this week, they add borders and padding to all img elements that are not emoji, which is highly annoying. Filed an issue here.
  • Jürgen Steinblock
    Jürgen Steinblock over 3 years
    I wanted to show the thumbnail image with the possibility to download the original image. This works [<img src="/uploads/9177bb9d710cdfd0288b9ce151e4bcb5/image.png" width="32" height="32">](/uploads/9177bb9d710cdfd0288b9ce151e4bcb5/imag‌​e.png) The downside is that gitlab shows the paperclip and border and while loading the image there is a blank box in the original size, but for my case thats sufficient.
  • csonuryilmaz
    csonuryilmaz almost 3 years
    Thanks. I've used only "img" tag and deleted the original markdown line. (first line abve "img") Solved my case. :+1:
  • Herpes Free Engineer
    Herpes Free Engineer about 2 years
    For those who want to use the percentage: <img src="image.png" width="50%" height="50%" or <img src="image.png" style="height:75%; width:75%" >
  • Alex
    Alex about 1 year
    Using the style attribute doesn't have an effect (anymore?)