So generieren Sie den Bild-Alt-Text mithilfe von AI und Transformers PHP automatisch

In diesem Artikel führen wir Sie durch die Generierung von Alternativtext (Alt-Text) aus einem Bild mithilfe der TransformersPHP-Bibliothek.

Alt-Text ist entscheidend für Barrierefreiheit und SEO, da er eine Textbeschreibung von Bildern für Screenreader und Suchmaschinen bereitstellt.

Was ist Alt-Text für Bilder?

Alt-Text (Alternativtext) beschreibt kurz ein Bild, das im HTML-Code erscheint. Es wird anstelle eines Bildes angezeigt, wenn es nicht geladen werden kann, und wird von Bildschirmleseprogrammen verwendet, um sehbehinderten Benutzern das Bild zu beschreiben.

Warum sind Alt-Tags wichtig?

Alt-Tags sind für die Barrierefreiheit von entscheidender Bedeutung, da sie es Screenreadern ermöglichen, Bilder für Benutzer mit Sehbehinderungen zu beschreiben. Sie verbessern auch die Suchmaschinenoptimierung, indem sie Suchmaschinen helfen, den Inhalt von Bildern zu verstehen, was das Ranking Ihrer Website verbessern kann.

Wie fügt man Bildern in HTML Alternativtext hinzu?

Um einem Bild in HTML Alternativtext hinzuzufügen, fügen Sie das Alt-Attribut in das -Feld ein. Tag:

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

So generieren Sie mit TransformersPHP alternativen Text aus einem Bild

Schritt 1: Richten Sie das Projekt ein

Bevor Sie in den Code eintauchen, installieren Sie bitte die TransformersPHP-Bibliothek.
Sie können es über Composer installieren, indem Sie Folgendes ausführen:

composer require codewithkyrian/transformers

Nach der Installation können Sie mit der Bibliothek arbeiten, indem Sie eine neue leere Datei erstellen und die Autoload-Datei anfordern:

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

Die Anforderungsanweisung ist wichtig, da sie alle erforderlichen Klassen und Abhängigkeiten lädt, die Composer bereitstellt.

Schritt 2: Notwendige Klassen importieren

Als nächstes müssen Sie die relevanten Klassen und Funktionen importieren, die verwendet werden:

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

• Transformers: Die Hauptklasse übernimmt die Modelleinrichtung und -verarbeitung.
• ImageDriver: Diese Dienstprogrammklasse verwaltet die Bildverarbeitung. Der IMAGICK-Treiber ist eine beliebte Wahl für die Verarbeitung von Bildern in PHP.
• Pipeline: Diese Funktion ist von entscheidender Bedeutung, da sie eine bestimmte Verarbeitungspipeline initiiert, die in diesem Fall Bilder in Text umwandelt.

Schritt 3: Initialisieren Sie die Transformers-Klasse

Vor dem Generieren von Alternativtext muss die Transformers-Klasse initialisiert und konfiguriert werden:

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

• setImageDriver(): Gibt den Bildverarbeitungstreiber an. Hier verwenden wir IMAGICK wegen seiner Robustheit.
• setCacheDir(): Definiert das Verzeichnis, in dem Modelle zwischengespeichert werden, wodurch die Leistung verbessert wird, indem wiederholte Downloads vermieden werden.
• apply(): Schließt das Setup ab und aktiviert die Konfiguration.

Schritt 4: Richten Sie die Pipeline ein

Die Pipeline ist eine Reihe von Prozessen, die Eingaben (ein Bild) in Ausgaben (Text) umwandeln. Sie müssen die Pipeline wie folgt definieren:

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

Die Bild-zu-Text-Pipeline analysiert ein Bild und generiert einen beschreibenden Text. Dieser Schritt bereitet die Pipeline auf die Verarbeitung vor.

Schritt 5: Alternativtext generieren

Schließlich können Sie eine Bilddatei an die Pipeline übergeben, um den Alternativtext zu generieren:

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

Dieser Befehl verarbeitet test-image.webp und gibt ein Ergebnis zurück, das den generierten Text enthält.
Sie können auch ein Remote-Bild mit einer vollständigen URL verwenden.

Um den generierten Text anzuzeigen, können Sie Folgendes verwenden:

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

Die $result-Variable ist ein Array mit einem Element ([0]) und einem Attribut namens generic_text
Dadurch wird der Alternativtext an die Konsole oder Webseite ausgegeben.

Abschluss

Mit TransformersPHP ist das Generieren von Alternativtext aus Bildern ganz einfach. Sie können jedes Bild problemlos in beschreibenden Text umwandeln, indem Sie die Umgebung einrichten, die erforderlichen Klassen initialisieren und eine Pipeline definieren. Die Verwendung des generierten Texts als Alt im img-HTML-Tag ist besonders nützlich, um die Zugänglichkeit von Webinhalten zu verbessern und sicherzustellen, dass alle Benutzer, unabhängig von ihren Fähigkeiten, den Inhalt Ihrer Website verstehen können.

Referenzen

• TransformersPHP-Website: https://codewithkyrian.github.io/transformers-php/
• TransformersPHP-Quellcode: https://github.com/CodeWithKyrian/transformers-php
• Einführungsartikel über TransformersPHP: https://dev.to/robertobutti/machine-learning-with-php-5gb
• Offizielle Dokumentation zu TransformersPHP: https://codewithkyrian.github.io/transformers-php/introduction
• Der Autor, der großartige Kyrian https://x.com/CodeWithKyrian, vielen Dank für all Ihre Bemühungen beim Aufbau dieses Open-Source-PHP-Projekts ✨

Das obige ist der detaillierte Inhalt vonSo generieren Sie den Bild-Alt-Text mithilfe von AI und Transformers PHP automatisch. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!