ホームページを制作する際、他人が作成した画像や写真を自分のサイトに掲載する「引用」は、一定の条件を満たせば法律上認められています。
しかし、文章（テキスト）の引用と同じ感覚で画像を扱うのは非常に危険です。画像は作品としての独立性が高く、著作権侵害に該当しやすいため、実務ではトラブルにつながるケースも少なくありません。
特に、SNS投稿のスクリーンショット、商品画像の無断転載、ロゴの使用、人物写真の取り扱いなど、画像特有のリスクは多岐にわたります。
さらに、引用のつもりで行った使用でも、「改変」「無断転載」「商標権侵害」「肖像権侵害」といった別の権利問題に発展する可能性があります。
ここでは、画像引用における基本ルールから、実務でよくあるトラブル事例、そして著作権・商標権・肖像権それぞれの注意点まで、ホームページ制作の現場で必要な知識を整理して解説します。
Contents
画像・写真の「引用」は文章よりも厳しく扱われる
ホームページを制作する上で、他人のコンテンツを自分のページに掲載する「引用」は認められています。
しかし、「文章（テキスト）の引用」と同じ感覚で「画像や写真の引用」を行うのは非常に危険です。
なぜなら、画像はテキストに比べて著作権の侵害にあたりやすく、実務上のトラブルに発展するケースが後を絶たないからです。
まずは、画像引用が厳しく扱われる理由と、最低限知っておくべき基本ルールを解説します。
テキスト（文章）の一部引用と画像（作品全体）の引用の違い
テキストを引用する場合、通常は長い文章の中から「必要な一部分だけ」を抜き出します（部分引用）。そのため、元の文章のすべてを複製（コピー）することにはなりません。
一方で、画像や写真の場合は、その「画像1枚」自体が一つの独立した完成した作品（著作物全体）です。いくら自分のページに縮小して載せたとしても、画像そのものを丸ごとコピーして掲載することになるため、本質的に「全部引用（複製）」になってしまいます。
作品のすべてを自分のサイトに載せることになるからこそ、画像引用はテキストの引用よりも権利侵害のリスクが高く、厳格なルールを守る必要があります。
直リンクによるサーバー負荷と著作権侵害リスク
画像を引用する際、絶対にやってはいけないのが「直リンク」です。
直リンクとは、引用元サイトにある画像のURLを、自分のサイトの <img> タグの src 属性にそのまま指定して表示させる行為を指します。
直リンクがNGとされる理由は次のとおりです。
- 相手のサーバーに負荷をかける（実務トラブル）：
あなたのサイトにアクセスがあるたびに、引用元サイトのサーバーから画像データが読み込まれます。相手のサーバー帯域や電気代を勝手に消費することになり、非常に迷惑な行為です。 - 著作権侵害や利用規約違反になる：
多くのサイトが直リンクを禁止しており、「公正な慣行」に反すると判断されやすい行為です。
画像を正しく引用する際は、直リンクではなく、一度自分のサーバーに画像を保存した上で掲載するのが基本です（ただし、後述する適法な引用要件を満たしていることが大前提となります）。
引用として認められるケース／認められないケース
HTMLの書き方を学ぶ前に、その画像掲載がそもそも「引用」として認められる状態なのかを確認します。
⭕️ 引用として認められるケース（適法）
引用として認められるには、法律上の必須条件と実務上の判断基準を満たす必要があります。
1．法律上の絶対的な必須条件
著作権法32条および判例により、引用が成立するためには次の5要件をすべて満たす必要があります。
- 公表された著作物であること：すでにネット上や書籍などで一般に公開されている画像である必要があります。
- 引用の必然性があること：その画像がないと論旨が成立しない状態であること。（※単なる「飾り」や「アイキャッチ」としての使用は認められません）
- 主従関係が明確であること：自分の書いたオリジナル文章が「主」、引用する画像が「従」というボリュームのバランスを保っていること。
- 引用部分が明確に区別されていること：どこからどこまでが引用画像なのか、枠線や背景色、専用のHTMLタグ（figureなど）を用いて明確に区別していること。
- 出所を明示していること：画像のすぐ近くに、著作者名や引用元のサイト名、該当ページへのリンク（URL）を正しく記載していること。
これらは「1つでも欠けると即アウト（無断転載扱い）」になる、法律上の絶対的な必須条件です。
2．実務上の判断基準：「引用として認められるケース」の具体例
上記の5要件を踏まえた上で、Web制作の実務において「どんな使い方なら認められ、どんな使い方がアウトになるのか」の具体的な判断ケースを見てみます。
・ 実務上引用として認められるケース（セーフ）
- 新旧の製品デザインを比較・批評する：
「〇〇の新型モデルは、旧型と比べてカメラの配置がこう変わった」という解説文（主）を書き、それを証明するために新旧の公式画像（従）を並べて掲載する場合。これは解説に画像が不可欠なため「必然性」があります。 - 特定の絵画やイラストの技法を分析する：
「このイラストは〇〇という技法が使われている」という解説（主）の補足として、該当の作品（従）を掲載する場合。
❌ 引用として認められないケース（アウト）
- 記事の見栄えを良くするための「飾り」や「アイキャッチ」：
記事の内容と直接関係のない綺麗な風景写真をトップ画像として使う行為。これはただのデザイン目的であり、その画像である「必然性」がありません。 - 自分の文章が2〜3行で、画像がメインのギャラリーサイト：
他人の画像を並べることがメインになっており、「主従関係」が完全に逆転しています。 - 画像を改変している：引用元の画像に勝手に文字を入れたり、トリミング（切り抜き）して掲載したりする行為。いくらHTMLのコードを正しく書いても、この「主従関係」や「必然性」がなければ単なる無断転載になってしまいます。
画像の「改変」はどこまで許されるのか
画像引用で最も誤解されやすいのが「加工（改変）」の扱いです。
引用はあくまで「原作をそのままの形で掲載する」ことが前提であり、画像を勝手に編集すると、著作権だけでなく著作者人格権（同一性保持権）の侵害に該当する可能性があります。
・軽微な加工（許容される場合がある）
引用の目的を損なわず、作品の本質を変えない範囲であれば、軽微な加工が認められるケースがあります。
・サイズ変更（縮小・拡大）
→ 画質や構図を大きく損なわない範囲であれば許容されることが多い。
・必要最小限のトリミング（切り抜き）
→ 画面の不要な余白を少し切る程度なら認められる場合がある。
※ただし、作品の意味が変わる切り抜きはNG。
・ファイル形式の変換（PNG → JPGなど）
→ 作品の内容が変わらないため問題になりにくい。
これらは「引用のために必要な最低限の調整」と判断されることが多い。
・原則NG（引用の範囲を逸脱する加工）
作品の印象や意味を変えてしまう以下の加工は、引用の範囲を逸脱するため原則NGです。
画像の外側（HTMLテキスト）に書けば済むことを、あえて画像の中に描き込む必要性はない（必然性がない）と判断され、無断転載・権利侵害扱いになります。
・色調の大幅変更（モノクロ化・色味変更など）
→ 元画像が持つ本来の色彩や雰囲気を損なうような色調補正。サイトのデザイン都合で色を変える行為は完全にアウトです。
・文字の追加（キャプション・吹き出しなど）
→ 画像の中に勝手に独自の解説テキストやセリフ、吹き出しなどを合成する行為。画像の中に描き込まず、HTMLのテキストとして画像の下に記述すべきです。
・フィルター加工（アプリ風の加工）
→ イラスト調やヴィンテージ風など、デザイン的なエフェクトを上乗せする行為。サイトのトーン＆マナーに合わせたいという理由であっても、作品の意図を変えるため認められません。
これらは著作物の印象を変えるため、引用の範囲を逸脱する可能性が高いです。
・原則NGの加工（同一性保持権の侵害）
次のような加工は、引用では絶対に認められません。
・意味が変わる編集
→ 画像の一部を切り抜いて別の文脈で使用するなど。
・コラージュ的利用（合成・組み合わせ）
→ 原作の意図を損なうため、著作者人格権の侵害に該当。
・大幅なトリミング（構図が変わる切り抜き）
→ 作品の本質が変わるため引用では扱えない。
これらは「引用」ではなく「無断改変」とみなされ、著作権侵害＋著作者人格権侵害のダブルリスクを負う。
・加工したい場合はどうすればいい？
結論：著作権者から明確な許諾を得ることが唯一の安全策。
引用は「原作をそのまま使う」ことが前提であり、加工を前提とする場合は引用の枠組みから外れる。
画像引用でトラブルになりやすいケースと回避策
画像の引用は、出典を記載すれば必ず問題ないというものではありません。実際には、引用方法を誤ったことで著作権侵害や利用規約違反を指摘されるケースも少なくありません。
【ケース1】引用の範囲が広すぎる（自分のコンテンツより画像が多い）
画像引用で最も多いトラブルが、「引用部分の割合が大きすぎる」ケースです。
著作権法上の引用では、自分のコンテンツが主（メイン）、引用部分が従（サブ）でなければなりません。
例えば次のようなケースは問題になりやすくなります。
NG例
・記事の大半が他サイトの画像で構成されている
・自分の解説が数行しかない
・画像ギャラリーのように他人の画像を大量掲載している
・元サイトの内容をほぼそのまま転載している
極端な例では、
・「自分の文章300文字」
・「引用画像10枚」
のような記事では、引用画像が主役になっていると判断される可能性があります。
回避策
画像引用は、あくまでも自分の解説や批評、分析を補足するために使用します。
例えば、
・画像を掲載する理由を説明する
・画像について独自の考察を加える
・必要最小限の画像のみ引用する
といった構成にすると、主従関係が明確になります。
画像は記事の主役ではなく、解説を補強する資料として扱うことが重要です。
【ケース2：SNS画像】Twitter(X)やInstagramの画像をスクショで載せるのはNG？
芸能人の投稿や、一般ユーザーが投稿した魅力的な写真を自分のブログに載せたいとき、スマートフォンの「スクリーンショット（スクショ）」を使って掲載するケースが後を絶ちません。
発生するトラブル：利用規約違反および著作権侵害
SNSの投稿をスクショして自分のホームページに貼り付ける行為は、原則としてNG（無断転載）です。 画像の著作権は投稿したユーザーに帰属しているため、スクショ保存して勝手に自社サーバーにアップロードする行為は権利侵害になります。
回避策
SNSの画像を紹介したい場合は、スクショではなく必ず各SNSが公式に提供している「埋め込み（Embed）コード」を使ってください。
公式の「埋め込み」を使うべき理由：X（旧Twitter）やInstagramの利用規約には「ユーザーは投稿した時点で、他者が公式の埋め込み機能を使ってサイト内で表示させることを許諾する」という旨が明記されています。つまり、公式コードでの埋め込みであれば、相手の許可なく合法的に自社サイトに掲載することができます。
【ケース3：商用利用】アフィリエイトやコーポレートサイトでの引用注意点
アフィリエイトブログや企業サイトなど、商用目的のサイトでは引用の扱いがより厳しくなります。
商用利用の場合、著作権者が「引用を認めない」と明記しているケースも多く、引用の要件を満たしていてもトラブルになる可能性があります。
特に注意すべきなのは次の点です。
・商品画像を勝手に引用して紹介する
・メーカーサイトの画像を転載してレビュー記事を書く
・企業ロゴを無断で掲載する
これらは引用ではなく「宣伝目的の利用」と判断されることが多く、著作権者の許諾が必要です。
回避策
・営利目的での引用は最小限に留める
他社の製品画像やグラフをどうしても使わなければ「解説が成立しない」という必然性がある場合にのみ、細心の注意（HTMLタグの徹底）を払って引用してください。
・競合他社からの引用は避ける
ビジネス上のライバルにあたるサイトからの画像引用は、トラブルの火種になるため絶対に避けてください。
・商用利用可能な素材サイトを利用する
単なるイメージ画像（アイキャッチなど）であれば、引用ではなく「商用利用OK」と明記された有料・無料のストックフォトサービスから取得してください。
・商品画像は公式のアフィリエイトリンク（Amazon、楽天など）を利用する
レビュー記事や商品紹介で画像を使いたい場合は、他サイトから引用するのではなく、Amazonアソシエイトや楽天市場、ASP（A8.netなど）が公式に提供している「商品リンク（画像リンク）」を生成して掲載してください。
これらの公式リンク経由での画像表示は、ECサイトやメーカーから正式に許可されたシステムであるため、著作権侵害のリスクはゼロ（100%安全）です。
・メーカー画像を使う場合は必ず「利用規約」を確認する
商品の仕様表やプレスリリース画像を掲載したい場合、メーカーの公式サイト内にある「プレスキット」や「メディア向け素材ページ」を確認してください。「メディア掲載自由」「商用利用可」と明記されている素材であれば安全に使えます。規約に記載がない場合は、商用サイトへの転載は原則不可と考え、メーカーに直接問い合わせて確認してください。
・「ロゴ」は無断使用しない（引用ではなく商標としてのリスク）
有名企業やブランドの「ロゴマーク」は、著作権だけでなく「商標権」という強力な法律で守られています。
ロゴは単なる画像ではなく、ブランドの信用そのものを表すため、一般的な画像引用のルール（HTMLで出典を書くなど）を適用して勝手に掲載すると、商標権侵害として深刻な法的トラブルに発展します。ロゴの無断使用は絶対に避けてください。
・商用利用可能な素材サイトを利用する
単なるイメージ画像（アイキャッチや挿絵など）であれば、他サイトからの引用は避け、「商用利用OK」と明記された有料・無料のストックフォトサービス（Adobe Stock、Shutterstock、写真ACなど）から正規の手続きで取得してください。
【ケース4：ライセンスの誤解】Creative Commons（CC0・CC BYなど）の正しい扱い
「クリエイティブ・コモンズ（CC）」マークの画像はフリー素材ではありません。条件を誤解すると著作権侵害になります。
・CC0（パブリック・ドメイン）：著作権放棄。商用利用・改変・出典表記なしで利用可能。
・CC BY（表示）：原作者名や出典リンクを正しく記載すれば利用可能（怠ると違法）。
・CC NC（非営利）：アフィリエイトブログや企業サイトを含む、商用サイトでは一切使用不可。
・CC ND（改変禁止）：後述するトリミングなどの加工が一切禁止。元の状態のまま掲載が必須。
著作権フリー？クリエイティブコモンズ(CCライセンス)画像写真引用やりがちな違反.法律と実務の違い
著作権だけじゃない！画像引用に潜む商標権・肖像権リスク
・商標権（ロゴやブランドマーク）
有名企業やブランドの「ロゴマーク」は、著作権だけでなく「商標権」で守られています。
ロゴはブランドの信用そのものを表すため、一般的な画像引用のルール（出典を書くなど）を適用して勝手に掲載すると、商標権侵害として深刻な法的トラブルに発展します。ロゴの無断使用は絶対に避けてください。
・肖像権・パブリシティ権（人物写真）
タレント、インフルエンサー、あるいは一般人の顔が写っている写真は「肖像権」を侵害します。
特に著名人の場合は、顧客を誘引する経済的価値を守る「パブリシティ権」の侵害にもなり、多額の損害賠償請求に発展するリスクがあります。