メディア資産のガバナンス：画像と動画の命名・圧縮・再利用

メディア資産のガバナンス：画像と動画の命名・圧縮・再利用

1. まずファイル名のルールを決める。これが最もコストの低い層です

メディアライブラリの制御不能は一日で起きるものではありません。最初のIMG_2043.jpgから始まり、ある日製品画像を差し替えるとき、あるいは顧客からある写真のライセンス元を聞かれたときに、誰も説明できないと気づきます。

制御不能の4つの症状は、それぞれ代价が異なります。

命名ルールに必要なのは4つのフィールドだけです。順につなぎ、ハイフンで区切ります。カテゴリ、型番、シーン、バージョン。

並べて見るとより明確です。同じ画像の2つの命名方式の違い：

命名ルールには見落とされやすい付帯要件が1つあります。ファイル名は公開したら変更しない。ファイル名の変更は URL の変更と同じで、古いアドレスが無効になります。内容を差し替えるときは、繰り上げたバージョン番号で新しいファイルを生成し、ページの参照を更新し、同時に古いファイル名にリダイレクトルールを1つ残します。环形山は/site/の納品チェックリストで、メディア命名ルールを公開前に必ず確認する項目としています。この層は変更コストが最も低い一方、後からの修正が最も厄介だからです。

2. 容量とフォーマット：まず基準を決め、それから圧縮を語る

「画像が大きすぎる」では何も伝わりません。具体的な数値まで落とし込みましょう。以下のベースライン表はそのまま社内規定に転記できます。表示幅ごとに目標ファイルサイズを定めています。

フォーマット選びは一律にはできません。代表的な 5 形式にはそれぞれ適した用途があります。

レスポンシブ画像も必須です。同じ画像でもスマホとデスクトップで別サイズを配信すれば、通信量を半分以上削減できます。

動画は別枠で考えます。動画ファイルをメイン画像の位置に直接置いたり、ファーストビューの背景動画を自社サーバーでホストしたりしないでください。

このレイヤーが当てはまらないケース：サイトの主な対象が十分な帯域のあるネットワーク環境で、訪問者の多くがデスクトップ端末の場合（例えば産業機器の購買担当者はオフィスで閲覧することが多い）、ファーストビューのメイン画像を 150 KB 以下に圧縮するとかえって解像度が落ち、仕様銘板の可読性に影響します。この場合は 300〜400 KB まで緩め、文字と目盛りの鮮明さを優先してください。判断基準は、訪問者が画像内の細かい文字を読み取る必要があるなら、ファイルサイズより解像度を優先することです。

三、メタデータ：alt は事実を書き、title と説明文はそれぞれの役割を果たす

画像メタデータで最もよく壊れるのが alt です。alt には2つの役割があります。画像の読み込みに失敗したときの代替表示と、スクリーンリーダーや検索エンジンへの内容説明です。書き方の核心は、キーワードを並べることではなく事実を描写することにあります。

3つの属性にはそれぞれ役割があり、混同しないでください。alt は画像に何が写っているかを説明し、title はマウスを重ねたときだけ表示され検索にはほとんど影響せず、キャプションは画像と本文の関係を補足するために使います。

EXIF 情報は削除してください。これは形式の問題ではなく、コンプライアンスの問題です。

削除作業に技術的なハードルはありません。多くの画像処理ツールにメタデータを一括削除するオプションがあり、代償はアップロードのたびに数秒かかることだけです。しかし GPS 付きの現場写真が一度公開されると、漏れるのは工場の位置情報であり、これは取り返しのつかない損失です。

四、遅延読み込みには境界がある。ファーストビューの画像は遅延読み込みにしてはいけない

遅延読み込みは通信量を節約できますが、使う位置を誤るとファーストビューを直接遅くします。判断基準は明確です。ファーストビューの表示領域にある画像は遅延読み込みにしないでください。特にファーストビューの描画指標を決めるメイン画像は避けてください。

もう一つ見落としやすい点があります。画像には幅と高さを必ず指定してください。指定しないと、ブラウザは画像の読み込みが完了するまでプレースホルダーの領域を確定できず、読み込み中にページが繰り返し動きます。ユーザーが段落を読んでいる途中で突然下にずれ、これはモバイルで特に顕著です。指標としてはページのレイアウトシフトを観察します。うまく制御できているサイトでは、この値は通常 0.1 以内です。

五、著作権とライセンス：4つの素材来源、4つの要件

メディア資産で最もトラブルになりやすいのは技術ではなく、権利許諾です。4つの入手元で要件がまったく異なります。

顧客先での撮影写真は最も見落とされやすい類です。許諾書は複雑である必要はなく、3点を明記すれば十分です。使用範囲（公式サイト、SNS、印刷物）、使用期間、生産ラインや設備の銘板を写してよいか。あわせて、画面に映り込む可能性のある第三者コンテンツにも注意が必要です。

AI 生成画像の使用範囲も規範に明記します。安全な運用は次のとおりです。概念のイメージ、シーンの挿絵、抽象的な図形には使ってよい。ただし、工場の実写、検査報告書、認証書、製品の実物写真など、真正性を示す必要がある箇所には使わない。前者のリスクは「偽物に見えること」、後者のリスクは「捏造を疑われること」で、性質が異なります。

6. 再利用マトリクスと運用のリズム

1回の撮影で生まれた成果物は、公式サイトに一度掲載してメディアライブラリに放り込むのではなく、5つのチャネルをカバーすべきです。事前にトリミングサイズを決めておけば、その都度画像を修正する手間を省けます。

運用のリズムは四半期ごと、1回2時間で3つの作業を行います。

削除ルールは明確に定め、「不要そうだから削除」を避けます。

最後の行はよく見落とされる。現場写真を公式サイトから外しても、カタログや展示パネルにはまだ印刷されていて、来年また使うかもしれない。削除すると撮り直しになる。整理の判断は「公式サイトから参照されているか」だけでなく、「サイト外でまだ使われているか」まで見る必要がある。

ひとつ注意点として、サイトのメディアライブラリが200ファイル以内で、毎月の追加が20ファイル以下なら、この流れは簡略化できる。命名ルールの統一と大きなファイルの洗い出しの2つだけを行い、四半期ごとの点検は半年に1回でよい。管理の強度は資産の規模に合わせるべきで、フローのためのフローは避けたい。画像とページパフォーマンスの関係については、/insight/のパフォーマンス関連の整理とあわせて確認してほしい。

FAQ よくある質問

最後に

メディア資産の管理は地味な作業に見えますが、三つの本質的な課題を同時に動かします。ページパフォーマンス、検索での可読性、法務コンプライアンスです。一つの命名ルールがこの三つを同時に改善し、かかるコストはルール策定の一度と日々の遵守だけです。

多くのサイトのメディアライブラリは、手を入れられないのではなく、手を入れるべき事柄として扱われてこなかっただけです。サイトのリニューアルや移行、あるいはお客様から許諾の出所を問われたときに、規範を決めておく時間よりはるかに大きな代償を払うことになります。

一言で覚えるなら、ファイル名は見つけられるかどうかを決め、容量は速いかどうかを決め、許諾の証憑は使えるかどうかを決めます。三つとも最初のアップロード時に正しく行ってください。