So konvertieren Sie eine PNG-Datei in eine Webp-Datei

Question 1

Ich muss ein Bild umwandeln (PNG) zu (Webp) Datei.

Nach dem Hochladen einer png Datei, die webp Bild wurde generiert, aber die webp Datei hat die Transparenz von a nicht kopiert png Datei, stattdessen wird ein schwarzer Hintergrund erstellt.

Das ist mein PHP-Code:

$type = wp_check_filetype($file, null);
$ext = $type['ext'];
if ($ext === 'png') {
    $im = imagecreatefrompng($file);
    imagepalettetotruecolor($im);
    $webp = imagewebp($im, str_replace('png', 'webp', $file));
}
imagedestroy($im);

Die PHP-Version ist 5.6

Question 2

Getestet auf 7.3.0 – funktioniert.

HAFTUNGSAUSSCHLUSS: Funktioniert möglicherweise nur mit späteren oder einigen PHP-Versionen.

Nur getestet auf 5.6.15 (funktionierte nicht, schwarzer Hintergrund) und 7.3.0 (funktionierte, transparenter Hintergrund).

Hier ist der Code:

// get png in question

$pngimg = imagecreatefrompng($file);

// get dimens of image

$w = imagesx($pngimg);
$h = imagesy($pngimg);;

// create a canvas

$im = imagecreatetruecolor ($w, $h);
imageAlphaBlending($im, false);
imageSaveAlpha($im, true);

// By default, the canvas is black, so make it transparent

$trans = imagecolorallocatealpha($im, 0, 0, 0, 127);
imagefilledrectangle($im, 0, 0, $w - 1, $h - 1, $trans);

// copy png to canvas

imagecopy($im, $pngimg, 0, 0, 0, 0, $w, $h);

// lastly, save canvas as a webp

imagewebp($im, str_replace('png', 'webp', $file));

// done

imagedestroy($im);

Bearbeiten 1. *** BEWEIS

Die PHP-GD-Bibliothek basiert auf der libgd-Bibliothek.

Verknüpfung:

https://github.com/libgd/libgd

Relevanter Code zum Speichern (Datei: gd_webp.c), Auszug, der die Achtung des Alpha-Kanals zeigt, falls vorhanden:

            c = im->tpixels[y][x];
            a = gdTrueColorGetAlpha(c);
            if (a == 127) {
                a = 0;
            } else {
                a = 255 - ((a << 1) + (a >> 6));
            }
            *(p++) = gdTrueColorGetRed(c);
            *(p++) = gdTrueColorGetGreen(c);
            *(p++) = gdTrueColorGetBlue(c);
            *(p++) = a;

In Bezug auf static int _gdImageWebpCtx (gdImagePtr im, gdIOCtx * outfile, int quality)

Der von mir vorgestellte PHP-Code beruht auf der Tatsache, dass Alpha in der GD-Bibliothek und als solches tatsächlich respektiert wird funktioniert Wenn es in einer neueren PHP-Version als der von Ihnen verwendeten getestet wird, habe ich speziell in 7.3.0 getestet, kann aber in frühen Versionen nach Ihrer Version funktionieren.

Question 3

Möglicherweise müssen Sie den Alphakanal aktivieren und speichern. Versuchen Sie vielleicht Folgendes:

$ext = $type['ext'];
if ($ext === 'jpg' || $ext === 'jpeg') {
    $im = imagecreatefromjpeg($file);
    $webp = imagewebp($im, str_replace($ext, 'webp', $file), 70);
} elseif ($ext === 'png') {
    $im = imagecreatefrompng($file);
    imagepalettetotruecolor($im);

    imageAlphaBlending($im, true); // alpha channel
    imageSaveAlpha($im, true); // save alpha setting

    $webp = imagewebp($file, str_replace('png', 'webp', $file));
}
imagedestroy($im);

Die PHP-Version ist 5.6

Question 4

Das Quellbild muss nicht kopiert werden, wenn das Ausgabeformat volle Alpha-Transparenz unterstützt. Stattdessen reicht es aus, GD anzuweisen, den Alphakanal beim Speichern beizubehalten:

$im = imagecreatefrompng($infilename);
imagesavealpha($im, true);
imagewebp($im, $outfilename);

Question 5

einfach hinzufügen :

imagealphablending($im, true);
imagesavealpha($im, true);

zwischen $im = imagecreatefrompng($file); und imagewebp(..

$type = wp_check_filetype($file, null);
$ext = $type['ext'];
if ($ext === 'png') {
  $im = imagecreatefrompng($file);
  imagealphablending($im, true);
  imagesavealpha($im, true);
  $webp = imagewebp($im, str_replace('png', 'webp', $file));
}
imagedestroy($im);

stell das bild irgendwo hin wie:

<html>
  <body style="background-color:red;">
    <img src="https://stackoverflow.com/questions/57757439/url_of_your_img.webp">
  </body>
</html>

und Sie sollten Ihr Webp richtig sehen