アメブロで横幅ぴったりサイズの写真を貼り付ける方法

無料写真サイズ変換

 

アメブロのヘッダー画像を自分だけのオリジナル画像に変えたいという方はこちら

 

アメブロでは、何も考えずに普通にブログを投稿すると、写真がこんなに小さくなってしまいます。

アメブロの写真

 

それをこのようにコンテンツ(本文)の幅いっぱいに表示させる方法について説明します。

アメブロの写真サイズ

 

写真がメインのブログをやってる人や、なんかバランスが・・・という几帳面な方にお勧めです。

※これはカスタマイズ可能なスキン「ベーシック」を利用している方向けです。

今回はベーシックスキンの2カラムを例に説明します。

1.写真のサイズを変更する

まずはデジカメなどで撮影した写真をパソコンに取り込むのですが、

カメラによって写真のサイズ(横幅)が全然違うので、サイズ(横幅)を600pxに変更する必要があります。

そこで無料で写真のサイズを変更できる便利なサイトをご紹介。

まずは以下のサイトにアクセスします。

画像サイズ変換サービス IMAGE440

無料写真サイズ変換

 

説明不要なほど簡単なのですが、一応説明します。

無料写真サイズ変換

 

①サイズ変換したい画像を選択

②サイズを指定

2カラムのデザインを使用している場合は横幅600px、

3カラムのデザインを使用している場合は横幅420pxがコンテンツ部分にぴったり収まるサイズです。

③「変換実行」をクリック

続いて表示される画面にはサイズ変換された画像が表示されるので、右クリックで保存します。

無料写真サイズ変換

 

これで写真のサイズ(横幅)を600pxに変換完了。

 

ちなみに何枚も続けてサイズ変換する場合は、

「←BACK」で戻ってから毎回「インターネット一時ファイル」を削除する必要があります。

方法はブラウザの一番上の「ツール」⇒「閲覧の履歴の削除」で、

「インターネット一時ファイル」のみにチェックを入れ、「削除」をクリック。

2.サイズ変換した写真をアメブロに貼り付ける 

まずはアメブロにログインして、「ブログを書く」⇒「アメブロを書く」⇒「記事を書く」とクリック。

そして写真を挿入したいところで「画像」をクリック。

っていうかこの辺はいつも通りにやってください。

アメブロの写真

 

写真をアップロードするところまではいつもと一緒ですが、

次に画像のサイズ設定で「オリジナルで表示」にチェックを入れます。

犬の写真が違いますが気にしないで(笑)

アメブロの写真サイズ

 

あとはいつもと同じように記事を書き、公開します。

アメブロの写真サイズ

 

以上で写真が見やすいブログの完成です。

アメブロの写真サイズ

 

人気ブログランキングで今何位?

アメブロのヘッダー画像を無料で作成

  • このエントリーをはてなブックマークに追加

【PR】話題のラインスタンプを自分で作って販売する方法

ブログランキング応援していただけると嬉しいです↓

にほんブログ村 釣りブログ バスフィッシングへ にほんブログ村 釣りブログ 東海釣行記へ にほんブログ村 釣りブログへ

この記事の著者

kazushi釣りと生き物をこよなく愛するWEBデザイナー

釣りと焼酎が好きなWEBデザイナー。夜な夜な真っ暗な部屋で水槽を眺めながら呑んでいます。最近のマイブームはハンドメイドルアー制作。琵琶湖のほとりでひっそりとWEB制作事務所を営んでいます。

この著者の最新の記事

関連記事

カテゴリー

アーカイブ

インスタやってます

ページ上部へ戻る