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

王林
Freigeben: 2024-08-29 15:03:03
Original
312 Leute haben es durchsucht

How to auto-generate the image Alt-Text using AI and Transformers PHP

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">
Nach dem Login kopieren

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 dem Login kopieren

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';
Nach dem Login kopieren

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;
Nach dem Login kopieren
  • 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();

Nach dem Login kopieren
  • 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');
Nach dem Login kopieren

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');
Nach dem Login kopieren

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;
Nach dem Login kopieren

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!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage