本文へスキップ
  1. TOP
  2. Web制作
  3. 実務知識
  4. 支給写真・動画・ロゴ・原稿を「公開に使える素材」としてどう確認するか

02 / THINK

考えるフェーズの実務知識

支給写真・動画・ロゴ・原稿を「公開に使える素材」としてどう確認するか

正しい版、利用条件、用途、技術要件、更新方法を公開前に揃える

撮影現場で写真と色、公開条件を確認する制作チーム

PRACTICAL KNOWLEDGE 実務知識

WRITTEN BY

FHW制作チーム

反省会と日々の制作記録をもとに、担当スタッフが実際に迷い、確認し、判断した過程を整理しています。

写真が届いた。ロゴデータもある。原稿も一通り揃った。それでも、すぐ公開に使えるとは限りません。画像が小さい、別媒体用の色しかない、写っている人の許可範囲が分からない、似た名前の原稿が複数ある。制作現場では、素材が「ある」ことと「使える」ことの間に確認があります。

私たちの制作でも、撮影素材をWebの画面比率へ合わせ直したり、動画のカット順を編集したり、ロゴをWebと印刷物の双方で使えるルールへ整えたりしてきました。届いたものをそのまま置くより、用途を聞き直した方が早い場面もあります。

ここでは、写真、動画、ロゴ、原稿、PDFなどを、公開でき、更新時にも迷わない素材へ整える確認方法をまとめます。

最初に、正しい版と公開できる範囲を確認する

ファイル名の新しさだけで最新版を判断しません。誰が決定したか、どの媒体・期間・地域で使えるか、差し替え予定があるかを確認します。

  • 正式版を決める担当者と決定日
  • 撮影者、出演者、購入素材などの利用条件
  • Web、SNS、広告、印刷物で使える範囲
  • 公開期限やキャンペーン終了後の扱い
  • 旧版を残す場所と、公開対象から外す方法

権利確認を制作会社だけで推測することはできません。確認済みの範囲と、提供側で判断が必要な範囲を分けます。

撮る前・書く前に、使う場所を決める

撮影が終わってから画面へ当てはめると、スマートフォンで人物が切れる、見出しを置く余白がない、記事内容に合う表情がない、といった不足が見つかります。原稿も、完成後にCMSへ入れると見出しや一覧文が足りないことがあります。

撮影・執筆前に、トップの横長画像、カードのサムネイル、人物紹介、記事一覧、SNS表示など利用先を並べます。必要な縦横比、構図、表情、文字量、差し替え頻度を共有すると、一つの素材を無理に使い回さずに済みます。

見た目だけでなく、Webで扱える状態へ整える

印刷に使えたデータが、そのままWebに向くとは限りません。画像の解像度と容量、色、透過、動画の長さと音声、ロゴの余白、原稿の見出し構造を確認します。

  • 画像:必要な表示サイズ、縦横比、圧縮後の見え方、代替テキスト
  • 動画:再生時間、音の有無、字幕、静止画の代替、通信量
  • ロゴ:背景色別データ、最小サイズ、余白、単色表示
  • 原稿:見出し階層、一覧用要約、リンク文言、更新単位
  • PDF:ファイル名、容量、改訂日、HTMLとの役割分担

データ形式を揃えるだけではなく、利用者が内容を理解でき、運用担当者が差し替えられるところまでを公開準備と考えます。

仮素材には、仮であることを残す

構成や実装を進めるため、仮写真や仮原稿を使うことはあります。問題は、仮素材が正式版に見える状態で残ることです。

仮素材には、差し替える人、期限、利用ページを紐づけます。似た写真を複数箇所へ置いた場合も、一括で探せる名前や管理表を使います。公開前には「届いたか」ではなく「正しい場所へ反映されたか」を画面で確認します。

公開後の差し替えまで、素材の仕様に含める

CMSで画像を変更できても、どの比率で切り取られるか、長い原稿がどこまで表示されるかが分からなければ運用は止まります。入力欄の説明、推奨サイズ、プレビュー、画像なしの表示を用意します。

更新頻度が高い素材は、制作時の美しさだけでなく、次の担当者が同じ品質で追加できることを優先します。元データ、公開用データ、CMSへ登録したデータの関係も残します。

素材を受け取ったときのチェックリスト

  • 正式版を決める担当者と利用条件を確認したか
  • 公開期間、媒体、出演者・購入素材の許可範囲が分かるか
  • 撮影・執筆前に利用する画面と比率を共有したか
  • 画像、動画、ロゴ、原稿をWeb向けに確認したか
  • 仮素材に差し替え担当・期限・利用ページがあるか
  • 公開画面で、正しい版が正しい場所へ出ているか確認したか
  • CMS更新時の推奨サイズ、文字量、画像なし表示を決めたか
  • 元データと公開用データの保管場所を分けたか

PRACTICAL KNOWLEDGE 同じフェーズの実務知識

私たちが別の制作で得た判断や確認方法を、同じ制作フェーズからご覧いただけます。

撮影機材とCMS画面を並べて制作工程を確認するデスク

撮影・取材・CMS更新を一つの制作工程として設計する

撮影、取材、原稿、デザイン、CMS実装を別々に進めず、素材の用途と公開後の更新まで含めて一つの制作工程として整理する方法をご紹介します。

既存システムの資料とデータ構造を重ねて確認する作業机

仕様書が残っていない既存システムを、どう安全に改修するか

現在の画面やコードだけでは判断できない業務ルールを、実際の操作、データ、通知、担当者の使い方から復元し、安全に改修する方法を整理します。

画面部品と配色、キーボード操作の確認範囲を話し合う制作チーム

自動検査で点が取れれば、アクセシビリティ対応済みと言えるか

アクセシビリティを最終検査だけに任せず、構成・デザイン・実装の各工程へ分けて確認し、自動検査で分かることと人の操作で確かめることを整理します。

案内施設で冊子とスマートフォンの情報を見比べる利用者

PDFを残す・HTML化する・両方持つ境界をどう決めるか

既存PDFをWebで公開するとき、HTMLへ出す情報、PDFとして残す資料、両方持つ場合の正本、古いURL、アクセシビリティをどう整理するかまとめます。

複数の案内図から目的地を探す公共施設の利用者

サービス・地域・目的など複数の探し方を、一つの情報へどうつなぐか

サービス、地域、目的など複数の入口を用意するとき、同じ情報を複製せず、分類、検索、詳細、相談までを一つの情報構造として設計する方法を整理します。