HTMLでよくGoogleで画像を拾ってくるのですがどの位の大きさがWEBページを作るにあたって丁度いいとかありますか?

HTMLでよくGoogleで画像を拾ってくるのですがどの位の大きさがWEBページを作るにあたって丁度いいとかありますか? 例えばWEBページ全体の背景に使うため画像を拾ってくる場合とか、 WEBページに小さいアクセントとしての大きさで貼りたい場合など。 今までサイズを考えずに拾ってきて後で調節ができなかったりしてました。 あと画像調節には%がいいみたいですが%一択で差し支えないですか?

ベストアンサー

0

>HTMLでよくGoogleで画像を拾ってくるのですが フリー素材でないと著作権法違反になります。 また フリー素材でも著作権を放棄している訳ではないので、著作権表示が必須、編集不可、商用不可と言うことが多々あるので注意して下さい。 >どの位の大きさがWEBページを作るにあたって丁度いいとかありますか? >あと画像調節には%がいいみたいですが%一択で差し支えないですか? 単位はCSSのvwが推奨されます。 物理画面は4K画面(横幅3840px)を想定して下さい、ただし それと画像のファイル・サイズが大きくなって画像の表示が重くなるので、実際は2k画面(横幅2560px)を想定すると良いでしょう。 例えば2k画面で50pxを表示したいとします(2k画面を想定する場合は実物のサイズと等価にします)。 式は下記のようになります、下記ではHD画面(1280px)では25px、2k画面(2560px)では50px、4K画面(3840px)では75pxで表示されます。 50/2560*100=1.953125%(1.953125vw) >今までサイズを考えずに拾ってきて後で調節ができなかったりしてました。 GIMP(フリー画像編集アプリ)で編集すれば良いでしょう(使い方を覚えるのは面倒ですが)。 参考 Webページにおける基本的な注意点 http://ashtarte.pa.land.to/utf8/smt.cgi?r+sara/&bid+00000231&tsn+00000231&bts+2019/08/12%2011%3A02%3A18&

ThanksImg質問者からのお礼コメント

一番重要な著作権を見落としてました。。 フリー素材を使っていきます。 どうもありがとうございました。

お礼日時:10/27 21:08

その他の回答(1件)

0

>どの位の大きさがWEBページを作るにあたって丁度いいとかありますか? それはWEBページによる インデックス(画面の上のタイトル)などであれば 600×400ぐらいでも良いと思うが それ以外の画像は400×300ぐらいで良いと思う まあ、画像の縦横サイズよりも、ファイルサイズを重視した方がいい 画像1枚がMB(メガバイト)の領域に入ったら もうそのWEBサイトは駄目 前にWEBサイトを(完全に)開くのに1時間ぐらい待たされるサイトがあった 完全に開き終わってサイズを調べたら 10MBの写真が数百枚・数千枚も一度に貼られており 200MBの動画も大量に貼られているアホみたいなサイトがあった 1ページが150GBとかなので、まともに開かない だからそのWEBページを構成する写真が 1枚、MB(メガバイト)の領域にならないように作ることだね どうしても、MB(メガバイト)の画像が含まれるなら リサイズを行って、WEBページに表示するときは小さい画像を その画像をクリックしたらMB(メガバイト)の画像が表示されるようにすればいい <a href="画像.jpg"><img src="画像_150x150.jpg"></a> 画像.jpg は10MBの写真 画像_150x150.jpg は上の10MBの写真をリサイズして 50kB程度にしておく 表示するときは 画像_150x150.jpg を見出しにしておいて その画像をクリックしたら 画像.jpg が開くようにすればいい >あと画像調節には%がいいみたいですが%一択で差し支えないですか? %指定をしても、結局は表示される時間は変わらない <img src="画像.jpg" width=10% height=10%> <img src="画像.jpg"> ↑ どちらの書き方をしてもWEBページが表示されるまでの時間は変わらない (画面上の見た目は変わるが) <a href="画像.jpg"><img src="画像_150x150.jpg"></a> ↑ この場合は表示される時間は全く違う(圧倒的に早い)