AI と Transformers PHP を使用して画像の Alt-Text を自動生成する方法

この記事では、TransformersPHP ライブラリを使用して画像から代替テキスト (代替テキスト) を生成する手順を説明します。

代替テキストはアクセシビリティと SEO にとって重要であり、スクリーン リーダーや検索エンジンに画像の説明をテキストで提供します。

画像の代替テキストとは何ですか?

代替テキスト (代替テキスト) は、HTML コードに表示される画像を簡単に説明します。画像の読み込みに失敗した場合に画像の代わりに表示され、視覚障害のあるユーザーに画像を説明するためにスクリーン リーダーによって使用されます。

Alt タグが重要な理由

Alt タグはアクセシビリティにとって重要であり、スクリーン リーダーが視覚障害を持つユーザーに画像を説明できるようにします。また、検索エンジンが画像の内容を理解できるようにすることで SEO も強化され、Web サイトのランキングを向上させることができます。

HTML で画像に代替テキストを追加するにはどうすればよいですか?

HTML の画像に代替テキストを追加するには、 内に alt 属性を含めます。タグ:

<img src="image.jpg" alt="A description of the image">

TransformersPHP を使用して画像から代替テキストを生成する方法

ステップ 1: プロジェクトをセットアップする

コードに入る前に、TransformersPHP ライブラリをインストールしてください。
次のコマンドを実行すると、Composer 経由でインストールできます:

composer require codewithkyrian/transformers

インストールしたら、新しい空のファイルを作成し、自動ロード ファイルを要求することで、ライブラリの操作を開始できます。

<?php
require './vendor/autoload.php';

require 命令は、Composer が提供する必要なクラスと依存関係をすべてロードするため、必須です。

ステップ 2: 必要なクラスをインポートする

次に、使用される関連クラスと関数をインポートする必要があります。

use Codewithkyrian\Transformers\Transformers;
use Codewithkyrian\Transformers\Utils\ImageDriver;
use function Codewithkyrian\Transformers\Pipelines\pipeline;

• トランスフォーマー: メイン クラスはモデルのセットアップと処理を処理します。
• ImageDriver: このユーティリティ クラスは画像処理を管理します。 IMAGICK ドライバーは、PHP で画像を処理するための一般的な選択肢です。
• パイプライン: この関数は、特定の処理パイプライン (この場合は画像をテキストに変換) を開始するため、非常に重要です。

ステップ 3: Transformers クラスを初期化する

代替テキストを生成する前に、Transformers クラスを初期化して構成する必要があります。

Transformers::setup()
    ->setImageDriver(ImageDriver::IMAGICK)
    ->setCacheDir('./models')
    ->apply();

• setImageDriver(): 画像処理ドライバーを指定します。ここでは堅牢性を重視した IMAGICK を使用しています。
• setCacheDir(): モデルがキャッシュされるディレクトリを定義し、ダウンロードの繰り返しを避けることでパフォーマンスを向上させます。
• apply(): セットアップを完了し、構成をアクティブ化します。

ステップ 4: パイプラインを設定する

パイプラインは、入力 (画像) を出力 (テキスト) に変換する一連のプロセスです。次のようにパイプラインを定義する必要があります:

$pipeline = pipeline('image-to-text');

画像からテキストへのパイプラインは画像を分析し、説明的なテキストを生成します。このステップでは、パイプラインの処理を準備します。

ステップ 5: 代替テキストを生成する

最後に、画像ファイルをパイプラインに渡して代替テキストを生成できます。

$result = $pipeline('test-image.webp');

このコマンドは test-image.webp を処理し、生成されたテキストを含む結果を返します。
完全な URL を使用してリモート画像を使用することもできます。

生成されたテキストを表示するには、次を使用できます。

echo $result[0]['generated_text'] . PHP_EOL;

$result 変数は、1 つの要素 ([0]) と generated_text という名前の属性を持つ配列です
これにより、代替テキストがコンソールまたは Web ページに出力されます。

結論

TransformersPHP を使用すると、画像から代替テキストを簡単に生成できます。環境を設定し、必要なクラスを初期化し、パイプラインを定義することで、任意の画像を説明テキストに簡単に変換できます。生成されたテキストを img HTML タグの alt として使用することは、Web コンテンツのアクセシビリティを向上させ、能力に関係なくすべてのユーザーがサイト上のコンテンツを確実に理解できるようにするのに特に役立ちます。

参考文献

• TransformersPHP Web サイト: https://codewithkyrian.github.io/transformers-php/
• TransformersPHP ソース コード: https://github.com/CodeWithKyrian/transformers-php
• TransformersPHP に関する紹介記事: https://dev.to/robertobutti/machine-learning-with-php-5gb
• TransformersPHP 公式ドキュメント: https://codewithkyrian.github.io/transformers-php/introduction
• 著者、素晴らしい Kyrian https://x.com/CodeWithKyrian、このオープンソース PHP プロジェクトの構築にご尽力いただきありがとうございます ✨

以上がAI と Transformers PHP を使用して画像の Alt-Text を自動生成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。