画像とメディアアセット
概要
画像は、ブランド、製品、仕事、スペースを訪問者に素早く理解してもらうのに役立ちます。しかし、画像はウェブサイトをプロフェッショナルに見せなくする最も簡単な方法でもあります。サイズが大きすぎるとアップロードに失敗し、小さすぎるとぼやけ、説明がないと検索エンジンや支援ツールは画像を理解できません。
Kanorio の標準ウェブサイト画像は、モジュールを編集する際にアップロードして使用されます。現在、一元的に保存および選択するための独立した「メディアライブラリ」はありません。つまり、まず画像を入れるモジュールを決定し、次にそのフィールドからアセットをアップロードまたは選択します。
画像のアップロード場所
画像フィールドはモジュールによって表示されます。たとえば、ページヒーロー画像、画像とテキストのレイアウト、画像ギャラリー、製品表示、ヘッダーロゴ、ファビコンアイコン、ページ共有画像には、それぞれ独自の画像セレクターがあります。
1. 編集するモジュールを開く
エディタプレビューでモジュールをクリックするか、"レイアウト"リストから選択します。画像フィールドを見つけたら、クリックしてアップロード、画像を選択、または画像を置き換えます。まだ適切なコンテンツブロックがない場合は、"セクション"から追加できます。
2. 画像ソースの選択
画像セレクターには通常、「アップロード」、「画像URL」、「ストックフォト」の 3 つのソースが用意されています。コンピューターからファイルを選択したり、公開されている画像URLを貼り付けたり、Pexels または Pixabay のストックフォトライブラリから画像を選択したりできます。選択後、ロードが完了するのを待ち、プレビューが正しいことを確認します。
クロッピングツールが表示された場合は、表示領域を調整してからクロッピングを完了します。クロッピングが完了する前に設定パネルを離れるのを急がないでください。外部画像URLを使用する場合は、それらを使用する権利があり、ソースウェブサイトが公開ロードを許可していることを確認してください。ソースが画像を削除したり、URLを変更したり、アクセスを制限したりすると、ウェブサイトに表示されなくなる可能性があります。
3. 画像の説明を入力する
ALT テキストをサポートするフィールドには、画像の横に説明を提供します。ALT テキストは、一般的な訪問者向けの長いコピーではなく、画像のコンテンツの簡潔で具体的な説明です。
サポートされているフォーマットとサイズ
標準ウェブサイト画像は、JPG、JPEG、PNG、WebP フォーマットでアップロードできます。最大ファイルサイズはファイルあたり 10 MB です。このサイズを超えるファイル、空のファイル、または読み取れないファイルは拒否されます。
| フォーマット | 適切なシナリオ |
|---|---|
| JPG / JPEG | 写真、会場のショット、ポートレート、および豊かなカラーグラデーションを持つ画像。 |
| PNG | 透明な背景が必要なロゴ、アイコン、またはデザインドラフト。 |
| WebP | 通常、ファイルサイズが小さくなるウェブフレンドリーなフォーマット。 |
| HEIC / HEIF | 一般的な iPhone フォーマット。選択後、アップロード前にブラウザで互換性のある画像に変換されます。 |
HEIC または HEIF はサーバーに直接保存されるフォーマットではありません。Kanorio はまずブラウザで変換してから、アップロードされた互換性のある画像として処理します。変換に失敗した場合は、デバイスで JPG にエクスポートしてから再試行してください。
システムは、短期間での一括アップロードにも制限があります。現在、標準画像アップロードの保護制限は 1 分あたり 20 回です。一時的に制限された場合は、1 分待ってから再試行してください。繰り返しクリックしないでください。
画像 ALT テキストとは
ALT テキスト（画像の代替テキスト）は、画像を説明するテキストの一部です。画像がロードできない場合に代替の説明を提供します。スクリーンリーダーを使用する訪問者も、それを通じて画像を理解できます。Google のような検索エンジンは、画像コンテンツの理解を助けるためにそれを使用します。
優れた ALT テキストは、キーワードを詰め込むのではなく、「表示されている重要」なものを説明します。
| 不適切な実践 | より良い実践 |
|---|---|
| コーヒー、台北のコーヒー、コーヒーショップ | 台北のコーヒースタジオのカウンターにあるハンドドリップコーヒーとライトロースト豆 |
| 画像 | ダークブラウンのハンドメイドトートバッグを展示する革製品スタジオ |
| 当社の最高のサービス | 会議テーブルの横で 2 人の創業者にブランド戦略を説明するコンサルタント |
装飾的な画像には詳細な ALT テキストは必要ない場合があります。しかし、製品、作品、人物、場所、プロセス、重要なインフォグラフィックは明確に説明する必要があります。
自動画像 ALT テキスト補完
エディタの"設定" → "詳細"で、自動画像 ALT テキスト補完を有効にできます。ウェブサイトを公開または更新すると、システムは手動で入力されたテキストを上書きせずに、ALT テキストが欠落している互換性のある画像に説明を追加しようとします。これは基本的な支援を提供しますが、重要な画像については、システムは訪問者に最も理解してほしい特定の詳細を知ることができないため、手動で確認および修正することが引き続き推奨されます。
無料ストックフォト
画像セレクターは、2 つの無料ストックフォトソースとして Pexels と Pixabay を提供しています。まだ独自の画像が準備できていない場合は、キーワードで検索し、適切な写真を選択してモジュールに追加できます。
Pexels および Pixabay の使用ライセンス
Pexels ライセンスおよびPixabay コンテンツライセンスの現在の規約によると、両方のライブラリのコンテンツは、個人および商用ウェブサイトで無料で利用でき、サイトに合わせて必要に応じてトリミングまたは変更できます。追加料金を支払う必要も、公開ウェブサイトで写真家またはストックフォトソースをクレジットする必要もありません。
Kanorio は、画像ソースと写真家の情報を選択インターフェースに表示し、アセットの作成者について簡単に知ることができます。クレジットしたい場合は、それでも歓迎される実践です。
これらのライセンスは「あらゆる目的での無制限の使用」を意味するものではありません。大幅な変更なしにストックフォトを個別の資産として販売または再配布したり、画像自体を商標、ブランドロゴ、その他の識別マークとして使用したりしないでください。
ストックフォトを使用する場合は、コンテンツを実際に表す画像を選択してください。レストラン、ショップ、製品、チーム、プロジェクトに実際の写真がある場合は、それらの本物の素材を優先して使用してください。これらは一般的に、一般的なストック画像よりも信頼を築きます。
ストックフォトには、認識可能な人物、商標、ブランド、建物、または芸術作品が含まれる場合があります。画像がコアブランドビジュアル、広告、主要製品画像、またはその他の機密性の高いコンテキストで使用される場合は、まずモデル、商標所有者、個人、所有者、またはその他の第三者から同意が必要かどうかを確認してください。Kanorio もストックフォトの利用規約も、特定の用途のライセンスに関する独自の判断に代わるものではありません。
画像の品質とウェブサイトのパフォーマンス
Kanorio は Cloudflare Images を使用して標準ウェブサイト画像を保存および配信し、公開ウェブサイトが使用コンテキストに基づいてより適切な画像バージョンを取得できるようにします。システムは、元のぼやけた写真を鮮明でプロフェッショナルなものに変えることはできないため、ソースで鮮明で構成の良い画像を選択する必要があります。
アップロードする前に、これらの原則を検討してください。
- バナーまたはカバーには風景画像を選択し、ポートレートまたは作品には縦向き画像を選択します。
- 画像の端の近くに重要なテキストを配置しないでください。モバイルデバイスでは切り取られる可能性があります。
- 作品セットに類似のアスペクト比と照明を使用すると、より一貫した外観になります。
- ファイルサイズを削減するためだけにピクセル化するまで圧縮しないでください。また、実際に必要なサイズよりもはるかに大きいファイルをアップロードしないでください。
共有画像と標準画像
Facebook、LinkedIn、X などのプラットフォームでページが共有されると、ソーシャル共有プレビューが表示されます。この画像は OG 画像（ソーシャル共有プレビュー画像）と呼ばれ、標準のモジュール画像ではありません。
"ページ"の SEO 設定から、各ページの共有画像を管理します。共有画像を直接アップロードせず、自動共有画像機能が有効になっている場合、システムはページタイトルとブランド設定に基づいてプレビュー画像を生成します。SEO の詳細については、「完全な SEO セットアップ」をお読みください。
動画とその他のメディア
この記事では、主に標準ウェブサイト画像について説明します。YouTube、TikTok、Spotify、Apple Music、ポッドキャスト、フォーム、または予約ツールをウェブサイトに表示したい場合は、動画ファイルを画像としてアップロードするのではなく、対応する統合モジュールを使用してください。
ヒント
- アップロードする前に、ファイル名に目的を追加してください（例：
coffee-studio-bar.jpg）。これにより、後でローカルファイルを整理しやすくなります。 - 公開する前に、重要な画像に ALT テキストを記述してください。SEO チェックまで一度にすべて入力するのを待たないでください。
- 画像を置き換えた後、モバイルでプレビューして、特にカバーやフルブリードの大きな画像でクロッピングを確認してください。
- ストックフォトはあくまで出発点です。実際のケーススタディができたら、独自の写真に置き換えることを優先してください。
よくある質問
単一の画像の最大ファイルサイズは 10 MB です。まず、写真編集ツールを使用して、寸法を縮小するか、よりウェブに適した JPG、PNG、または WebP をエクスポートしてから、再アップロードしてください。同じサイズの大きなファイルを繰り返しアップロードしないでください。
元の画像の解像度が低い、画像が元のサイズを超えて拡大された、またはクロッピング後に残った領域が小さいことが原因である可能性があります。より鮮明な元の画像を使用し、プレビューでクロッピング領域を確認してください。
はい。「画像URL」タブで、公開されている画像URLを貼り付けることができます。システムは外部画像に関連するリスクについて警告します。使用する権利があるソースのみを使用してください。ログインが必要な URL、一時的な URL、または外部ロードを許可しない URL は貼り付けないでください。画像がウェブサイトにとって重要である場合は、ソースウェブサイトがアドレスを変更したり、画像を削除したり、アクセスを制限したりした場合の問題を回避するために、独自のファイルをアップロードすることをお勧めします。
ファイルが 10 MB を超えていないか、フォーマットが正しいか、インターネット接続が安定しているか、短時間に多数のファイルをアップロードしていないかを確認してください。それでも失敗する場合は、JPG または WebP で再試行し、エラーメッセージがあればカスタマーサポートの支援のために記録してください。
重要なコンテンツ画像には ALT テキストが必要です。純粋に装飾的な画像には長い説明は必要ないかもしれませんが、製品、作品、サービスプロセス、または重要なテキストを含む画像のいずれにも説明がない状態にしないようにしてください。
はい。両方のストックフォトサイトの現在のライセンス条件によると、コンテンツは商用ウェブサイトで無料で利用でき、通常はソースを自分でクレジットする必要はありません。ただし、人物、商標、ブランド、建物などの認識可能な要素には、追加の権利制限がある場合があります。重要な商用利用の前に、ご自身で確認してください。
Kanorio はブラウザで HEIC または HEIF 画像の変換を試みます。デバイスまたは画像が変換できない場合は、まず携帯電話またはコンピューターで JPG にエクスポートしてから、再アップロードしてください。