No.3ベストアンサー
- 回答日時:
>>「すべての素材のサイズ」を「一括して80パーセント」に変更することは、可能でしょうか?
「すべての素材」というのは基本的に画像のことですよね?
たとえばwidth/heightで指定されている画像の幅と高さですが、これを強引に80%の数字に(たとえば400なら320に)直せば、たしかに今までの80%の大きさで表示されるようになります。ですが、表示が汚くなりますよ?
画像を本来のピクセルサイズ以外のサイズで表示するときは、wwwブラウザが自動的に拡大/縮小をかけてくれますが、これはグラフィックソフトのリサイズにくらべて乱暴なやり方でやっているので、かなり画質がくずれます。(本来表示に必要ない巨大なデータをダウンロードしなければならない、という点で、お客さんにとってもうれしくない)
やっぱり画像をひとつひとつリサイズするしかないですね。たとえばPhotoshopとかであれば、アクションパレットを使用して多数の画像を一括に80%にしちゃう、なんて荒技も可能ですが…。
もしご質問が「HTMLに記述されているすべてのピクセル数を計算して80%のものに置き換える」というような意味でしたら、既にshigatsuさんがお答えになっているように、残念ながら、自動で処理をしてくれる機能はまず付いていないと思います。
また、最低限必要な画面サイズには様々な意見があります。shigatsuさんの横800というのがたぶん主流なのでしょうが、これだと一部のPDA、小型モバイルノートなどではやっぱり見づらいサイズになります。640ならより安心ですが、これでも確実、ともいかない。
できれば表示幅はpixelで固定せずに、ウィンドウサイズに対する比率で指定した方が、見る人には優しいページ、ということになります。
丁寧な回答有難うございました。とりあえず、おっしゃるとおりやってみます。
Photoshopもやってみます。何事も経験経験。
やっぱり、使えない画像になってしまったら、地道にリサイズすることにします。
ありがとうございました。
No.2
- 回答日時:
家庭用TVをモニタとする一部の機械を除いて、通常のパソコンであればVGA(640*480)以上の解像度は最低限出ていると思います。
またその上の800*600というサイズも殆どのパソコンで表示可能でしょう。ということで、横幅800pixelを前提に作っておけば、幅固定でもまず問題は起きないと思います。
高解像度のパソコンで見てもそんなに違和感無いと思います。
実際スタイルシートなどできっちり作られたページなども横幅800を想定して作られているものが多いと思います。
残念ながら、自動的にその処理をしてくれる機能はまず付いていないと思いますので、1ページずつチェックして作り直す必要が有るでしょうね。
丁寧な回答を有難うございました。やはり、地道な手段しかないのですね。
頑張って、チェックします。
スタイルシートの常識なんてのもあるんですね。勉強になりました。
No.1
- 回答日時:
横スクロールバーが出てしまう原因はいくつか考えられますが、
1.横幅の広すぎる画像が貼られている
2.横幅の広すぎるテーブルをピクセル指定で作っている
が主要因だと思いますので、この2点を解決すればいいわけです。
具体的には、1.は簡単ですね。問題なく表示したい低解像度の画面幅以内に画像をリサイズしてやれば良いだけです。
2.については、1.と同じく、画面幅に収まるようにTABLE内のwidth指定が、合計して画面幅以内になるように設計し直せばいいです。ですが、高解像度でも、低解像度でも、それなりに見られるようにするには、TABLE幅をpixel数ではなく%で指定してやる方が合理的です。(低解像の画面に合わせて絶対指定すると、高解像で見たときミョーにスカスカのレイアウトになってしまうので)
この回答への補足
早速のアドバイスありがとうございます。
テーブルの意味合いを取り違えている可能性を恐れずに、追加質問したいのですが
「すべての素材のサイズ」を「一括して80パーセント」に変更することは、可能でしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) iphonからone driveに保存してあるExcelを閲覧すると表示の仕方がちがうデータ 2 2022/12/21 13:51
- Excel(エクセル) マクロで作った ワードエクセル かけ線や コピペなど 修正や色々な方法を教えてください 2 2023/07/07 22:27
- Photoshop(フォトショップ) 写真のサイズ変更 1 2022/08/07 16:00
- USTREAM 映像・動画編集にお詳しい方、教えて下さい。 2 2023/03/05 07:22
- モニター・ディスプレイ 画像解像度について 4 2022/05/30 16:05
- HTML・CSS ホームページをちょっと加工する程度の無料または古くて安く購入できる作成ソフトを教えてください 5 2022/12/16 12:17
- デジタルカメラ 挿絵のデジタル画集の作り方をお教え下さい 2 2022/04/01 09:23
- Windows 10 リモートデスクトップ フォント 2 2023/08/19 18:07
- Photoshop(フォトショップ) 【大至急】写真加工に強い方、お願いします。 現在、自作のブックカバーをプリンパさんに依頼しています。 6 2023/06/10 11:51
- その他(AV機器・カメラ) 【大至急】写真加工に強い方、お願いします。 現在、自作のブックカバーをプリンパさんに依頼しています。 2 2023/06/07 21:30
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<hr>の縦バージョンはありますか?
-
画像とその下にあるテキストの...
-
particles.jsの背景の上にテキ...
-
iframe内をクリックさせない方...
-
CSSでテキストのリストの・...
-
帯を画面いっぱいに表示したい
-
画像で背景透明のテキストがに...
-
WEB上でディレクトリ内の画像を...
-
【Webサイト】画像が小さく表示...
-
同じ画像 複数回使用
-
画像の上にテキスト配置で、拡...
-
ページの上下に白い横線が入る
-
htmlかcssで背景の白い枠をなく...
-
外部CSSで画像にリンクを貼りたい
-
テーブルセルの背景画像のサイ...
-
【至急お助け!】チェックボッ...
-
テキストの横にアイコンを並べたい
-
「HTML(縦スクロールバー付)...
-
IEで<div>の下の<img>がずれる
-
HTML・CSSコーディングが上手く...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
画像の上にテキスト配置で、拡...
-
画像とその下にあるテキストの...
-
<hr>の縦バージョンはありますか?
-
【至急お助け!】チェックボッ...
-
【Webサイト】画像が小さく表示...
-
background-repeat CSS で切れ...
-
htmlかcssで背景の白い枠をなく...
-
background-sizeの背景で最小値...
-
lightbox2で画像を天地左右中央...
-
ページごとに背景画像を変更し...
-
LightBoxの矢印の出し方
-
WEB上でディレクトリ内の画像を...
-
IMGタグで画像の繰り返し使用は…
-
iframe内をクリックさせない方...
-
同じ画像 複数回使用
-
画像上に文字を表示するとiPhon...
-
background-sizeでcontainする...
-
ページの上下に白い横線が入る
-
コーディング中、右側に謎の余...
-
画像を複数横に並べ、かつそれ...
おすすめ情報