LoginSignup
86
45

Qiitaの画像表示の大きさの調整方法ご存知ですか?

画像を表示するのに、
 画像.png
のアイコンを押してQiitaに上げるだけだと、この表現のように、
自分のつもりより大きかったり、自分のつもりと違う場所に
配置したりするかもしれない。

画像をもう少し小さく
画像png
これくらいにしたい場合があるとします。

早速Qiita.comで「画像」「大きさ」で検索した。

blog.qiita.comに記事があった。

アップロードした高解像度画像が適切なサイズで表示されるようになりました
http://blog.qiita.com/post/131480343349/retina-image-detection

![ファイル名](URL)

の形式から

<img width="表示幅" alt="ファイル名" src="URL">

の形式へコピペして変更します。

簡単です。例えば、

![mojikyo45_640-2.gif](https://qiita-image-store.s3.amazonaws.com/0/51423/3f47df22-57e3-f649-45cd-80d2d3fadded.gif)

400

<img width="400" alt="mojikyo45_640-2.gif" src="https://qiita-image-store.s3.amazonaws.com/0/51423/c5cf65ee-ef54-5494-604f-8d6d459dd3b0.gif">

表示して見ると。

今昔文字鏡
http://www.mojikyo.co.jp/software/mojikyo45/

mojikyo45_640-2.gif http://www.mojikyo.co.jp/software/mojikyo45/

300

mojikyo45_640-2.gif http://www.mojikyo.co.jp/software/mojikyo45/

200

mojikyo45_640-2.gif http://www.mojikyo.co.jp/software/mojikyo45/

100

mojikyo45_640-2.gif

50

mojikyo45_640-2.gif

仮画像 

この資料を作るときに、仮画像を使う方法を知らなかった。 

仮の画像の作る

txt
<img src="http://placehold.it/350x150">

はURLが変わって図を表示しない。

http://placehold.it は、https://via.placeholder.com に変わったらしい。

txt
<img src=https://via.placeholder.com/728x90.png?text=Display+Image+Size+Arrange>

参考URL

Qiitaに貼った画像がなんかデカいなあ〜と思ったら
https://qiita.com/hkusu/items/1ba2de200f731e5ef374

Qiitaの記事の画像のサイズを変えてみた
https://qiita.com/soratyan/items/6c47abaf92dded703d0c

別の方法

上げる画像を小さくするのも一つの解決策。

Qiitaに画像をアップロードするときはサイズに気をつけよう

関連資料(related document)

Qiita(29) 楽しいQiitaの使い方 壁10罠6つ技7つ
https://qiita.com/kaizen_nagoya/items/7828d0b1d47ad21b45c6

Qiita(0)Qiita関連記事一覧(自分)
https://qiita.com/kaizen_nagoya/items/58db5fbf036b28e9dfa6

一覧の一覧( The directory of directories of mine.) Qiita(100)
https://qiita.com/kaizen_nagoya/items/7eb0e006543886138f39

あとがき

「ゼロから作るDeep Learning 2自然言語処理編」を読む前に読んで置くとよい資料とプログラム
https://qiita.com/kaizen_nagoya/items/537b1810265bbbc70e73
で、画像をあげて「Qiitaに投稿」したら、本やソフトの表紙がすごく大きい表示になって慌てたことがあります。

謝辞

次の記事から参照していただいています。ありがとうございます。

はじめてのQiita

Markdown記法

投稿する画像の大きさをええ感じにしたい!

政府の接触確認アプリ(COCOA)の機能を補完するアプリを作ってみた(3密チェッカー)

【exif】エクスプローラーでjpg画像の方向変更→システムに登録すると変更が反映されていない!対処

【Rails】ページごとにタイトルの表示を変える設定

【Excel家計簿】ピボットテーブル_一部だけを小計したい

文書履歴(document history)

ver. 1.00 初稿 20180311
ver. 1.01 誤植修正、文書履歴 20180324
ver. 1.02 表現補足 20200217
ver. 1.03 誤記訂正 20201228
ver. 1.04 URL追記,リンク一覧追記 20210504
ver. 1.05 目安として300,200,100,50の表示例追記 20210515
ver. 1.06 謝辞追記 20211008
ver. 1.07 仮画像を作る 追加 20220911

データサイエンティストの気づき!「勉強だけして仕事に役立てない人。大嫌い!!」『それ自分かも?』ってなった!!!

<この記事は個人の過去の経験に基づく個人の感想です。現在所属する組織、業務とは関係がありません。>

このエントリーをはてなブックマークに追加
https://b.hatena.ne.jp/guide/bbutton

最後までおよみいただきありがとうございました。

いいね 💚、フォローをお願いします。

Thank you very much for reading to the last sentence.

Please press the like icon 💚 and follow me for your happy life.

86
45
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
86
45