原稿ノートと写真カード、鉛筆を並べた紙細工のイラスト
解説用イラスト(AI生成)。実際の管理画面ではありません。
この手順でできること

必要な写真の一覧と、公開用の画像を準備できます。

作業を始める前に

  • テーマのトップ・サービス・会社概要・記事一覧を開き、画像の使い方を確認します。
  • 自社で使える写真と、その利用条件を確認します。
AT A GLANCE先に、全体の流れを確認
  1. 01掲載場所
  2. 02比率と文字
  3. 03事実と許可
  4. 04軽量化と確認

下の各項目で、判断のポイントと確認方法を説明します。

進め方・判断のポイント 04 STEPS

01

掲載場所ごとに必要な写真を分ける

トップの横長写真、サービスの作業風景、会社紹介の外観、実績の記録など、役割から必要な素材を決めます。すべてを同じ写真で埋めるより、各ページで何を伝えたいかを考えます。素材がない場合は、文章主体でも成立する構成かを確認します。

✓ 完了の目印

撮影・準備が必要な素材の一覧ができました。

02

文字が重なる位置と切り抜きを確認する

Heroに文字が重なる場合は、文字の背景になる場所が複雑すぎない写真を選びます。PCとスマートフォンでは表示領域の比率が変わり、顔や商品が切れることがあります。重要な被写体を端に寄せすぎず、必要なら端末別の表示設定があるか確認します。

✓ 完了の目印

主要な被写体と文字が両方見える素材を選べました。

03

事実と利用条件を確認する

実際の設備やスタッフを紹介する写真には、撮影・掲載の許可を確認します。素材写真やAI生成イラストを使う場合は、実在する自社の実績や社員として誤認させないようにします。配布素材の商用利用、加工、再配布などの条件は、提供元の案内で確認してください。

入力例・選択の目安
項目入力する内容・例
Hero事業の雰囲気と主題文字の背景とスマホの切り抜き。
会社紹介外観・設備・職場実際の場所と掲載許可。
記事・解説内容を補う写真や図実写とイメージを区別。
✓ 完了の目印

使える範囲と写真の役割を確認しました。

04

公開用に整えて差し替える

元データを残した上で、掲載場所に合う比率と容量に整えます。記事や画像ブロックへ配置し、必要な代替テキストを付けます。デモ写真を差し替えた後は、明暗による文字の読みやすさと、ページ全体の色のまとまりを確認します。

✓ 完了の目印

自社の素材で読みやすい表示になりました。

終わったら確認すること

  • 画像のファイル名、利用条件、撮影日や更新日をまとめて管理します。

途中で困ったときは

写真が少ないとテーマを使えませんか?

写真点数を抑えた構成や、文章・図を中心にしたページも考えられます。大きな写真を前提とする候補だけでなく、自社の素材で成立するテーマを比べてください。

参照した公式資料

画面や条件が異なる場合は、ご利用環境と公式の最新案内を確認してください。

手順確認日 2026.10.29 / 読む時間は目安です。操作に必要な時間は環境によって異なります。