企業サイトを運用していると、画像素材は最も整理しにくいコンテンツになりがちです。コラムページのバナーは3回変更され、製品画像には透かし入りと透かしなしの2種類があり、キャンペーン画像はすでに公開終了しているのに同じフォルダに残ったまま、という状況はよくあります。いざリニューアルや急なコラムヘッダー画像の差し替えが必要になると、運用担当者は数百のファイルの中から探し回り、どれが最終版か分からなくなることもあります。画像素材ライブラリの整理は、本質的にはデザインの問題ではなくコンテンツ保守の問題です。サイトのコラム構造、公開フロー、担当者の役割分担と連動させることで、長期的に使い続けられるものになります。
まず素材のグループをコラム構造に対応させる
最も手間がかからない方法は、素材ライブラリの第一階層のディレクトリを、サイトの第一階層のコラムとほぼ一致させることです。例えば、ホーム、会社概要、サービス、ニュース、お問い合わせというコラムがある場合、素材ライブラリにも対応するフォルダを作成します。「2024年画像」「デザイン案」「クライアント提供」といった出所別の分類は避けましょう。出所別分類の問題は、同じ画像が複数のコラムに属する可能性があり、時間が経つとどこで使われたか誰も覚えていないことです。
コラムの下にさらに下層ページがある場合、例えば「サービス」の中に異なる事業分野がある場合は、コラムフォルダ内にサブディレクトリを作成します。階層は深すぎないようにし、通常は2階層程度に抑えるのが適切です。深すぎるとかえって検索コストが増えます。コラムをまたいで再利用する画像、例えば会社ロゴ、QRコードの背景、共通の背景テクスチャなどは、「共通素材」フォルダにまとめて保管し、複数のコラムにそれぞれ保存して片方の更新を忘れる事態を避けましょう。
ファイル名は開かなくても内容が分かるように
画像のファイル名は、素材ライブラリが機能するかどうかの鍵です。命名には「用途・内容・バージョンまたはサイズ」の3つの情報を含めることをお勧めします。例えば、サービスコラムページの上部に使う画像であれば、「サービス-コラムヘッダー-1920x600-v2.jpg」のように命名します。これならファイルを開かなくても、どのコラムに属し、ページのどこに配置するかが判断できます。
統一しておきたい命名の習慣がいくつかあります。
- カメラのデフォルト名であるIMG_0001や、WeChat画像_2024のような名前は使わない。業務情報が一切含まれていません。
- 中国語と特殊記号を混在させず、スペースはハイフンで代替し、異なるシステム間での文字化けを防ぐ。
- 同じ画像の異なるサイズバージョンは、サイズの接尾辞で区別し、「小さい画像」「大きい画像」といった曖昧な表現は使わない。
- バージョン番号は最後に付け、v1、v2のようにし、修正後は新しいバージョンとして保存し、元ファイルを直接上書きしない。
命名規則を一度決めたら、チームの素材提出説明書に記載し、デザイナー、運用担当者、外部パートナー全員が同じルールで画像を提出するようにしましょう。そうしないと、素材ライブラリはすぐに元の混沌とした状態に戻ってしまいます。
どのバージョンを残し、どのファイルを削除するか
素材ライブラリは大きければ良いというものではありません。各コラムで長期的に保持すべきなのは、通常次の3種類です。現在使用中のバージョン、編集可能なソースファイル、そして前バージョンの予備画像です。すでに公開終了し、今後使用しないことが確認されたキャンペーン画像や一時的なプロモーション画像は、「アーカイブ」フォルダに移動し、定期的にまとめて整理します。直接削除するのではなく、後で過去の改修でどの画像を使ったかを追跡できるようにしておきましょう。
ソースファイル（PSD、AI形式など）は、書き出したjpgやpngとは別に保管することをお勧めします。ソースファイルは容量が大きく、日常の検索で頻繁に開く必要はないため、「ソースファイル」サブディレクトリに分けておくと、日々の画像探しが速くなります。注意点として、ソースファイルには採用されなかったレイヤーやテキストが含まれている可能性があるため、外部への納品やサイト管理画面へのアップロード時には、書き出した完成画像を使用し、ソースファイルを直接アップロードしないようにしましょう。
サイト管理画面にアップロードする前のチェック項目
素材ライブラリを整理しても、アップロード段階で問題がないとは限りません。画像をサイト管理画面に入れる前に、いくつかのチェックを行うことをお勧めします。
- サイズがその場所の実際の表示領域に合っているか。コラムヘッダー画像と記事挿入画像では縦横比が異なることが多く、間違った場所に使うと引き伸ばされたり切り取られたりします。
- ファイルサイズが許容範囲内か。大きすぎる画像はページの表示速度に影響するため、書き出し時に適度に圧縮しましょう。
- 画像の内容が所属するコラムやページのテーマと一致しているか。特に素材ライブラリから古い画像を呼び出す際は、画像内のテキストやキャンペーン情報が期限切れでないか確認しましょう。
- 画像のaltテキストが入力されているか。これは検索エンジンが画像内容を理解するための説明であり、画像の読み込みに失敗した際にユーザーが目にするヒントにもなります。
これらのチェックに複雑なツールは不要ですが、アップロード前の習慣として定着させる必要があります。サイト管理画面が画像の分類やタグに対応している場合は、画像を対応するコラムに分類しておくと、後で管理画面内で再度探す手間を減らせます。
誰が保守し、どのくらいの頻度で整理するか
画像素材ライブラリで最も問題が起きやすいのは、長期的な状態に誰も責任を持たないことです。現実的な役割分担としては、デザイナーまたはコンテンツ担当者が規則に従った命名と提出を担当し、サイト運用担当者がアップロード後のアーカイブと整理を担当します。チームの人数が少ない場合は同じ人が兼任しても構いませんが、プロセス上「新しい画像は命名して保存」「公開終了した画像はアーカイブ」という2つのアクションを明確にしておきましょう。
整理の頻度はそれほど高くする必要はなく、サイトコンテンツの更新リズムに合わせて決めると良いでしょう。例えば、コラム調整、ページ改修、四半期ごとのコンテンツ棚卸しの際に、対応するコラムの素材を一緒にチェックします。重複ファイルがないか、命名規則に合わないものがないか、公開終了した画像が場所を取っていないかなどを確認します。素材整理とコンテンツ保守を同じタイミングで行うことで、別途大掃除を計画するよりも継続しやすくなります。
まだ整理を始めていない場合は、まず使用頻度が最も高いコラムから着手しましょう。そのコラムで現在使用中の画像を洗い出し、「用途-内容-サイズ-バージョン」に従って再命名し、どれをアーカイブし、どれを削除するかを決めます。1つのコラムでうまく回るようになったら、他のコラムも同じ方法で処理していけば、素材ライブラリは徐々に管理しやすくなり、コラム更新やページ改修時に画像探しで時間を取られることもなくなります。
