田中 紳詞(経営コンサルタント/ITコンサルタント)- Q&A回答「ポイントは3つあります。」 - 専門家プロファイル

田中 紳詞
業務システムからモバイルまで、IT業界の無差別格闘家

田中 紳詞

タナカ シンジ
( 東京都 / 経営コンサルタント/ITコンサルタント )
株式会社Exciter 代表取締役/主席コンサルタント
Q&A回答への評価:
4.6/23件
サービス:2件
Q&A:43件
コラム:49件
写真:0件
お気軽にお問い合わせください
03-6280-3255
※お電話の際は「"プロファイル"を見た」とお伝え下さい。
印刷画面へ
専門家への個別相談、仕事の依頼、見積の請求などは、こちらからお気軽にお問い合わせください。
問い合わせ
専門家への取材依頼、執筆や講演の依頼などは、こちらからお問い合わせください。
取材の依頼

ホームページの印刷について

スキル・資格 WEBデザイン・プログラミング 2013/10/15 14:55

ホームページを作成する際に横幅が何ピクセル以内であれば印刷時に全画面が印刷されますか?
たまに右端が途中で欠けてしまうホームページを見かけますがこれは横幅が広いために生じる現象なんでしょうか?
私が作ろうとしているホームページは横幅1200ピクセルで考えています。
1200ピクセルもあると横幅いっぱいに印刷されないでしょうか?
宜しくお願い致します。

plussmanさん ( 東京都 / 男性 / 53歳 )

田中 紳詞 専門家

田中 紳詞
経営コンサルタント

- good

ポイントは3つあります。

2013/10/18 17:03
( 5 .0)

こんにちは。

横幅については、3つばかりポイントがあります。
少し長くなってしまいますが、ご容赦ください。

一点目にご認識頂きたいことは、そもそもWebサイト(いわゆるホームページ)は、様々な環境の方がご覧になるものであるということで、それぞれで見え方が異なります。

具体的には13インチのノートパソコンで見る人、iPadなどのタブレット端末で見る人、17インチのディスプレイで見る人、25インチのディスプレイで見る人など、様々です。

そのため、こういった事情を考慮しないと、25インチの大きな画面で見ている人はキレイに見えますが、利用者が多いディスプレイサイズで見たとき、殆どの人がスクロールしないと画面がすべて見えない・・・なんてことがあります。

二点目に、上記の話は「画面表示」についてですが、印刷の設定はブラウザやプリンタの設定にも依存するということで、印刷時に縮小したり余白を小さくすれば、端が切れるレイアウトでも一ページに収めることが可能な場合もあります。

最後の三点目ですが、そういった設定の変更を行わず、ブラウザから「印刷」を選択すれば綺麗にプリントされる・・・というのが理想かと思われ、ご質問を頂いたのは恐らくこの点を前提とされているかと思います。

利用者の目線でいえば、表示されている画面そのままの状態で印刷されるのが好ましいかとは思いますが、画面の表示とは別に印刷用のCSSで別途レイアウトを設定したり、印刷用ボタンを別途設けて新しいウインドウから印刷するという手が一般的かなと思います。

その場合は、画面表示される横幅と印刷の横幅は関連がありませんので、印刷に限って言えば、あまり気遣わなくてもよいでしょう。

ただ、印刷以外のことを考えると、1200は少し大きめです。
決してダメというわけではありませんが、冒頭で書いた通り、閲覧環境によっては意図しない見栄えとなってしまうことも考えられるため、可能であれば960~980程度に収まるのが無難かなと思います。(メジャーなサイトは、殆どこのサイズです)

ただし、あくまで「印刷したとき、表示されている画面そのままの状態で印刷されるのが好ましい」という場合は、Webサイトのレイアウト自体を小さめに、恐らくA4用紙が基準になるかと思いますので、具体的には640~700くらいが目安でしょうか。
ちょっと小さ目です。

Webサイトの横幅は、対象ユーザや表示したいコンテンツ、印刷を考慮するか否か、利用者が多い画面の解像度のトレンドなどの要素が関係するため、はっきりとした「これが正解!」という答えはありませんが、参考になれば幸いです。

評価・お礼

plussman さん

2013/11/07 21:50

ありがとうございました。

プロフィール評価・口コミ対応業務経歴・実績連絡先・アクセスサービスQ&Aコラム