個々の物件に対する”写真”、”間取図”などは、総称して「画像ファイル」といいます。●ホームページに適した画像ファイルとは…
ホームページでは、JPEG形式ファイル、GIF形式ファイルを使用します。
ファイル容量が大き過ぎると、表示が遅くなり、サーバー容量も余分に消費してしまいます。ホームページには、適切なファイル容量の画像を使用しなければなりません。
- 写真/デジタルカメラの高画質での撮影は、画像サイズ・ファイル容量が大きすぎるためホームページ用には適しません。
ホームページ用に画像サイズ及びファイル容量を小さくした画像を新たに用意する必要があります。- 間取図/紙媒体をスキャナで読み込む、又は間取り図作成ソフト等を使用するなどして、JPEG形式ファイル (またはGIF形式ファイル)で保存します。
■このホームページでの推奨画像ファイル形式・サイズ
物件詳細用 画像(1)〜 画像(18) |
検索結果用 (縮小画像) |
|
ファイル名 (物件ナンバー********と連動の場合) |
********_1 〜 ********_18 | ********_small |
縦横サイズ(推奨値) | 640×640ピクセル 以内 |
120×120ピクセル 以内 |
原寸サンプル 横縦比 4:3の場合 |
640×480ピクセル |
120×90ピクセル |
掲載可能なファイル形式 | JPEG形式ファイル(.jpg .JPG .JPEG)・GIF形式ファイル(.gif .GIF) | 同左 |
ファイル容量 | 70kB以下 | - |
以下、順を追ってご説明します。
画像ファイルの容量を圧縮することで、画質を損なわずに画像を速く表示することができます。
【1】画像変換ソフトをダウンロード
最も簡単にホームページ用の画像ファイルを作るには、専用のフリー(無料)ソフトが便利です。以下のリンク先からダウンロード可能です。
※上記以外のソフトや方法で変更されてもかまいません。
- 縮小専用。 …複数の画像ファイルを簡単に一括で綺麗に縮小 ファイルサイズ指定で保存OK!
- チビすな!! …デジカメで撮影した画像を一発で縮小できる画像変換ソフト
- Easyサムネイル …簡単な操作で画像フォーマット、画像サイズ、色数の変換が行える
【2】画像変換ソフトの初期設定
縮小専用。の場合の初期設定解説
- ダウンロードしてソフトをインストールし、縮小専用。のアイコンをクリックします。
- ピクセルサイズで、任意のサイズとして120×120を設定します。(検索結果用サムネイルの作成用 )
- オプションの”ファイルサイズを指定”をクリックし、数字を69(KByte)以下に設定します。
(※小さいほうが画質は劣化しますが画像の読込みは速くなります。設定数字を変えてお試しください。)- 変換後、ファイル名の後に「_small」をつけて保存とします。
- Exitボタンを押して設定を記憶させます。
【1】物件詳細画面用の画像作成
- ピクセルサイズで、640×640を選択します。
- 変換後の”フォルダを作ってその中に保存”を選択します。(フォルダ名は任意で可。本例では”Resized”としています)
- ”ファイルサイズを指定[69]kByte”が選択されていることを確認します。
- 縮小したい画像ファイルを、縮小専用。のアイコンまたは指定の場所にドラッグ&ドロップします。
- 指定したフォルダ内に縮小された画像ファイルが新たに保存されます。
【2】検索結果用のサムネイル(縮小画像)作成
- ピクセルサイズで、120×120を選択します。
- 変換後の”ファイル名の後に「_small」をつけて保存”を選択します。
- 前項の「掲載画像の作成」で設定したフォルダ(本例ではResized)を開き、検索結果用に縮小したい画像ファイルを、縮小専用。のアイコンまたは指定の場所にドラッグ&ドロップします。
- ファイル名の後に「_small」がついた縮小された画像ファイルが元画像と同じフォルダ内に新たに保存されます。
- 不明な点はソフトのヘルプを参照してください。
- 縮小専用。はJPEG形式ファイル専用です。他の形式の画像ファイルを縮小したい場合は「チビすな!!」か「Easyサムネイル」を使用してください。
【A】 物件ナンバーと連動した画像ファイルをアップして、その画像を表示する場合
- 物件詳細ページ用画像ファイル、及び一覧帯用サムネイル(縮小画像)を掲載するには、下記の要領で操作してください。
- オプションで印刷機能をつけられた場合は先にこちらをご覧下さい。→物件概要書の画像の表示位置対応について
1 | 物件管理画面を開きます | ||||||
2 | 画像ファイルをサーバーにアップロードします
|
||||||
3 | 終了します
|
【B】 すでにサーバーにアップロードしてある画像ファイルを表示する場合
1 | 物件画像一覧から画像を選びます
|
2 | ファイル名を転記します
|
3 | 確認方法
|
4 | 終了します
|