2019年 04月 20日
画像の拡大表示（改訂版）
【エキサイトブログをお使いの方へ】
画像を大きく魅せるテクニックをご紹介します。
下の画像をクリックすると縁取りした大きな画像が現れます。
現れた画像をもう一度クリックすると元に戻ります。
まずはクリックして拡大表示の機能を体感してみてください。
① クリック一つで簡単に切り替えできる。
② 画像の切り替えがとても速い。
と感じたと思います。
「右クリック禁止ブログパーツ」という機能を取り入れたものです。
そのテクニックをご紹介しますので、写真を大きく魅せたい方は是非お試しください。
【基本設定】
以下、エキサイトブログの新管理画面で説明します。
① マイブログにログインして［設定］をクリックします。
② 設定画面が開いたら［基本設定］タブを開きます。
③下へ スクロールすると「画像の拡大表示」の項目があります。
［ポップアップ］を選択し、
【ブログパーツの追加】
ブログパーツとは、ブログのサイドバー（ブログの空きスペース）に掲載するパーツ（部品）のことです。
縁取り画像を表示させるためのパーツを追加します。
④ 設定画面に戻りましたら、設定項目の［ブログパーツ］をクリックします。
⑤ ブログパーツの画面が出ます。この画面でブログパーツを追加しますが、まずは［対応ブログパーツ一覧］をクリックします。
⑥ ブログパーツのページが表示されます。
スクロールし、対応ブログパーツ一覧にある［右クリック禁止ブログパーツ］をクリックします。
このパーツは画像の右クリックを禁止するものですが、縁取りの画像を表示するものでもあります。
⑦ 右クリック禁止ブログパーツに関するエキサイトのページが表示されます。
スクロールすると、ブログパーツソースが出てきますので、正しいソース欄のコードをドラッグして選択し、右クリックでコピーします。
⑧ 再度ブログパーツ追加の画面を出します。入力欄に先ほどコピーしたソースコードを右クリックで貼り付けます。
コードが貼り付いたら［登録］をクリックします。
⑨ ブログパーツが追加されたのを確認して[適用]をクリックします。
⑩ 再度基本設定画面を出し、［メニューの並べ替え］タブをクリックして開きます。
［ブログパーツ］にチェックを入れて［適用］をクリックして終了します。
⑪ マイブログを開いて確認します。
サイドバーに「ブログパーツ」が表示されています。本文の画像を右クリックしてみます。
右クリックが無効になっています。次に本文の画像をクリック（左クリック）してみます。
⑫縁取りされた画像が表示されれば設定は成功です。
ここで重要なポイントがあります。
縁取り画像はアップロードされた画像と同じサイズで表示されます。
縁取り画像の大きさが変わらないときは次の手順をお試しください。
【大きな画像をアップロードするには】
エキサイトブログではファイルサイズが500KBを超えると自動的に既定の大きさに縮小されてしまいます。
上の小さい方の画像がその例です。画像の長手方向が既定値（520ピクセル）に縮小されています。
画像サイズを大きくするとファイルサイズも大きくなりますので、画像サイズとファイルサイズを調整できる加工ソフトが必要です。
「縮小専用」「PhotoScape」などいろいろありますが、ここでは「PhotoScape」を使って説明します。
① PhotoScapeを起動します。
［画像編集］をクリックします。
② 画像編集画面が開きます。加工する写真が保存されているフォルダーをクリックすると、下に写真が表示されます。
加工する写真を探してクリックします。
③ 写真の画像が表示されます。
画像サイズ、ファイルサイズが表示されています。デジカメの画像はとても大きいことが分かります。
④拡大表示するサイズになるよう加工します。
［リサイズ］ボタンの▼をクリックするとサイズ候補が出て来ますので、［高さの調整］をクリックします。
⑤ 高さ（ピクセル）欄に［600］と入力して［OK］をクリックします。
⑥ 横900ピクセルX縦600ピクセルの画像が出来ました。OKであれば［保存］をクリックします。
注：ファイルサイズ欄はまだ元のままです。ここでは無視します。
⑦ 保存の画面が出ましたら、［JPEG品質］にチェックを入れてファイルサイズを確認します。
500KBを超えている場合は、レバーを左にドラッグして500KB以下になるように調整します。
500KB以下になったら［名前を付けて保存］をクリックします。
⑧ 保存先、ファイル名を決めて［保存］をクリックします。
⑨ 画像サイズ、ファイルサイズを確認して終了します。
【参考】
拡大画像の大きさはパソコンの画面の大きさを考慮して決めてください。
ノートパソコンの画面は次の３つが主流です。
横1024ピクセル×縦768ピクセル
横1366ピクセル×縦768ピクセル
横1920ピクセル×縦1080ピクセル（最新のモデル）
拡大画像は横1000ピクセル、縦は600～700ピクセルにするとどのタイプでも画面に収まって、見易いでしょう。
画像を大きく魅せるテクニックをご紹介します。
下の画像をクリックすると縁取りした大きな画像が現れます。
現れた画像をもう一度クリックすると元に戻ります。
まずはクリックして拡大表示の機能を体感してみてください。
① クリック一つで簡単に切り替えできる。
② 画像の切り替えがとても速い。
と感じたと思います。
「右クリック禁止ブログパーツ」という機能を取り入れたものです。
そのテクニックをご紹介しますので、写真を大きく魅せたい方は是非お試しください。
【基本設定】
以下、エキサイトブログの新管理画面で説明します。
① マイブログにログインして［設定］をクリックします。
② 設定画面が開いたら［基本設定］タブを開きます。
③下へ スクロールすると「画像の拡大表示」の項目があります。
［ポップアップ］を選択し、
【ブログパーツの追加】
ブログパーツとは、ブログのサイドバー（ブログの空きスペース）に掲載するパーツ（部品）のことです。
縁取り画像を表示させるためのパーツを追加します。
④ 設定画面に戻りましたら、設定項目の［ブログパーツ］をクリックします。
⑤ ブログパーツの画面が出ます。この画面でブログパーツを追加しますが、まずは［対応ブログパーツ一覧］をクリックします。
⑥ ブログパーツのページが表示されます。
スクロールし、対応ブログパーツ一覧にある［右クリック禁止ブログパーツ］をクリックします。
このパーツは画像の右クリックを禁止するものですが、縁取りの画像を表示するものでもあります。
⑦ 右クリック禁止ブログパーツに関するエキサイトのページが表示されます。
スクロールすると、ブログパーツソースが出てきますので、正しいソース欄のコードをドラッグして選択し、右クリックでコピーします。
⑧ 再度ブログパーツ追加の画面を出します。入力欄に先ほどコピーしたソースコードを右クリックで貼り付けます。
コードが貼り付いたら［登録］をクリックします。
⑨ ブログパーツが追加されたのを確認して[適用]をクリックします。
⑩ 再度基本設定画面を出し、［メニューの並べ替え］タブをクリックして開きます。
［ブログパーツ］にチェックを入れて［適用］をクリックして終了します。
⑪ マイブログを開いて確認します。
サイドバーに「ブログパーツ」が表示されています。本文の画像を右クリックしてみます。
右クリックが無効になっています。次に本文の画像をクリック（左クリック）してみます。
⑫縁取りされた画像が表示されれば設定は成功です。
ここで重要なポイントがあります。
縁取り画像はアップロードされた画像と同じサイズで表示されます。
縁取り画像の大きさが変わらないときは次の手順をお試しください。
【大きな画像をアップロードするには】
エキサイトブログではファイルサイズが500KBを超えると自動的に既定の大きさに縮小されてしまいます。
上の小さい方の画像がその例です。画像の長手方向が既定値（520ピクセル）に縮小されています。
画像サイズを大きくするとファイルサイズも大きくなりますので、画像サイズとファイルサイズを調整できる加工ソフトが必要です。
「縮小専用」「PhotoScape」などいろいろありますが、ここでは「PhotoScape」を使って説明します。
① PhotoScapeを起動します。
［画像編集］をクリックします。
② 画像編集画面が開きます。加工する写真が保存されているフォルダーをクリックすると、下に写真が表示されます。
加工する写真を探してクリックします。
③ 写真の画像が表示されます。
画像サイズ、ファイルサイズが表示されています。デジカメの画像はとても大きいことが分かります。
④拡大表示するサイズになるよう加工します。
［リサイズ］ボタンの▼をクリックするとサイズ候補が出て来ますので、［高さの調整］をクリックします。
⑤ 高さ（ピクセル）欄に［600］と入力して［OK］をクリックします。
⑥ 横900ピクセルX縦600ピクセルの画像が出来ました。OKであれば［保存］をクリックします。
注：ファイルサイズ欄はまだ元のままです。ここでは無視します。
⑦ 保存の画面が出ましたら、［JPEG品質］にチェックを入れてファイルサイズを確認します。
500KBを超えている場合は、レバーを左にドラッグして500KB以下になるように調整します。
500KB以下になったら［名前を付けて保存］をクリックします。
⑧ 保存先、ファイル名を決めて［保存］をクリックします。
⑨ 画像サイズ、ファイルサイズを確認して終了します。
【参考】
拡大画像の大きさはパソコンの画面の大きさを考慮して決めてください。
ノートパソコンの画面は次の３つが主流です。
横1024ピクセル×縦768ピクセル
横1366ピクセル×縦768ピクセル
横1920ピクセル×縦1080ピクセル（最新のモデル）
拡大画像は横1000ピクセル、縦は600～700ピクセルにするとどのタイプでも画面に収まって、見易いでしょう。
# by PC-otasukeman | 2019-04-20 12:16 | Comments(3)
by 