How to adjust the image size in gitee? Detailed explanation of method

With the rapid rise of Gitee in the domestic code hosting market, many students have encountered various problems in the process of using Gitee project management. Among them, how to resize images on Gitee is a common question. Therefore, in this article, we will introduce in detail how to adjust the image size on Gitee.

First of all, the prerequisite for resizing images on Gitee is to understand the basic syntax of Markdown, because Markdown is the default text editing method on Gitee. Markdown is a lightweight markup language that allows us to edit and format text more quickly and conveniently. In Markdown, we can use the "!" symbol to place pictures, as shown below:

![图片描述](图片链接)

Among them, the picture description is the name of the picture displayed on the page, and the picture link is the external link where the picture is located or local path. After adding the image in this way, we need to adjust the image size. Here are two basic ways to resize images.

1. Use HTML syntax

In Markdown, we can use HTML syntax to adjust the size of the image. Specifically, we can use the "<img src="/static/imghwm/default1.png" data-src="图片链接" class="lazy" alt="How to adjust the image size in gitee? Detailed explanation of method" >" tag and add the "width" and "height" attributes to determine the size of the image. The sample code is as follows:

<img  src="/static/imghwm/default1.png" data-src="图片链接" class="lazy" alt="How to adjust the image size in gitee? Detailed explanation of method" >

In the above code, the values ​​of the width and height attributes represent the width and height of the image. We can adjust the values ​​of these two properties according to actual needs and image size ratio. For example, if we want to reduce the image size by 50%, we can set both the width and height attributes to 50%. At this time, we can replace the image link with our own image link.

2. Use Markdown syntax

In addition to using HTML syntax to adjust the image size, we can also use Markdown syntax to adjust it. Specifically, we can add a code block like "{width=50% height=50%}" after the "!" symbol in Markdown to set the size of the image. The following is a sample code:

![图片描述](图片链接){width=50% height=50%}

In the above code, we set the values ​​of the width and height attributes to 50% respectively, so that the image can be reduced by 50%. It should be noted that this method is only available on Gitee, and other editors that support Markdown do not necessarily support this method.

In addition to the above methods, we can also use other editors and online tools to adjust the image size. For example, we can use PhotoShop and other image processing software to edit pictures and then upload them to Gitee. You can also use online image processing tools, such as rotating, cropping, resizing, etc. When using these tools, we need to pay attention to the choice of image size and file format.

In short, according to the above method, we can easily adjust the size of the image on Gitee so that the image can better adapt to our page design needs. Whether you are a novice or an expert, mastering this knowledge will allow you to manage your projects on Gitee with ease.

The above is the detailed content of How to adjust the image size in gitee? Detailed explanation of method. For more information, please follow other related articles on the PHP Chinese website!