【ブログ小技メモ】NO.1 画像のリサイズ

◆ブログの編集◆

 カスタムテンプレートに取り組んでから、２週間が過ぎました。
この間は、無我夢中で、老化した脳のトレーニングになりました。

いつも初心者に判り易い解説記事を掲載されている、 「浮草さん」のブログ、
「黎明彩香_Blog」の新カテゴリー「オリジナルテンプレートに挑戦」の解説記事を
熟読しながら試行錯誤を繰り返しました。

この間に、超初心者の花おじが苦労した点や、解決への経験などを、
自分自身のためにもメモとして残したいと思いました。
そこで、恥ずかしながら花おじの【ブログ小技メモ】としてカテゴリーを新設しました。
記憶に浮かぶままに、書き並べますが、そのうちに整理しなおそうとも思っています。

【ブログ小技メモ】＜NO.1＞　画像のリサイズ
ブログトップに画像を載せる方法が解ってから、適当な画像を捜しました。
ＰＣの画面いっぱいに表示させると、画像の横サイズは１０２０ｐｘになります。
普段のブログ記事に掲載するには、この半分以下ですから、
なかなかデジカメの素材もありませんでした。

やっと、横８００ｐｘの「ムスカリの花」（現在タイトル部に使用中）がありました。
とりあえず、これを【ＪＴrim】で高さ１２５ｐｘに切り取って使用しました。
しかし、これでは画面の右側で画像が無くなってしまいます。

  解決法　その１：　カスタムＣＳＳの画像を繰り返す。（background-repeat）
　　　　　　　　　　　　　しかし、これでは画像の継ぎ目が目立ってしまいます。

　解決法　その２： 【ＪＴrim】にも「リサイズ」機能がありました。
　「リサイズ」といえば、高画質デジカメで撮った大きなサイズの画像を、メールや
　ブログ用に、小さなサイズに変更するものです（・・と思っていました）

　しかし、　「なんとかサイズを大きくすることは出来ないかな？」

そこで、実験です。　【ＪＴrim】の「イメージ」→「リサイズ」から、
「サイズで指定する」に横：１０２０と入力したところ、
             画面がピッタリ横１０２０ｐｘに拡大出来ました。
これで、横幅の足りなかった「ムスカリ」の画像が、タイトル画面にふさわしい
ピッタリサイズになりました。
拡大ですから、少々の画質劣化はありましたが、カスタム修行中の身には助かりました。

 リサイズとは、縮小だけではなく、
　　　　　　　　　　　 拡大も出来るのでした！　
                           　　　 （当然でしたか・・）

次回も、こんなお恥ずかしい初心者の発見を書き残したいと思っています。
*****************************************************************
　　トップへ戻る

<script type="text/javascript" src="http://www.research-artisan.com/userjs/?h=0&user_id=20061221000911622"></script><noscript>

</noscript>