![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
A 回答 (5件)
- 最新から表示
- 回答順に表示
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_10.png?5a7ff87)
No.5
- 回答日時:
ホームページビルダーに付属しているウエブアートデザイナーを起動し,必要な画像を読み込んで,編集してください。
ただし,編集後のファイル名は,別のものにしませんと,上書き保存されてしまいますので,注意してくださいね。
1.
ウエブアートデザイナーを起動します。
2.
編集したい画像ファイルを読み込みます。
3.
読み込んだ画像を「ダブルクリック」します。
4.
「オブジェクトの編集」ダイアログボックスがでますので,「縦横比保存」にチェックが入っていることを確認します。もし,入っていない場合は,クリックしてチェックを入れてください。
5.
「幅」,または,「高さ」を希望する大きさの数値を入力してください。
このとき,「幅」を変更した場合は「高さ」の入力欄を,また,「高さ」を変更した場合は「幅」の入力欄をクリックしますと,それぞれが自動的に変更され,かつ,バックの画像の大きさも変更されます。
6.
望みどおりの大きさになりましたら,ダイアログボックスの「×」ボタンをクリックして,ダイアログボックスを閉じます。
保存方法
7.
メニューバーの「ファイル」>「web用保存ウィザード」の順でクリックするか,または,「フロッピーディスクに地球」(web用保存ウィザード)ボタンをクリックします。
8.
「web用保存ウィザード」ダイアログボックスの真ん中に,保存したい画像があることを確認してください。もし,なければ,「指定」ボタンをクリックして,「オブジェクトごとに表示」ラジオボタンをクリックしてから,保存する画像を選択し,「OK」ボタンをクリックします。
9.
「次へ」ボタンをクリックします。
10.
保存する画像形式を選択して,「次へ」ボタンをクリックします。初めての場合は,画像形式についての説明を一読することをお薦めします。
11.
それぞれの画像形式の設定をする画面が出ますが,ほとんどの場合,そのまま「次へ」ボタンをクリックしてください。ただし,「JPEG」を選択した場合,そのままでは,画質が荒れるおそれがありますので,必要があると感じましたら,「画質」のスライドバーを「高品質」側へと移動して,画質を確保するようにしてください。もちろん,必要がなければ,そのままで結構です。
12.
ホームページビルダーで編集中のページに貼り付ける場合は「ホームページビルダーに貼り付け」のラジオボタンを,ページに貼り付けない場合は「ファイルに保存」のラジオボタンをクリックして,「完了」ボタンをクリックします。なお,「ファイルに保存」を選択した場合,保存ダイアログボックスが出ますので,ファイル名を新たにつけて,保存してください。また,「ホームページビルダーに貼り付け」を選択した場合,貼り付けたページを保存する際に,その画像のファイル名をつけることになります。
ホームページビルダー付属のウエブアートデザイナー以外のレタッチソフトやペイントソフトなどでも,同様のことが可能ですので,そちらを使用しても構わないと思います。
ホームページビルダーを使って,ページの表示サイズを変更するやり方もありますが,この方法は,画像が表示されるまでの時間が長くかかりますので,あまり,お薦め出来る方法ではありません。
しかし,ページの中でどのように表示されるかを確認しながら,編集が行えますので,最初は,ページ内表示サイズを変更しながら,様子を見て,サイズが決定したから,画像の面積サイズを変更すると良いと思います。
お礼が遅れて申し訳ありません。
なにぶん、初心者なもので助かりました。
分かりやすい、ご丁寧なアドバイスをありがとうございました。
皆様、ご丁寧なアドバイスで、どの方にポイントをつけさせてもらえばよいか判断しかねますので、今回は
無しとさせていただき失礼します。
No.4
- 回答日時:
web用の画像解像度は72dpiまで落とすのが適切だと思います。
ページに貼り込む時はwidthとheightでサイズを変えられますが、本来の大きさと違う数値を入れると、たとえ小さく表示されても画質は本来より劣化して見えるのにファイルサイズばかり大きいという結果になってしまいます。
webの場合は見た目の大きさよりファイルサイズのほうが重要になってきますので…タグで大きさを調整するやり方はおすすめ出来ません。
(フリー素材サイトさんの規約などにも、特に綺麗系の画質を重要視するサイトさんでは、大きさを画像ソフトで加工するのはOK、タグで大きさを変えるのはNGという所が結構あると思います)
思い通りのサイズに予め加工したファイルを使うようにしましょう。
JPEG画像の場合は圧縮率を変えることによってかなりファイルサイズが縮小できます。
また写真の無駄な余白などを切り取ってトリミングを行うと、構図も整えられてサイズも軽くなります。
これらの加工にはPhotoshopのようなフォトレタッチソフト、グラフィックソフトを使ったり、参考URLのページにあるような縮小専用のソフトを使うと便利で綺麗に出来ます。
圧縮の出来はソフトの性能に結構左右されますので、いくつか試して最も気にいったものをお使いになるのがいいと思います。
具体的な方法は各ソフトのHELPなどご覧ください。
(Photoshopで言えば解像度変更→ピクセル数値変更→web用に保存(この時圧縮率決定)という手順になります)
縮小、圧縮して保存したファイルは元に戻せませんので、バックアップはとっておくようにしてください。
参考URL:http://hulatt.hp.infoseek.co.jp/Resize.html
お礼が遅れて申し訳ありません。
なにぶん、初心者なもので助かりました。
分かりやすい、ご丁寧なアドバイスをありがとうございました。
No.3
- 回答日時:
HPの画像が無茶苦茶大きくなってしまった理由は、普通のデジカメ画像の解像度はとても高い(緻密な画像)からです。
HPに持ち込む時は下の手順を踏む前に画質をぐっと落としてください。その方があなたのHPの表示が速くなって訪問者がハッピーになります。その後でサイズを変更するのですが、それにはソースを編集する方法もあります。
画像にはご自分で名前をつけましたよね。それを仮に「flower」だったとします。
ビルダーの画面左上の「HTMLソース」タブをクリックします。
そしてソースの中にあるその画像の記述を探します。
<IMG src="image/flower.jpg" width="1000" height="600" border="0">
ありました、flower.jpgです。画像名は赤文字になっているので探しやすいです。
その後ろの width="1000" height="600"は
flowerと名付けた画像の幅が1000ピクセル、高さは600ピクセルだと言うことです。
これでは大きすぎるのでその数字の部分を例えば幅を250、高さを150などと書き換えて
やります。あ、ソースに書き込むときは半角文字を使ってくださいね。
「プレビュー」タブを押して結果を見ます。悪ければ数字を書き直します。
幅と高さは比率を同じにしないと歪んだ画像になります。
比率を適正にする簡略法もあって、
<IMG src="image/flower.jpg" width="215" border="0">
などのように幅だけ書き込んで高さの記述を削除してやります。これでもOKです。
このようにソース編集を覚えると色々と便利で、ソフトの持つ弱点が解って
それを上手に避けて良い所だけを利用出来るようになります。
それも全てを手書きという訳でなくコピペを多用すればHPビルダーの機能に
頼り切って作成するより書き込みも早くなります。
お礼が遅れて申し訳ありません。
なにぶん、初心者なもので助かりました。
分かりやすい、ご丁寧なアドバイスをありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(パソコン・スマホ・電化製品) windows 2000のスロットにGPIBカードを装着できますか。 1 2022/09/10 21:47
- Word(ワード) 写真3枚をA4に貼り付けたい 5 2023/07/03 14:36
- その他(音楽・ダンス・舞台芸能) 猫が亡くなりました。 写真や動画を繋げて猫ちゃんへのお礼のビデオを作りたいのですが、挿入曲はなにがい 4 2023/05/08 23:01
- 写真 何故デジカメで撮らないのでしょうか 9 2023/08/11 19:28
- その他(パソコン・スマホ・電化製品) 圧縮ファイル解像について 7 2023/07/31 08:42
- デスクトップパソコン ホームページビルダー15 1 2023/05/30 12:30
- Word(ワード) スマホWord使用法 1 2023/01/06 18:10
- プリンタ・スキャナー ブラザー(メーカー名)のプリンターを使ってるんですがデジカメ写真を日付印刷すると、最近3月、4月に撮 3 2022/04/03 17:27
- デジタルカメラ 撮った写真がCD-Rに記録されていません 2 2022/09/12 00:31
- 写真 CDのデータが読み取り不可能になりました 7 2023/06/27 14:11
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
2136×2848の画像を50...
-
HPに画像をアップすると粗く...
-
HPビルダーで写真を挿入すると
-
蔵衛門2006プロを購入して以来...
-
jpegの画像を縮小したい
-
イラレで作成したものをGIFに変...
-
携帯HPに画像をUPすると、...
-
質を落とさず画像サイズをもっ...
-
discordで画像保存できない
-
JPG画像のURLを得る方法に関して
-
WORD2010でチラシを作っていま...
-
エクセルで、特定の画像へリン...
-
既存画像(gif または png)の背...
-
自作アイコンの背景が透明にな...
-
画像生成AIで作成したTシャツを...
-
画像の横に文字を書く方法
-
JW CAD の 挿入した画像への...
-
黒文字のロゴを白抜きで使いた...
-
ホームページビルダー8のボタ...
-
htmlで作成したものをメールに...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
2136×2848の画像を50...
-
JPEGの容量の大きい画像の...
-
HPに画像をアップすると粗く...
-
写真の縮小(%指定かKB指定)...
-
CDジャケット作成時の画像サイズ
-
web制作 画像がぼやける
-
縮小した画像を綺麗に保存する...
-
Illustratorで最小ファイルサイ...
-
教えてgooってなんで、写真乗っ...
-
DWからFW連携起動でJPGを編集す...
-
ituneのアートワークの画像サイ...
-
Jpegをテレビで見るときのサイズ
-
メールに画像挿入でサイズを知...
-
イラストレータに配置する画像...
-
画像の大きさを指定して保存で...
-
ピントとアンシャープマスクに...
-
JPEG、GIFファイルの更なる圧縮
-
画像サイズや画質を指定して保...
-
・画像写真の貼り付け・・・
-
PowerPointで作った資料を軽く...
おすすめ情報