画像を記事に挿入する

広告

記事には写真や画像を挿入することができます。ここでは画像や画像を挿入したり、挿入した画像のサイズを変更する方法などについて解説します。

記事に画像を挿入する

記事に画像を挿入するには、画像を挿入したい位置にカーソルを合わせたあと、画面右側のタブに表示されている「写真を投稿」アイコンをクリックしてください。

記事に画像を挿入する(1)

記事に画像を挿入する(2)

右サイドバーに「写真を投稿」タブが表示されます。

記事に画像を挿入する(3)

「写真を投稿」をクリックしてください。

記事に画像を挿入する(4)

ファイル選択ダイアログが表示されますので、挿入したい画像を選択し「開く」をクリックしてください。

記事に画像を挿入する(5)

ファイルのアップロードが開始されます。アップロードが完了すると次のような画面が表示されます。今回は「記事編集画面に貼り付ける」をクリックしてください。

記事に画像を挿入する(6)

カーソルがあった位置にアップロードした画像が挿入されました。

記事に画像を挿入する(7)

それでは記事を投稿して公開し、その後でブログを表示して記事がどのように表示されるのかを確認してみます。

記事に画像を挿入する(8)

記事に挿入した画像が表示されました。

画像の表示サイズを変更する

本文に挿入した画像は表示サイズを変更することができます。表示サイズを変更するには画像を一度クリックしてください。

画像の表示サイズを変更する(1)

画像の四隅にあるマーカーをマウスでドラッグすることで、縦横の比率を維持したまま画像を縮小することができます。

画像の表示サイズを変更する(2)

画像の表示サイズを変更する(3)

※ 画像の表示サイズを変更しても画像のファイルサイズはそのままです。

それでは記事を投稿して公開し、その後でブログを表示して記事がどのように表示されるのかを確認してみます。

画像の表示サイズを変更する(4)

記事に挿入した画像が小さく表示されました。

過去にアップロードした画像を挿入する

はてなブログでは過去に記事に挿入するためにアップロードした画像は右サイドバーに一覧で表示されています。

過去にアップロードした画像を挿入する(1)

過去にアップロードした画像を記事に挿入するには、挿入したい位置にカーソルを合わせてください。

過去にアップロードした画像を挿入する(2)

右サイドバーに表示されている画像の一覧の中から記事に挿入したい画像をクリックしてください。その後で画面右下の「選択した画像を貼り付けをクリックしてください。

過去にアップロードした画像を挿入する(3)

次のような画面が表示されます。今回は「記事編集画面に貼り付ける」をクリックしてください。

過去にアップロードした画像を挿入する(4)

カーソルがあった位置に画像が挿入されました。

過去にアップロードした画像を挿入する(5)

-- --

なお画像を挿入する時は複数の画像をまとめて挿入することができます。画像を挿入したい位置にカーソルを合わせてください。その後で、右サイドバーに表示されている画像の一覧の中から記事に挿入したい画像をクリックしてください。複数の画像を挿入する場合は、クリックした順に番号が付き、その順番で記事に挿入されます。

過去にアップロードした画像を挿入する(6)

画像の選択が終わりましたら画面右下の「選択した画像を貼り付けをクリックしてください。

過去にアップロードした画像を挿入する(7)

次のような画面が表示されます。今回は「記事編集画面に貼り付ける」をクリックしてください。

過去にアップロードした画像を挿入する(8)

カーソルがあった位置に画像が挿入されました。

過去にアップロードした画像を挿入する(9)

過去にアップロードした画像を挿入する(10)

デフォルトの「記事での並び方」は「通常」に設定されているので、複数の画像を挿入した時は縦に並んで表示されます。

画像の挿入に関する制限事項

はてなブログでアップロードした画像は、同じ「はてな」のサービスである「はてなフォトライフ」というサービスで管理されます。

投稿できる画像の形式は「JPEG」「GIF」「PNG」です。 1 辺の長さが 10,000px まで、ファイルサイズは 10MB までとなっています。

はてなフォトライフでは、無料のユーザーでも毎月 300MB までの画像をアップロードできます(有料プランだと 3GB まで)。その為、はてなブログにアップロードできる画像は毎月 300 MB までとなります。毎月 1 日になるとリセットされるようです。現在使用している量は はてなブログの次のところにパーセンテージで表示されます。

画像の挿入に関する制限事項(1)

なお別のページで解説しますが、はてなブログで画像をアップロードするとあらかじめ決められた幅や高さのサイズ(デフォルトでは 1200px )を超えている画像は自動で縮小されて保存されます。

-- --

写真や画像を挿入したり、挿入した画像のサイズを変更する方法などについて解説しました。

( Written by Tatsuo Ikura+ )

関連記事 (一部広告含む)
Profile
profile_img

著者 / TATSUO IKURA

初心者~中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。