●大きいサイズの画像を記事上でリサイズする方法
註：こちらの記事は、携帯・スマホでご覧の方には対応できてません。ご了承ください。
Cocoro+et+gokoroのキタガワです。
これは2013年8月に書いた記事のリライトになります。
以前にも「Fotor」を使ったリサイズ機能について も紹介しましたが、あらためて
○imgタグにサイズを指定してリサイズする方法。
スマホやタブレットのアプリで、記事内に写真を貼付けると、サイズは自動的に300pxになります。
が、パソコンから写真をあげるのはなかなか手間な割に、サイズ変更については「なぜ？」のままです。
デフォルトで「縮小して表示」にチェックが入ってますよね。
では、上の写真をこの設定のままアップすると
となります。
これが220pxです。
では、「オリジナルで表示」となると、この写真のオリジナルサイズは460×380です。
2カラムなら別にそのまま載せても表示には問題ありません。
が、これが3カラム（3カラムの記事幅は余白分をのぞくと410px程度)なら見切れます。
まずは、「オリジナルで表示」にチェックを入れて、それ以外（画像の配置などは）変更せずに、記事に画像を挿入しましょう。
そうしたら、「HTMLタグを表示」にしてください。
すると、その画像は以下のようなタグで表示されていることが分ります。
青字で表示している部分がimgタグです。
※灰色の<a href~></a>は、画像一覧へのリンクです。これは削除しても画像は記事内に表示されます。
この<img>タグのところに、下の"赤字"のように幅（width)を指定する数値を入れるだけ。
数値はお好きに。例えば1の位（例：352など）まで指定可能です。
※横幅を指定すれば、あとは自動的に縦横比は調節してくれます。
よく聞くところでは
縦長の写真であれば300、横長だったら400がベストじゃないか
という話にはなっています。
naoe.kitagawa@gmail.com
スマホの方はタップでもOKですが、こちらからのメールが受信できるよう設定は忘れずにお願いいたします。
080-6091-5064
（キタガワ）スマホの方はこちらをタップ。
※お電話は平日10時～16時の間でお願いいたします。
【受信リスト設定の方法の各社説明サイト】
※「ここなら分かるかな？」というものですので、もっといいサイトがある場合は教えてくださいね。
auスマホ・携帯の方はこちらから
Softbankスマホ・携帯の方はこちら
Docomoスマホ・携帯の方はこちら
註：こちらの記事は、携帯・スマホでご覧の方には対応できてません。ご了承ください。
Cocoro+et+gokoroのキタガワです。
これは2013年8月に書いた記事のリライトになります。
以前にも「Fotor」を使ったリサイズ機能について も紹介しましたが、あらためて
○imgタグにサイズを指定してリサイズする方法。
スマホやタブレットのアプリで、記事内に写真を貼付けると、サイズは自動的に300pxになります。
が、パソコンから写真をあげるのはなかなか手間な割に、サイズ変更については「なぜ？」のままです。
デフォルトで「縮小して表示」にチェックが入ってますよね。
では、上の写真をこの設定のままアップすると
となります。
これが220pxです。
では、「オリジナルで表示」となると、この写真のオリジナルサイズは460×380です。
2カラムなら別にそのまま載せても表示には問題ありません。
が、これが3カラム（3カラムの記事幅は余白分をのぞくと410px程度)なら見切れます。
まずは、「オリジナルで表示」にチェックを入れて、それ以外（画像の配置などは）変更せずに、記事に画像を挿入しましょう。
そうしたら、「HTMLタグを表示」にしてください。
すると、その画像は以下のようなタグで表示されていることが分ります。
青字で表示している部分がimgタグです。
※灰色の<a href~></a>は、画像一覧へのリンクです。これは削除しても画像は記事内に表示されます。
<a href="http://stat.ameba.jp/user_images/（画像のファイル名）"><img border="0" alt="" src="http://stat.ameba.jp/user_images/（画像のファイル名）" /></a>
この<img>タグのところに、下の"赤字"のように幅（width)を指定する数値を入れるだけ。
<a href="http://stat.ameba.jp/user_images/（画像のファイル名）"><img width="300" border="0" alt="" src="http://stat.ameba.jp/user_images/（画像のファイル名）" /></a>
数値はお好きに。例えば1の位（例：352など）まで指定可能です。
※横幅を指定すれば、あとは自動的に縦横比は調節してくれます。
よく聞くところでは
縦長の写真であれば300、横長だったら400がベストじゃないか
という話にはなっています。
２０１３年８月にあげた記事をリライトしました。
当時、中途半端な知識で書いていて、まったく役に立たない記事でしたので、書き直して再掲です。
タグをいじる、というのはハードルが高く感じる方もいらっしゃるかと思いますが、実際、この方法が一番簡単です。
場合によっては「risize 」というサイトも愛用しています。
画像のアップロード時の容量制限（通常2MB)を越える場合は、事前のサイズ変更が必要になります。
（有料プランで容量を増やすことは可能です。）
しかし、繰り返しになりますが
今回の記事で使用した写真のように、普通にアップロードできるサイズで、載せる時にちょっと大きいだけの写真がすべて「220」になるのは、とても残念ですので、是非試していただきたいと思います。
ちなみに、この写真は息子が２歳のとき、札幌・円山動物園に行った時のものでした。
なつかし～
当時、中途半端な知識で書いていて、まったく役に立たない記事でしたので、書き直して再掲です。
タグをいじる、というのはハードルが高く感じる方もいらっしゃるかと思いますが、実際、この方法が一番簡単です。
場合によっては「risize 」というサイトも愛用しています。
画像のアップロード時の容量制限（通常2MB)を越える場合は、事前のサイズ変更が必要になります。
（有料プランで容量を増やすことは可能です。）
しかし、繰り返しになりますが
今回の記事で使用した写真のように、普通にアップロードできるサイズで、載せる時にちょっと大きいだけの写真がすべて「220」になるのは、とても残念ですので、是非試していただきたいと思います。
ちなみに、この写真は息子が２歳のとき、札幌・円山動物園に行った時のものでした。
なつかし～
＜新規のお客様＞ブログカスタマイズお申込についての詳細はこちらからCocoro+et+gokoroへのお問合せ
naoe.kitagawa@gmail.com スマホの方はタップでもOKですが、こちらからのメールが受信できるよう設定は忘れずにお願いいたします。
080-6091-5064
（キタガワ）スマホの方はこちらをタップ。
※お電話は平日10時～16時の間でお願いいたします。
【受信リスト設定の方法の各社説明サイト】
※「ここなら分かるかな？」というものですので、もっといいサイトがある場合は教えてくださいね。
auスマホ・携帯の方はこちらから
Softbankスマホ・携帯の方はこちら
Docomoスマホ・携帯の方はこちら