4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【備忘録】Qiitaで画像の大きさを調整する方法を初めて知った

Last updated at Posted at 2024-11-16

ふと思いました。

これまで、Qiita上で画像を挿入する際、普通にコピペして貼り付けていたけど、
画像の大きさとか調整できないの? と。

HTMLタグで画像サイズを調整する

以下のように、HTMLの<img>タグを利用します。

#srcは"source"の略。画像ファイルのURLまたはファイルパスを指す。
<img src="任意の名前.png" width="400"> 
  • 任意の名前.pngについて:
  • 任意の画像をコピペしてQiita上に貼り付け際、↓のように表示されると思いますが、このhttps://~~.png部分をコピーして↑の任意の名前.pngに張り付けましょう。
![image.png](https://qiita-image~~~.png)

width = ""内の数字は、適宜調整してみてください!!

※追記(2024/11/17)

↓のように、width=""src=""の順番を逆にしてもよいみたいです。1

<img width="400" src="任意の名前.png">
  1. Markdown記法 チートシート

4
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?