| 適正なサイズで画像を加工してページに貼り付ける方法 | ||
| なぜ、小さく表示されてしまうのか? これは、ブラウザが画像全てを表示しようとして自動的に小さくしているのです。 現在の画像は大きすぎるのです。調べてみましたら、一見分からない のですが、下の部分に白紙の部分、余白のような物があって サイズが大きくなっているのです。 下図の点線で囲まれている大きさが、実際の大きさになっているのです。 下の部分は白なので、バックの白と同化してしまい見えませんが とても大きな画像として、認識されてしまいます。 それを、ウエッブアートデザイナーを使って切り取りを行い 適正なサイズに変更します。 |
||
![]() |
||
| 必要な部分だけ切り取り、下図のようなサイズに加工します。 | ||
![]() |
||
| ウエッブアートデザイナーを立ち上げます。↓(ホームページビルダー編集画面の最上段、ツールメニューの中にあります。) そこへ、現在の画像を展開します。 左側のフォルダ確認画面から、ドラッグアンドドロップで画像を展開することが出来ます。 |
||
![]() |
||
| 展開しましたら、下記画像↓赤丸の中の切り取りツールを選択します。 ↑上の画面と比べてください。はさみのマークの横にある小さな下向き三角で4つのパターンが選択できるようになります。 |
||
![]() |
||
| 縦に5つ並んでいるはさみの上から2番目の四角形で切り抜きを左クリックで選択します。↓ | ||
![]() |
||
| 四角形で切り抜きを選択すると、マウスカーソルの矢印が+に変わります。 選択したい部分をドラッグするように選択してみてください。 選択し終わったらマウスを押している指を離します。すると、下図のように選択された部分が選択線で囲まれます。 わかりにくいのですが、上の図と違って切り取りの選択線は角や中央にある四角が白抜きです。 |
||
![]() |
||
| 切り抜きたい部分を選択したら下図赤丸の部分、「切り抜き」とあるボタンを押します。 | ||
![]() |
||
| 切り抜きされたら、覚えやすいファイル名で保存します。 | ||
![]() |
||
| 切り抜いた画像のサイズを微調整するには切り抜いた画像の上で右クリックをします。 すると下図のようなウインドウが開きますので、一番上の「オブジェクトの編集を左クリックします。 |
||
![]() |
||
| 下図の様なウインドウが開きますので、幅と高さを設定することが出来ます。 切り抜き作業の時に、目視で適当に切り抜いても数値でサイズを調整できますので 幅だけでも同じサイズに設定しておけば、見た目が整っていてなおかつレイアウトのし易い物となります。 |
||
![]() |
||
| Back To Top | ||