配信開始日を知りたくて開いた記事で、作品の画像より先に編集部の集合写真が大きく表示されたら、読者は肝心の情報を探し直すことになる。写真は飾りではない。何の記事で、誰が登場し、どこに注目すればよいかを伝える手がかりだ。アニメ・映画メディアの画像選びは、見栄えよりも、そのページで読者が確かめたい情報を起点に考えたい。
写真の役割をページごとに決める
トップページの写真は媒体が扱う領域を伝え、記事一覧の写真は記事を見分ける助けになる。本文では文章だけで伝わりにくい対象を示し、編集部紹介では情報を扱う人を見せられる。同じ一枚でも、掲載場所によって役割は違う。まずページの目的をはっきりさせ、それに合う写真があるかを確かめる。
- 作品ニュース：作品名や発表内容と対応し、対象作品を取り違えさせない画像を使う。
- 出演者・制作者の紹介：誰を扱う記事か分かる写真を選び、写っている人物を正確に記す。
- インタビュー：取材相手の表情や取材時の様子を伝える。ただし、写真から発言の意図まで読み取らない。
- 編集部・媒体紹介：実際の担当者や作業環境を示し、誰が運営しているか分かるようにする。
画像を入れるためだけに、記事と関係のない映画館の客席や撮影機材を添えても、内容は伝わりにくい。対象を示せる画像がなければ、代用品を無理に置くより、見出しと本文を明確にしたほうがよい。
公式素材は、何を示す画像かまで確認する
キービジュアル、場面写真、宣材写真を使い分ける
キービジュアルは作品を認識してもらうのに役立つが、特定の場面や登場人物の関係を説明する資料とは限らない。場面写真は本文の描写と結びつけやすい一方、未公開の展開が写っていないか注意がいる。人物の宣材写真も、別作品の衣装で撮られたものを新作の出演発表に添えると、誤った印象を与えかねない。
ファイル名と提供時の説明を確認し、作品名、人物名、撮影・制作クレジット、利用条件を記録しておく。「公式サイトで見つけた」「SNSで公開されていた」ことは、自サイトへの転載許可を意味しない。報道向けの素材でも、使用できる媒体や掲載期間、改変・トリミングの可否、クレジット表記などの指定に従う。
作品の情報が公開前なら、画像そのものが先の展開を明かしていないかも見ておきたい。伝えるのが配信予定なのか、出演者の発表なのかで、選ぶべき画像は変わる。発表内容を確かめる前に、印象の強さだけで素材を決めないことだ。
写真に写る人の同意と文脈を守る
自社で撮影した写真でも、自由に公開できるとは限らない。取材時には撮影・掲載の範囲を確認する。一般来場者やスタッフが識別できる形で写り込んでいれば、掲載の扱いを慎重に判断したい。編集部の写真も「社員だから掲載して当然」とは考えず、掲載先と用途を共有しておく。
切り抜きや色調補正は、被写体の意味を変えない範囲にとどめる。複数人の登壇写真から一人だけを切り出すと、単独取材の写真に見えることもある。キャプションに「イベント登壇時」など撮影時の文脈を添えれば、誤解を減らせる。
撮影前に掲載位置を想定する
人物や編集部を自社で撮るなら、撮影前に掲載先の形を考えておく。横長のトップ画像用に顔を画面いっぱいに収めると、スマートフォン向けに切り出したとき、顔や手元が欠けやすい。背景に余白を残した構図と、人物に寄った構図を両方撮っておけば、本文と記事一覧で使い分けられる。
服装や背景も情報の一部になる。制作現場では、掲示物やモニターに未発表情報が映り込んでいないか確認する。編集部紹介なら、ロゴを並べることより、誰が何をしている場面か伝わることを優先したい。撮影直後に人物名と並び順を控えておくと、公開時の取り違えも防ぎやすい。
一覧、本文、スマートフォンで見え方を確かめる
トリミングで記事の意味を変えない
記事一覧では画像が小さなサムネイルになる。複数の登場人物が写る横長の画像を大きく切り抜けば、記事の中心人物が消えてしまうかもしれない。管理画面のプレビューだけで済ませず、一覧の小さな表示、本文の大きな表示、スマートフォンの縦長画面をそれぞれ確認する。画像内の作品名や日時は縮小すると読めないこともあるため、重要な情報は本文にも文字で記す。
人物の顔、作品ロゴ、クレジット表記など、切れてはいけない部分を把握して表示位置を調整する。画像全体を見せて余白ができても、意味のある部分を削るよりよい場合がある。別の画像を選べるなら、無理なトリミングに頼らない。
文字を重ねる場合は背景との関係を見る
写真の上に見出しやボタンを載せるとき、明るい背景に白文字が重なると読みにくい。文字の後ろに落ち着いた色の帯を置く、写真の余白側に配置するなどして、端末ごとの見え方を確かめる。ただし、帯やぼかしを加える前に、提供素材の改変条件を確認する。見出しを画像内の文字だけに任せず、本文でも読めるようにしておきたい。
代替テキストとキャプションを別の役割で書く
代替テキストは、画像を見られない人に、そのページで画像が担う情報を伝える文章だ。作品記事の主要画像なら「アニメ『作品名』のキービジュアル」のように対象を特定する。インタビュー中の写真なら、必要に応じて人物と状況を記す。画像にしか載っていない重要な文字情報は、本文でも読めるようにする。
キャプションは、見える画像に説明を添える場所。人物名、撮影された場、提供元など、誤認を防ぐ情報を簡潔に示せる。代替テキストに権利表記や検索語を詰め込まず、必要なクレジットは指定された場所に載せる。飾りとして置いた画像を、言葉で大げさに説明する必要もない。
画質と読み込みやすさを両立する
元画像をそのままアップロードすると、表示サイズに比べてデータが大きすぎることがある。掲載欄の幅に合う画像を用意し、圧縮後も人物の表情や作品ロゴを判別できるか確認する。写真と文字が一緒に入った画像は、同じ圧縮設定でも見え方が違う。ファイルサイズだけで判断しない。
大きなメイン画像の表示が遅れると、ページ冒頭の内容をつかみにくい。一方、本文後半の画像は、読む位置に近づいてから読み込む設定が適する場合もある。公開後は実際のスマートフォンで、画像が粗くないか、表示の遅れで本文が押し下げられないかを確認したい。通信環境が弱いときでも、見出しと重要情報を読める状態が望ましい。
公開後も画像の整合性を保つ
画像を管理するときは、ファイルだけでなく、なぜ掲載したかも残しておく。素材ごとに提供元、対象作品、使用可能な範囲、必要な表記、掲載ページを記録すれば、差し替え時に判断しやすい。配信先や作品情報が変わったときも、以前の告知画像に古い日時が残っていないか追いやすくなる。
写真が古くなっても、すぐに新しい画像へ置き換えるとは限らない。旧ビジュアルを扱った発表当時の記事なら、そのまま残し、「発表時のビジュアル」と明記するほうが正確な場合がある。反対に、現在の視聴方法を案内するページで、画像内に終了済みの告知があれば、更新や削除を検討する。どちらの場合も、本文とキャプションが画像に合っているか確かめたい。
公開直前には、一覧で対象作品を判別できるか、本文の画像とキャプションが一致するか、クレジットが指定どおりかを確認する。配信情報の記事に古い放送時刻が印字された画像を使っているなら、現在の案内と食い違わない素材に差し替える。
