①画像がどのように見えるかチェック

最近のデジカメやスマホカメラでも画素数が高くなっています。iphoneのローエンドモデルSEの場合でも、最大解像度が幅3,024×高さ4,032px（縦型撮影）です。データ量も5メガバイトを超えます。解像度が高いと綺麗に見えますが、表示（読み込み）に時間がかかります。（このページもAとBの表示に時間がかかる）インターネットの速度も100メガから１ギガなど高速になってきてはいますが、全てのユーザーがその環境でもありません。表示速度が速く綺麗に見える画像がどのぐらいのものか確認し、適度なものを準備することが必要です。

②画像編集ソフトの活用

無料で利用できるレタッチソフトの「Jtrim」（ジェイトリム）をご紹介します。少々古いソフトで、レタッチソフトとしては機能も少ないのですが、その分軽快に動くソフトです。フォトショップや無料で使えるレタッチソフトで私の使っているGIMPなどは起動に時間もかかりますが、Jtrimは直に起動し利用できます。画像サイズが簡単にピクセル単位でも変更ができ、トリミングや簡単な文字入れ、透過色設定、モザイク処理など、ホームページ製作用に必要な最小減の機能は備わっています。

下図が、Jtrimのメニューです。何ができるか大体ご想像いただけると思います。特に〇部分私が頻繁に利用している機能です。

Jtrimは、ダウンロードサイトの「窓の杜」や「ベクター」からもダウンロードできます。最新版が2007年バージョン1.53です。

ちょっとした説明は、私の別サイトPSWにあります。ネット上にも動画を含めて利用情報サイトは色々あります。

連結

連結は、編集中の画像の上下左右に別の画像を追加する機能です。「編集」メニューの「連結」を開くと、下図の連結ウィンドが出ます。連結する画像ファイルの右赤丸部分をクリックして、連結する画像を選択（ご自身のPCの何処かのドライブ内のファイルを指定して開く）し、連結方向で上下左右を選択します。最後に、画像間に挿入するスペース（画像間の空き）を調整します。上側に挿入したもにが下右図です。

余白作成で枠線を入れる。

余白作成を使って、上下左右同じ値（上下左右を個別に指定するのチェックを外す）にすれば、枠線を入れることができます。２～5pxぐらいが適当です。余白の色を変えることで枠線色を設定できます。

③オフィスソフトの活用

Googleサイトの編集作業でのデメリット部分を補う工夫についての説明です。

Jtrimの文字入れと枠線以上に、画像内で説明を付け加える場合には、オフィスソフトの活用をお勧めします。

パワーポインやワード等のオフィスソフトを活用する方法です。このページを編集する際も画面のハードコピー（スクリーンショット）を活用することが結構あります。次の図を参考にみていただくと、スクリーンショットをそのまま貼り付けると白い背景（左端図）だと周囲がわからなくなります。図形に枠をつけるのは、オフィスソフトの場合は図の書式設定で簡単にできます。（図の枠線を設定＝2番目中図）そして、図に〇や説明を付加するのも図形挿入しテキストを追加で可能です。注意点は、挿入したままだと追加したものと画像は別々のものです。コピーするとバラバラになります。挿入後、重ねた図をグループ化しておきます。グループ化することで一つの図形となり、コピペ貼り付けができます。（3番目右端図）

このように、図形をオフィスソフトで準備しておく（Googleサイト編集用のオフィスソフトのファイル）と便利です。わたし自身もWEBサイト毎のパワーポイントファイルを準備しています。