何らかの理由で編集が行えない場合は、Wikitravel:旅人の居酒屋 を参照してください。

Wikitravel・トーク:画像を表示するには

提供: ウィキトラベル
移動先: 案内検索

記事冒頭の画像の大きさについて[編集]

目次とそれに回り込む記事冒頭の本文の表示を改善した方が良いのかもしれません。と言っても、今のところ何か特別なことができる訳ではなく、記事冒頭の画像(リードイメージ)のサイズについて推奨値を見直すことを考えています。

以下のサンプルについて、ご自身の利用環境とともに見え方に問題が有るか無いかをお知らせ下さい。ログインしているかどうかと、ログインしている状態で確認した場合には画面右側の広告表示の有無も記入して下さい。

また、各サンプルについての報告以外のご意見等はコメント欄の方へお願いします。

他のサイズでの報告が必要な場合はサンプルに加えて頂いて構いませんが、掲載後に画像サイズが変更されてしまうかも知れないので、ツールボックス内の「この版への固定リンク」を使用してリンクを行なって下さい。

宜しくお願いします。-- Tatata 2009年10月3日 12:54 (JST)

サンプル[編集]

400px[編集]

嘉義市[1]

  • 横幅1,280ピクセルのディスプレイ、Windows XP (SP3) 上のInternet Explorer7、Firefox3.5、Safari4を最大化しログインしていない状態で、特に問題無し。 -- Tatata 2009年10月3日 12:54 (JST)
  • 横幅1,024ピクセルのディスプレイ、Windows XP (SP3) 上のInternet Explorer8、Firefox3.5、Google Chrome3を最大化しログインして広告有りの状態で確認。目次と画像の間がGoogle Chrome3は全角1文字分で、最初の2文字「嘉義」だけが縦書きのように表示され、3文字目以降が目次下辺の左下から始まっているので、明らかに妙な表示だと思います。Internet Explorer8では全角0文字で、本文全てが目次下辺の左下から始まっているので、ある意味では問題無しとも言えるのでしょうが、まぁやっぱり変だと思います。Firefox3.5は全角9文字で若干狭いかなという気もしますが、特に問題は無いと思います。ブラウザで設定しているフォントサイズも関係しているようです。 -- Tatata 2009年10月3日 15:02 (JST)
  • IE7の広告あり[2]と広告なし[3]、Firefoxの広告あり[4]と広告なし[5]でそれぞれシミュレートして、ハードコピーをアップロードしてみましたのでご参照ください。たしかに冒頭の部分の表示が、それぞれ微妙に異なっていますね。これよりサイズが小さくなると、それぞれの場合での差異が小さく(あるいは生じなく)なります。
  • ところでWTの表示ぶりですが、機器のスペックや使用するブラウザ、文字の大きさなどさまざまな条件によって変わってくるようです。また、私の15インチのディスプレイで400PX指定の画像を表示させると、ほぼ横12cm×縦10cmの大きさになりますが、サムネイルによるこのサイズが仮に固定値だとすれば、どのディスプレイで見ても画像がこの大きさになるので、仮にもっと小さなディスプレイで表示させた場合、当然文字のオーバーフローや回りこみなどの現象が生じてくるでしょうね。
  • メディアウィキの設計者がどのような設計思想でシステムを構築しているのかは知りませんが、ひょっとすると昨今はやりのポケットPCでの快適な表示というのは考えていないのかもしれません。
  • 先日訪れた台湾で表示させたときは、いつも見慣れているものより2まわりほど字が大きく、画像の位置も少し変で、かつサムネイルの枠が黒くなってしまうといったような現象に出くわしました。それぞれの利用者が快適に表示できるに越したことはないのですが、表示についてシステムの限界もあるのかもしれないし、それほど神経質になっても仕方がないものなのかもしれません。--Shoestring 2009年10月3日 23:51 (JST)

360px[編集]

千歳市[6]

  • 横幅1,280ピクセルのディスプレイ、Windows XP (SP3) 上のInternet Explorer7、Firefox3.5、Safari4を最大化しログインしていない状態で、特に問題無し。 -- Tatata 2009年10月3日 12:54 (JST)
  • 横幅1,024ピクセルのディスプレイ、Windows XP (SP3) 上のInternet Explorer8、Firefox3.5、Google Chrome3を最大化しログインして広告有りの状態で確認。目次と画像の間がInternet Explorer8で全角4文字、Google Chrome3で全角5文字と、狭い感じがする。Firefox3.5は特に問題無し。ブラウザで設定しているフォントサイズも関係しているようです。 -- Tatata 2009年10月3日 15:02 (JST)

350px[編集]

室蘭市[7]

  • 横幅1,280ピクセルのディスプレイ、Windows XP (SP3) 上のInternet Explorer7、Firefox3.5、Safari4を最大化しログインしていない状態で、特に問題無し。 -- Tatata 2009年10月3日 12:54 (JST)
  • 横幅1,024ピクセルのディスプレイ、Windows XP (SP3) 上のInternet Explorer8、Firefox3.5、Google Chrome3を最大化しログインして広告有りの状態で確認。目次と画像の間がInternet Explorer8で全角5文字、Google Chrome3で全角6文字と、やや狭い感じがする。Firefox3.5は特に問題無し。ブラウザで設定しているフォントサイズも関係しているようです。 -- Tatata 2009年10月3日 15:02 (JST)

330px[編集]

キャメロン高原[8]

  • 横幅1,280ピクセルのディスプレイ、Windows XP (SP3) 上のInternet Explorer7、Firefox3.5、Safari4を最大化しログインしていない状態で、特に問題無し。 -- Tatata 2009年10月3日 12:54 (JST)
  • 横幅1,024ピクセルのディスプレイ、Windows XP (SP3) 上のInternet Explorer8、Firefox3.5、Google Chrome3を最大化しログインして広告有りの状態で、特に問題無し。 -- Tatata 2009年10月3日 15:02 (JST)

320px[編集]

与那国島[9]

  • 横幅1,280ピクセルのディスプレイ、Windows XP (SP3) 上のInternet Explorer7、Firefox3.5、Safari4を最大化しログインしていない状態で、特に問題無し。 -- Tatata 2009年10月3日 12:54 (JST)
  • 横幅1,024ピクセルのディスプレイ、Windows XP (SP3) 上のInternet Explorer8、Firefox3.5、Google Chrome3を最大化しログインして広告有りの状態で、特に問題無し。 -- Tatata 2009年10月3日 15:02 (JST)

300px[編集]

北海道[10]

  • 横幅1,280ピクセルのディスプレイ、Windows XP (SP3) 上のInternet Explorer7、Firefox3.5、Safari4を最大化しログインしていない状態で、特に問題無し。 -- Tatata 2009年10月3日 12:54 (JST)
  • 横幅1,024ピクセルのディスプレイ、Windows XP (SP3) 上のInternet Explorer8、Firefox3.5、Google Chrome3を最大化しログインして広告有りの状態で、特に問題無し。 -- Tatata 2009年10月3日 15:02 (JST)

コメント[編集]

翻訳もやらないといけないですね…。 -- Tatata 2009年10月3日 12:54 (JST)

ブラウザで設定しているフォントサイズも関係しているようです。 -- Tatata 2009年10月3日 15:06 (JST)

Shoestringさん、画面コピーを用意して頂き、ありがとうございます。ディスプレイのサイズやブラウザの種類だけでなくフォントサイズも関係しているようですし、Shoestringさんが「それほど神経質になっても仕方がないものなのかもしれません。」と書かれているように、私も細かく検討する必要は無いとは思っていました。大雑把な数値ですが、リードイメージのサイズの推奨値を300pxとして、先程翻訳が終了したこのガイドに追加しませんか? ついでに、リードイメージの位置を記事冒頭の文章の前とすることも書こうかと思います。

旅人の居酒屋での協力のお願いをすっかり忘れてしまいましたが、今から他の人の手を煩わせる必要も無さそうですし、リードイメージの推奨値と位置をガイドに追加することを旅人の居酒屋で告知しようと思います。いかがでしょうか? -- Tatata 2009年10月8日 20:07 (JST)

推奨値について、絶対的な根拠というわけではないのですが、一般的なアスペクト比4:3であるQVGAサイズに合わせて320px(縦画像240px)を推奨値にした方が良いかと思います。WT上では画像サイズは横幅しか指定できないので、縦位置画像の貼り付けで一瞬どのくらいにしようか悩んでしまいます。320pxとあると(わかる人には)縦位置画像をリードイメージにしようとした時「縦サイズが320pxなので横サイズを240pxにしよう」と直感的に判断しやすいのではと思います。一眼レフ(フルサイズ、APS-C)の撮影画像の場合は3:2で使いづらい(240px×160pxの方が良い!?)かも知れませんが、コンデジや携帯カメラ(&フォーサーズ規格の一眼)の場合ならば比率は同じなので。とは言え、画像幅の件については方針ではなくガイドラインなのでそこまで考える必要があるかどうかと言われれば無いと思いますけど。--木更津乃風 2009年10月8日 23:34 (JST)
お話の内容からすると、画像の長辺に対して推奨値を設定するようにガイドに書いた方が良いということでしょうか? もしそうだとすると、どう書けば良いのか、現時点では思い浮かびません。
翻訳して初めて気付いたのですが、ガイドに書かれていたのは推奨値ではなく、推奨最大値でしたね。今回は、できるだけ多くの人に対して記事冒頭を見易いものするためにリードイメージを大きくし過ぎないようにしてもらおうとしていますので、その目的が達せられるのであればどの数値でも構わないと思います。ガイドの一番手軽な修正方法として推奨最大値を「記事冒頭の写真(リードイメージ) - 320px」とすれば、わかる人は記事内での画像のバランスを見ながら「この写真は縦長だから推奨最大値の範囲内で調整してもいいんだな」と理解してくれそうな気がします。(ここをご覧になられている人が他にいるのかどうか分かりませんが、)他の皆さんは推奨最大値について「記事冒頭の写真(リードイメージ) - 320px」で良いですか? 他の提案が無ければ今週末か来週前半に、リードイメージの位置と共にガイドへの追加を旅人の居酒屋で告知しようと思います。 -- Tatata 2009年10月9日 13:02 (JST)
画像のサイズをある程度標準化するためにも、ガイドに追加することは賛成です。書きぶりですが、さしずめ「横長の画像(ランドスケープ)については最大320px、縦長の画像(ポートレイト)については最大240px、ただし別途サイズが指定されているもの(例:国のテンプレートの画像については画像の縦横問わず250pxで固定)については当該指定値に従う」といった感じでしょうかね?--Shoestring 2009年10月10日 00:25 (JST)
Shoestringさん、ありがとうございます。文案はそのまま使わせてもらいます。リードイメージの位置を記事本文の前とすることと併せてどこに追加しようかと思ったのですが、一番下に「記事冒頭の写真」という節を設けて、そこに書く形にしようと思います。また、このガイドの記事冒頭の最後に、画像サイズとリードイメージに関する記述があることを書き、ページ内リンクを張っておこうと思います。 -- Tatata 2009年10月10日 12:08 (JST)

Wikitravel:旅人の居酒屋#リードイメージの最大サイズと表示位置について」で告知しましたが、特に意見も無いようですので、この節での議論の結果をガイドに反映させました。[11] -- Tatata 2009年10月20日 17:11 (JST)

画像の位置[編集]

トロワリヴィエールのような画像の置き方だと文章に影響が出にくいですね。--Decchi 2009年10月3日 19:05 (JST)

記事冒頭の本文の長さによって、ページ毎の見た目にばらつきがでてしまうと思います。 -- Tatata 2009年10月3日 19:13 (JST)
特にご意見も無いようなので、画像の位置は本文より前とすることをガイドに追加します。 -- Tatata 2009年10月10日 12:00 (JST)

トロワリヴィエールとアンマンはガイドに合わせて変更しておきました。 -- Tatata 2009年10月20日 17:48 (JST)