人気ブログランキング |

画像の拡大表示(改訂版)

【エキサイトブログをお使いの方へ】

画像を大きく魅せるテクニックをご紹介します。

 下の画像をクリックすると縁取りした大きな画像が現れます。
現れた画像をもう一度クリックすると元に戻ります。
まずはクリックして拡大表示の機能を体感してみてください。
d0181824_11025205.jpg
いかがでしたか?
① クリック一つで簡単に切り替えできる。
② 画像の切り替えがとても速い。
と感じたと思います。
「右クリック禁止ブログパーツ」という機能を取り入れたものです。
そのテクニックをご紹介しますので、写真を大きく魅せたい方は是非お試しください。

【基本設定】
以下、エキサイトブログの新管理画面で説明します。
マイブログにログインして[設定]をクリックします。
d0181824_11075071.jpg

設定画面が開いたら[基本設定]タブを開きます。
d0181824_11091582.jpg

下へ スクロールすると「画像の拡大表示」の項目があります。
[ポップアップ]を選択し、
d0181824_11104213.jpg
スクロールして[適用]をクリックします。
d0181824_11123532.jpg

【ブログパーツの追加】
ブログパーツとは、ブログのサイドバー(ブログの空きスペース)に掲載するパーツ(部品)のことです。
縁取り画像を表示させるためのパーツを追加します。
設定画面に戻りましたら、設定項目の[ブログパーツ]をクリックします。
d0181824_11140626.jpg

ブログパーツの画面が出ます。この画面でブログパーツを追加しますが、まずは[対応ブログパーツ一覧]をクリックします。
d0181824_11153407.jpg

ブログパーツのページが表示されます。
スクロールし、対応ブログパーツ一覧にある[右クリック禁止ブログパーツ]をクリックします。
このパーツは画像の右クリックを禁止するものですが、縁取りの画像を表示するものでもあります。
d0181824_11171496.jpg
d0181824_11200589.jpg

右クリック禁止ブログパーツに関するエキサイトのページが表示されます。
d0181824_11235726.jpg

スクロールすると、ブログパーツソースが出てきますので、正しいソース欄のコードをドラッグして選択し、右クリックでコピーします。
d0181824_11243974.jpg

再度ブログパーツ追加の画面を出します。入力欄に先ほどコピーしたソースコードを右クリックで貼り付けます。
d0181824_11272910.jpg

コードが貼り付いたら[登録]をクリックします。
d0181824_11295364.jpg

ブログパーツが追加されたのを確認して[適用]をクリックします。
d0181824_11311321.jpg

再度基本設定画面を出し、[メニューの並べ替え]タブをクリックして開きます。
[ブログパーツ]にチェックを入れて[適用]をクリックして終了します。
d0181824_11345679.jpg
d0181824_11361504.jpg

マイブログを開いて確認します。
サイドバーに「ブログパーツ」が表示されています。本文の画像を右クリックしてみます。
右クリックが無効になっています。次に本文の画像をクリック(左クリック)してみます。
d0181824_11432177.jpg

縁取りされた画像が表示されれば設定は成功です。
d0181824_11450678.jpg

ここで重要なポイントがあります。
縁取り画像はアップロードされた画像と同じサイズで表示されます。
縁取り画像の大きさが変わらないときは次の手順をお試しください。

【大きな画像をアップロードするには】
エキサイトブログではファイルサイズが500KBを超えると自動的に既定の大きさに縮小されてしまいます。
上の小さい方の画像がその例です。画像の長手方向が既定値(520ピクセル)に縮小されています。
画像サイズを大きくするとファイルサイズも大きくなりますので、画像サイズとファイルサイズを調整できる加工ソフトが必要です。
「縮小専用」「PhotoScape」などいろいろありますが、ここでは「PhotoScape」を使って説明します。

PhotoScapeを起動します。
[画像編集]をクリックします。
d0181824_10095743.jpg

画像編集画面が開きます。加工する写真が保存されているフォルダーをクリックすると、下に写真が表示されます。
加工する写真を探してクリックします。
d0181824_10100813.jpg

写真の画像が表示されます。
画像サイズ、ファイルサイズが表示されています。デジカメの画像はとても大きいことが分かります。
d0181824_10211026.jpg

拡大表示するサイズになるよう加工します。
[リサイズ]ボタンの▼をクリックするとサイズ候補が出て来ますので、[高さの調整]をクリックします。
d0181824_10102395.jpg

高さ(ピクセル)欄に[600]と入力して[OK]をクリックします。
d0181824_16574670.jpg

横900ピクセルX縦600ピクセルの画像が出来ました。OKであれば[保存]をクリックします。
:ファイルサイズ欄はまだ元のままです。ここでは無視します。
d0181824_16595179.jpg

保存の画面が出ましたら、[JPEG品質]にチェックを入れてファイルサイズを確認します。
500KBを超えている場合は、レバーを左にドラッグして500KB以下になるように調整します。
d0181824_17012131.jpg

500KB以下になったら[名前を付けて保存]をクリックします。
d0181824_17031794.jpg

保存先、ファイル名を決めて[保存]をクリックします。
d0181824_17054605.jpg

画像サイズ、ファイルサイズを確認して終了します。
d0181824_17071627.jpg

【参考】
拡大画像の大きさはパソコンの画面の大きさを考慮して決めてください。
ノートパソコンの画面は次の3つが主流です。
横1024ピクセル×縦768ピクセル
横1366ピクセル×縦768ピクセル
横1920ピクセル×縦1080ピクセル(最新のモデル)
拡大画像は横1000ピクセル、縦は600~700ピクセルにするとどのタイプでも画面に収まって、見易いでしょう。

# by PC-otasukeman | 2019-04-20 12:16 | Comments(3)

プロフィール画像の変更

【ご相談内容】
エキサイトブログです。
ブログのプロフィール写真を変える方法を教えてください。

【回答】
相談室のブログでは右上のカワセミの写真のことですね。
次の手順をお試しください。
マイブログにログインして[設定]をクリックします。
(全ての画像はクリックすると拡大)
d0181824_12393404.jpg

設定画面が出たら、左メニューの[プロフィール設定]をクリックします。
d0181824_12393983.jpg

プロフィール設定画面が出ます。プロフィール画像の[画像の選択]ボタンをクリックします。
d0181824_12394490.jpg

フォルダー画面が表示されます。写真を選択して[開く]をクリックします。
d0181824_12395075.jpg

画像が変更されたのを確認します。
d0181824_12395629.jpg

設定画面の下にある[設定]ボタンをクリックします。
d0181824_12400523.jpg

ブログを開いて確認して終了です。カワセミの写真に変わりました。
d0181824_12401342.jpg

【ご注意】
画像の形式に注意してください。
写真はトリミングなど予め加工して準備しておくと良いでしょう。
私は画像加工ソフト「PhotoScape」で加工しています。
d0181824_13202413.jpg

【ご相談者さんへ】
クイックアシストをご希望であればお知らせください。

# by PC-otasukeman | 2019-04-19 13:34 | Comments(2)

試し撮り

新しいカメラで試し撮り
画像をクリックして拡大表示でご覧ください。

尾の無いキジ
d0181824_19340870.jpg
d0181824_19325143.jpg

モミジの花
d0181824_19330614.jpg
d0181824_19331380.jpg

採り残されたツクシ
d0181824_19320700.jpg

新緑へ変貌途中の浄源寺
d0181824_19321695.jpg

ミネアサヒの水田に水入る(4月17日朝)
d0181824_19325847.jpg

明日から後期高齢者(75歳)
頑張るぞ!!

# by PC-otasukeman | 2019-04-17 20:08 | Comments(11)

クイック アシストでご指導します

パソコンの困り事を手取り足取りでご指導します。
クイックアシストで私のパソコンとご相談者のパソコンを接続します。
次の条件を満たす方で希望される方はコメントでお知らせください。
パソコンお助けマンを信頼して頂けること。
Windows 10のパソコンであること。
「クイック アシスト」というアプリがインストールされていること。
(バージョン1607から標準搭載されています)
【確認方法】
スタートボタンをクリックするとアプリの一覧が表示されます。Wのところに[Windows アクセサリ]がありますのでこれをクリックします。
d0181824_17091346.jpg

アクセサリの中に[クイック アシスト]があればOKです。
d0181824_17091792.jpg

注:Anniversary Update(バージョン1607)で追加された機能です。見つからない場合はアップデートが必要です。アップデート手順はこちら

エキサイトブログの方は非公開コメントを読める状態にできること。
エキサイトブログ以外の方はEメールアドレスをお知らせ頂けること。

【接続手順】
相談室のコメントあるいはEメールにてご相談の申し込みをして頂きます。
ご相談日時を決めます。
ご相談開始時間までにパソコンを立ち上げ、マイブログにログインまたはEメールの受信準備をし、[クイックアシスト]をクリックして起動します。お助けマンからのコメントまたはメールを待ちます。
d0181824_15231837.jpg

お助けマンから6桁のセキュリティコードを連絡しますので、それを[アシスタントからのコード]欄に入力して[画面の共有]ボタンをクリックします。
注:セキュリティコードの有効は10分です。素早く実行してください。
d0181824_15232411.jpg

接続処理が始まります。暫くじっと待ちます。
d0181824_15232990.jpg

次の画面が出たら[接続]をクリックします。
d0181824_15233415.jpg

お助けマンのパソコンと接続されました。お助けマンのパソコンにもこの画面が表示されます。
d0181824_15264562.jpg

この状態で手取り足取りのご指導をさせて頂きます。
終了するときはクイックアクセスの[X](閉じる)をクリックすれば切断できます。
d0181824_15264562.jpg
d0181824_15265110.jpg

【ご注意】
インターネットの通信速度やパソコンの状態によっては利用困難な場合がありますのでご承知ください。

# by PC-otasukeman | 2019-04-16 12:42 | Comments(3)

これは便利 クイック アシスト

クイックアシスト
元気ばばさんがブログで紹介されていた機能です。
d0181824_14024418.jpg

息子のパソコンが帰ってきたのでクイックアシストで接続してみました。
左が私のパソコン、右が息子のパソコンです。いずれもWindows 10 です。
注:2台は隣同士ですが、インターネットに接続していますので遠く離れても動作は同じです。
d0181824_14221051.jpg
接続前の画面
d0181824_16233791.jpgd0181824_16242382.jpg
接続後の画面
d0181824_14472432.jpgd0181824_14462538.jpg

驚きです。
息子のパソコンの画面が表示され、その画面上でマウスやキーボードを操作をすると息子のパソコンにも反映されるのです。
まさに手取り、足取りのお助け操作ができるのです。
昔、パソコン教室で生徒さんの後ろからアシストしたことを思い出しました。
どんなトラブルも即解決!!
機会があればブロ友さんのパソコンと接続してみたいものです。

機能の詳細はこちらをご覧ください。

# by PC-otasukeman | 2019-04-14 15:44 | Comments(16)

枝垂桜と白木蓮

【岩屋堂散歩道の朝】
鳥原川の枝垂桜も満開です。
d0181824_22003489.jpg
d0181824_21574404.jpg

青い空と老桜、そして白木蓮(ハクモクレン)
d0181824_21573578.jpg
d0181824_21571911.jpg
d0181824_21572470.jpg

今年の桜は長持ちです。

【2年前のハクモクレン】
d0181824_14280680.jpg
d0181824_14281370.jpg

# by PC-otasukeman | 2019-04-09 22:11 | Comments(4)

綺麗です。満開です。

【岩屋堂散歩道の黄色い花】
d0181824_16233643.jpg

【岩屋堂公園の老桜】
d0181824_16303330.jpg
d0181824_16320156.jpg
d0181824_16331737.jpg
d0181824_16343913.jpg
d0181824_16291361.jpg
d0181824_16373699.jpg
d0181824_16405666.jpg
d0181824_16393146.jpg

【三峰温泉にて】
d0181824_16185608.jpg
d0181824_16190521.jpg
d0181824_16191711.jpg


# by PC-otasukeman | 2019-04-08 17:02 | Comments(0)