43
16

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Qiitaの記事の画像のサイズを変えてみた

Last updated at Posted at 2017-10-18

はじめに

Qiitaで画像を投稿する際に画像サイズや表示位置を変更したいと思いましたので
こちらの記事を備忘録として残します。

全画面表示

通常画像をアップロードする場合は以下の手順になるかと思います。
1. 投稿ページにアクセス
2. エディタから載せたい画像をドラッグアンドドロップ、もしくは画像を選択

この場合は以下のように横いっぱいに大きく表示されます。
代替テキスト

サイズを変更

全画面表示版は以下のような記載になっているかと思います。
![代替テキスト](https://qiita-image-store.s3.amazonaws.com/0/207972/60eadf64-4856-23e0-daea-21ded748e209.jpeg)

上記をimgタグにして、width を追加し任意の値を設定します。
<img src="https://qiita-image-store.s3.amazonaws.com/0/207972/60eadf64-4856-23e0-daea-21ded748e209.jpeg" width=50%>

結果

小さくなりました!

■参考サイト
https://qiita.com/hkusu/items/1ba2de200f731e5ef374

43
16
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
43
16

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?