画像は、訪問者がブランド、製品、仕事、空間を素早く理解するのに役立ちます。しかし、画像はWebサイトをプロフェッショナルではない印象にしてしまう最も簡単な要因でもあります。ファイルサイズが大きすぎるとアップロードに失敗し、小さすぎるとぼやけて見え、説明文がない画像は検索エンジンや支援ツールにとって理解不能なものとなります。
KanorioのWebサイト画像は、モジュール編集時に直接アップロードして使用します。現在、事前にアセットを保存しておく中央集権的な「メディアライブラリ」はありません。つまり、画像を配置したいモジュールを決定してから、その特定のフィールドでアップロードまたは選択を行います。
画像フィールドはモジュールに基づいて表示されます。例えば、ヒーローセクション、画像とテキストのペア、ギャラリー、製品表示、サイトロゴ、ファビコン、SNS共有画像には、それぞれ専用の画像ピッカーがあります。
エディターのプレビューでモジュールをクリックするか、"レイアウト"リストから選択します。画像フィールドを見つけたら、クリックして画像をアップロード、選択、または変更します。適切なコンテンツブロックがまだない場合は、"セクション"から追加できます。
画像ピッカーは通常、「アップロード」、「画像URL」、「ストックライブラリ」の3つのソースを提供します。コンピュータからファイルを選択したり、公開されている画像URLを貼り付けたり、PexelsやPixabayから選択したりできます。選択後、読み込みを待ってプレビューが正しいことを確認してください。
クロッピングツールが表示された場合は、完了前に表示領域を調整してください。クロッピングが完了するまで設定パネルを閉じないでください。外部画像URLを使用する場合は、使用権があること、およびソースサイトがパブリック読み込みを許可していることを確認してください。ソースが画像を削除したり、URLを変更したり、アクセスを制限したりすると、Webサイトで表示できなくなる可能性があります。
ALTテキストをサポートするフィールドでは、画像の横に説明を提供してください。ALTテキストは一般的な訪問者向けの長い文章ではなく、画像の内容を簡潔かつ具体的に説明するものです。
一般的なWebサイト画像は、JPG、JPEG、PNG、WebPをサポートしています。最大ファイルサイズは1ファイルあたり10MBです。これを超えるサイズ、空のファイル、または認識できない形式のファイルは拒否されます。
一般的なWebサイト画像は、PDF、音声、動画ファイルに使用されるメディアストレージのクォータにはカウントされません。ただし、これは10MBの制限や形式の制限を免除するものではありません。PDF、音声、動画、またはデジタル製品ファイルをアップロードまたは管理する必要がある場合は、Webサイトストレージの管理をお読みください。
| 形式 | 用途 |
|---|---|
| JPG / JPEG | 写真、会場の撮影、ポートレート、豊かなグラデーションを持つ画像。 |
| PNG | ロゴ、アイコン、または透明な背景が必要なデザイン。 |
| WebP | ファイルサイズが小さく、Webに適した画像。 |
| HEIC / HEIF | 一般的なiPhone形式。アップロード前にブラウザ内で互換性のある画像に変換されます。 |
HEICまたはHEIFはサーバーに直接保存されません。Kanorioは、互換性のあるアップロードとして処理する前に、ブラウザ内でそれらを変換します。変換に失敗した場合は、デバイス上でJPGとしてエクスポートしてから再度試してください。
また、悪用を防ぐためにアップロードにはレート制限があります。現在の保護制限は1分間に20アップロードです。一時的に制限された場合は、1分待ってから再度試してください。繰り返しクリックすることは避けてください。
ALTテキスト（代替テキスト）は画像の説明です。画像が読み込めない場合のフォールバックを提供し、スクリーンリーダーを使用する訪問者が内容を理解するのを助けます。Googleなどの検索エンジンも、画像をよりよく理解するためにこれを使用します。
優れたALTテキストは、キーワードを詰め込むのではなく、「何が見えるか」を説明します。
| 悪い例 | 良い例 |
|---|---|
| コーヒー、台北コーヒー、コーヒーショップ | 台北のコーヒースタジオのカウンターにあるハンドドリップコーヒーと浅煎り豆 |
| 画像 | レザースタジオに展示されている深い茶色のハンドメイドトートバッグ |
| 私たちの最高のサービス | 会議テーブルで2人の創業者にブランド戦略を説明するコンサルタント |
装飾的な画像には詳細なALTテキストは必要ないかもしれませんが、製品、作品、ポートレート、会場、プロセス、重要なインフォグラフィックは明確に説明されるべきです。
サイトを公開または更新すると、システムはALTテキストが欠落している互換性のある画像に対して、自動的に説明を入力します。この機能は常に有効であり、設定は不要です。システムはモジュールのテキストやページの内容に基づいて説明を導き出し、手動で入力したテキストを上書きすることはありません。
これは基本的な支援を提供するものですが、システムは訪問者にどの詳細に注目してほしいかを判断できないため、重要な画像については手動でALTテキストを確認および書き直すことをお勧めします。
画像ピッカーは、PexelsとPixabayという2つの無料ストックライブラリを提供します。独自の画像が準備できていない場合は、キーワードで検索して、モジュールに追加する適切な写真を選択できます。
現在のPexelsライセンスおよびPixabayコンテンツライセンスの条件に基づき、両ライブラリのコンテンツは個人および商用Webサイトで無料で使用でき、必要に応じてクロップや変更が可能です。追加料金を支払う必要はなく、サイト上で写真家やライブラリをクレジット表記する必要もありません。
Kanorioは、作成者を認識できるようにピッカー内に画像ソースと写真家情報を表示します。クレジット表記は歓迎される慣行です。
これらのライセンスは「いかなる用途にも無制限」ではありません。ストック写真を独立したアセットとして販売または再配布したり、画像自体を商標、ブランドロゴ、その他の識別子として使用したりしないでください。
ストック写真を使用する場合は、コンテンツを真に表現する画像を選択してください。レストラン、店舗、製品、チーム、または作品の実際の写真がある場合は、汎用的なストック写真よりも信頼を築くことができるため、独自のアセットの使用を優先してください。
ストック写真には、認識可能な人物、商標、ブランド、建物、または芸術作品が含まれている場合があります。ブランドの主要なビジュアル、広告、主要な製品画像、またはその他の機密性の高いコンテキストで画像を使用する場合は、モデル、商標、ポートレート、財産、またはその他の第三者の権利について同意が必要かどうかを確認してください。Kanorioもストックライブラリの条件も、特定の利用権に関するお客様自身の判断に代わるものではありません。
KanorioはCloudflare Imagesを使用して一般的なWebサイト画像を保存および配信し、サイトがコンテキストに最適なバージョンを取得できるようにします。システムはぼやけた写真をプログレードの画像に変えることはできないため、ソースから鮮明で構成の整った画像を選択する必要があります。
アップロード前に以下の原則に従ってください：
誰かがFacebook、LinkedIn、Xなどでページを共有すると、ソーシャルプレビューが表示されます。これはOG画像（Open Graph image）と呼ばれ、一般的なモジュール画像ではありません。
各ページの共有画像は、"ページ"のSEO設定で管理します。手動で画像がアップロードされておらず、自動共有機能が有効になっている場合、システムはページタイトルとブランド設定に基づいてプレビューを生成します。SEOの詳細については、「完全なSEO設定」をお読みください。
このガイドは一般的なWebサイト画像に焦点を当てています。YouTube、TikTok、Spotify、Apple Music、ポッドキャスト、フォーム、または予約ツールを表示するには、動画ファイルを画像としてアップロードするのではなく、対応する統合モジュールを使用してください。
coffee-studio-bar.jpg）。これにより、ローカルでのアセット管理が容易になります。1枚の画像の最大サイズは10MBです。再アップロードする前に、サイズを変更するか、写真ツールを使用してWebに適したJPG、PNG、またはWebPファイルとしてエクスポートしてください。同じ巨大なファイルを繰り返しアップロードしないでください。
元の解像度が低い、画像が元のサイズを超えて拡大されている、またはクロッピングによって小さな領域しか残っていないことが原因である可能性があります。より鮮明な元の画像を使用し、プレビューでクロップ領域を確認してください。
はい。「画像URL」タブでは、公開されているURLを貼り付けることができますが、システムは外部画像のリスクについて警告します。使用権があるソースのみを使用してください。ログインが必要なURL、期限切れになるURL、または外部読み込みを許可していないURLは貼り付けないでください。画像が重要なアセットである場合は、リンク切れやソースサイトによる削除を避けるため、独自のファイルをアップロードすることをお勧めします。
ファイルが10MB以下であること、形式が正しいこと、インターネット接続が安定していること、短時間に大量のファイルをアップロードしていないことを確認してください。それでも失敗する場合は、JPGまたはWebPに変換し、サポートのためにエラーメッセージを記録してください。
重要なコンテンツ画像には入力すべきです。純粋に装飾的な画像には長い説明は不要ですが、製品、作品、サービスプロセス、または重要なテキストを含む画像を説明なしで放置しないでください。
はい。現在の条件に基づき、コンテンツは商用Webサイトで無料で使用でき、通常クレジット表記は不要です。ただし、人物、商標、ブランド、建物などの認識可能なコンテンツには追加の制限がある場合があります。重要な商用利用の前に確認してください。
Kanorioはブラウザ内でHEICまたはHEIFを変換しようとします。デバイスや画像が変換できない場合は、携帯電話やコンピュータでJPGとしてエクスポートしてから再アップロードしてください。