Seesaaブログのデザイン変更ワザスマートフォン専用ページを表示Seesaaブログのデザイン変更ワザcssやHTMLを編集してSeesaaブログのデザインを自由に変えてみよう!御朱印集めが楽しくなるiPhoneアプリ御朱印マップを公開しています。ダウンロードはこちらからどうぞ。Seesaaブログで、投資関係のブログを3年半ほど書いています。そのブログを続けている中で、CSSやHTMLを編集してSeesaaブログのデザイン変更にチャレンジしてきました。Seesaaブログって、かなり自由にデザインをカスタマイズできるのがいいですね!このブログでは、その様々なカスタマイズ方法をご紹介していきます。投資関係のメインブログはこちらです。【第17回】画像のサイズを調整する前回は、Seesaaブログに掲載するサムネイル画像のサイズを調整する方法をご紹介しました。今回は、サムネイルではなく、画像そのものを調整する方法をご紹介します。前回と今回の違いを簡単にお見せすると、こんな感じになります。見た目は全く変わりませんが、前回の場合は画像をオリジナルサイズでブログにアップし、その縮小サムネイル画像を記事に掲載しています。今回の場合は、画像そのもののサイズを縮小した上で、ブログにアップし掲載しています。前回の記事でお伝えした通り、このブログでは、横幅が500pxより大きい画像については全て500pxに調整した上で画像を掲載しています。画像の表示サイズを調整する方法は2つ。1つは、前回ご紹介した、サムネイル画像の調整。1つが、今回ご紹介する、画像そのもののサイズ調整です。両者の違いは、ブログにアップする画像のファイルサイズです。小さくしておいた画像の方が、ファイルサイズも小さくなります。ポートフォリオの方はもう3年半続いており、ディスク容量も半分以上使っている状態になっています。いう状態になると、画像サイズは、大きい必要がない場合は可能な限り小さい方が良いです。ディスク容量の問題だけでなく、ブログに掲載する画像というのは何かと大きさが気になったりします。今回は、その画像サイズの調整方法をご紹介したいと思います。画像サイズの調整ですが、基本的にはソフトを使って行います。画像を加工するソフトは本当にたくさんあって、別に何でも良いと思います。Windowsパソコンの「ツール」の中に入っているペイントでも良いと思いますし。私の場合は、昔からPictBearというフリーソフトを使っています。今回は、このPictBearを使った画像サイズの調整方法をご紹介したいと思います。PictBearはこちらから無料でダウンロードできます。PictBear★画像サイズの調整方法★<手順1>加工したい画像を用意する。パソコン画面に表示されている画像を加工したい場合は、Alt+PrtScキーを押下して画面のキャプチャを取得する。<手順2>PictBearを起動する。<手順3>加工したい画像を開く。キャプチャした画像を貼りつける。<手順4>イメージ⇒イメージサイズの変更をクリックする。<手順5>表示される子画面で、縦横比を固定にチェックが入っているのを確認した上で、幅の欄に自分が設定したい画像サイズの横幅を記入する。※これによって、画像の縦サイズは、横サイズに合わせて調整されます。<手順6>画像サイズの調整が終わったら、ファイル⇒名前を付けて保存をクリックし、適当な名前をつけてjpg形式で保存する。上記は、あくまでも画像サイズ調整の一例になります。他にも画像加工ソフトはたくさんありますし、ファイル形式もjpgにこだわる必要はありません。画像サイズの調整が自由にできる方は、どうぞご自分のやりやすい方法で実施して下さい。画像サイズの調整方法をご存知ない方には、私がやっている方法ということでお伝えしておきます。PictBearについてはこちらの本が大変参考になります。詳しい使い方を知りたい方は、こちらをご覧下さい。[必須入力]※画像の中の文字を半角で入力してください。※ブログオーナーが承認したコメントのみ表示されます。Seesaaブログ×この広告は180日以上新しい記事の投稿がないブログに表示されております。