フォローする

挿入画像のサイズ変更方法

今回は、「サイトに挿入した画像のサイズを変更する方法」をご紹介致します。

まず前提として、Goodsieで画像を挿入した場合、

サイトにアップロードした画像と同じサイズで画像が表示されます。

小さいサイズの画像をアップロードし、

Goodsie(グッジー)のデザイン画面上で、

画像サイズの調整によって拡大して表示することもできますが、画質が劣化する場合もあるため、

「挿入したいサイズと同じサイズの画像」もしくは、「挿入したいサイズよりも大きいサイズの画像」

のいずれかをアップロードして頂くことを推奨しています。

では、これを踏まえて以下のスクリーンショットをご覧ください。

例として、赤枠の画像挿入エリアの中に、画像を挿入し、サイズを調整してみましょう。

画像は、サイトにアップロードした画像と同じサイズでで表示されます。

例)800×400ピクセルの画像を挿入⇒800×400ピクセルのサイズで表示

goodsieでは、横幅が940ピクセルに指定されているテンプレートが多いので、もしそのテンプレートに940ピクセルを超える画像を挿入した場合、940ピクセルにサイズの横、縦の比率を調整して、挿入されます。 
(設定されている940ピクセルの横幅は、変更が可能です。後述致します。)

 

以下スクリーンショットが実際に画像を挿入した場合の画面です。

この挿入した画像の元サイズ(アップロード時)は、横幅が1300ピクセルなので、テンプレート設定幅の940ピクセルに合わせて比率が縮小調整され表示されています。

では、ここから実際にサイズの変更をしていきましょう。

アップロードした画像の元サイズよりも縮小表示させるための方法を、以下、ステップ毎にご説明致します。

1.デザインパネル内「デザイン」タグを選択。

2.上記の状態で挿入画像をクリックし、「イメージ[ファイル]」を選択した状態にする。

3.デザインパネル内「サイズ」の項目より画像サイズの調整を行います。

4.「幅」を選択し、画像の横幅のサイズを調整します。

「最大幅」、「最小幅」を選択すると挿入画像の最大、最小幅を設定できます。

※「最大幅」で設定した場合は、「幅」の項目と違い、Goodsieのテンプレートとして設定されているこの横幅940ピクセルを超えて、サイズを拡大することが可能です。

「高さ」、「最大高さ」、「最小高さ」については、上記の項目と同様に「高さ」の設定するものです。

 

《備考》テンプレートの横幅設定(940ピクセル)の変更

1.デザインパネル内「レイアウトタグ」より、登録されている「main」というレイアウトを選択。

.行の設定幅(940ピクセル)を、行の脇のボタンを押して変更。

以上のステップを通してレイアウトで横幅を変更した場合は、レイアウトで設定変更した幅で画像が挿入されます。

以上、挿入画像のサイズの変更方法についてご紹介致しました。

是非、サイト制作をする上でご活用ください。

 

 

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください

コメント

Powered by Zendesk