アメブロ 本文のmax(横幅)サイズで記事に画像を貼り付ける方法!【図解あり】 | シンプルにアメブロを極める!ブログパーツ/解析ツール/Webサイト活用術!

アメブロ 本文のmax(横幅)サイズで記事に画像を貼り付ける方法!【図解あり】

アメブロ 本文のmax(横幅)サイズで記事に画像を貼り付ける方法!


こんにちは。サポート団長です。本文にどれ位の大きさの画像が貼り付け可能なのかを確認し、画像を記事に貼り付けてみましょう!


1.マイページ 画面のアメーバーピグの下の方にある記事の編集・削除 をクリックする。

  マイページの隣の【ブログを書く】からでもOKです。

シンプルにアメブロを極める!ブログパーツ/解析ツール/Webサイト活用術!-0

2.本文の横幅のサイズを確認します。

  ①【ブログを書く】をクリックする。


  ②【デザインの変更】をクリックする。


  ③【スキンCSSの編集】をクリックする。


  ④CSS編集の画面で最下位までスクロールすると【Width: 420px;】というのがあります。

   これが本文の横幅のサイズとなりますので画像のサイズ変更やトリミングの際に覚えて下さい。
シンプルにアメブロを極める!ブログパーツ/解析ツール/Webサイト活用術!

尚、この確認作業が出来るのは、スキンが【スタンダード】-【3カラム-中央】-【グレー】のものを選択している場合の説明ですのでご了承下さい。

シンプルにアメブロを極める!ブログパーツ/解析ツール/Webサイト活用術!-2


3.【Microsoft Office Picture Manager】を使用して、画像のトリミングとサイズの変更を行います。


①画像の編集をクリックする。


②トリミングをクリックする。


シンプルにアメブロを極める!ブログパーツ/解析ツール/Webサイト活用術!-3


①数値で上下左右のトリミング(切り取り)したい数値を入力する。


②赤丸の上下左右の斜めの部分にカーソルを移動させマウスでドラッグするとフリーハンドでサイズの変更が可能です


③変更終了にて【OK】をクリックする。
シンプルにアメブロを極める!ブログパーツ/解析ツール/Webサイト活用術!

4.手順3の図③の【サイズ変更】をクリックする。


①サイズの設定の概要で【新しいサイズ: 399(横)×300(縦)】を見ながら、倍率を▲▼キーにて変更する。

 ※手順2で確認したサイズ以下にします。はみ出しますから(笑)


②変更したら【OK】をクリックする。

 ※私のスキンの場合は横幅が420pxですので400位になるようにしています。


※スタンダードスキンでない方でも3カラムであれば400位でいいと思います。あとはご自身の記事で確認されて下さい。
シンプルにアメブロを極める!ブログパーツ/解析ツール/Webサイト活用術!-4


5.アメブロ 解像度を維持して記事に画像を貼り付ける方法! でも説明していますが、手順8-③を操作を行う前に以下の選択を行って下さい。


①追加する画像を【参照】をクリックする。


②選択した画像を【アップロード】します。


③【オリジナルで表示】を選択する(アップロード後に選択)。


④【この画像を使う】をクリックする。
シンプルにアメブロを極める!ブログパーツ/解析ツール/Webサイト活用術!-5


以上で画像記事に画像が貼り付けられますが、注意点として(私だけ勘違い?)サイズの設定でオリジナルで表示を選択するタイミングが重要です。


画像をダウンロードする前に選択していたところ、アップロード時に縮小して表示に戻されます。これに気付かずサイズの変更が出来ない、出来ないと一人で騒いでいました(爆)。


皆さんはこんな間違いしませんよね(笑)


では!お疲れさまでした!

<<関連記事>>

矢印☆【アメブロ機能】フリープラグインへの追加

矢印☆アメンバー限定記事をメールで受信する方法!

矢印☆画像の解像度を保ちブログへ貼り付ける方法!

矢印☆アメブロ PingのURLを設定/ランキング/ブログサービス活用!

矢印☆【アメブロ機能】フリースペースへの追加/禁止事項!

矢印☆アメブロ 解像度を維持して記事に画像を貼り付ける方法!


ブログトップ  | 目次  | 用語集