Ermöglichung des Ladens von SVG-, AVIF- und WebP-Dateien in WordPress

Standardmäßig schränkt WordPress die Dateitypen ein, die direkt in die Mediathek hochgeladen werden können. Unter den moderneren und leichteren Formaten erfreuen sich SVG (Scalable Vector Graphics), AVIF (AV1 Image File Format) und WebP aufgrund ihrer Effizienz und Bildqualität zunehmender Beliebtheit. In diesem Artikel erfahren Sie, wie Sie das Laden dieser Dateiformate mit Hilfe von Codeschnipseln und ohne externe Plugins ermöglichen können.

Warum SVG verwenden?

– SkalierbarkeitSVGs sind vektorbasiert, d. h. sie können ohne Qualitätsverlust in der Größe verändert werden. Sie sind ideal für Icons und einfache Grafiken.

– Reduzierte AbmessungenSVGs benötigen in der Regel weniger Platz als Rasterbilder, insbesondere bei einfachen Grafiken.

Warum AVIF und WEBP verwenden?

– Effiziente KomprimierungBeide Formate bieten eine bessere Komprimierung als herkömmliche JPEG- und PNG-Dateien, so dass die Größe der Bilder ohne Qualitätseinbußen reduziert werden kann.

– Unterstützung für TransparenzSowohl AVIF als auch WebP unterstützen Transparenz und eignen sich daher hervorragend für Bilder mit transparenten Hintergründen.

/**
 * Snippet Name: Upload von svg, avif und webp Dateien ermöglichen
 * Snippet Autor: halkoo.com
 */
function allow_custom_uploads($mimes) {
    // SVG zulassen
    $mimes['svg'] = 'image/svg+xml';
    
    // AVIF aktivieren
    $mimes['avif'] = 'image/avif';
    
    // WebP aktivieren
    $mimes['webp'] = 'image/webp';
    
    return $mimes;
}
add_filter('upload_mimes', 'allow_custom_uploads');

Modifikationen prüfen

Sobald der Code in die Datei funktionen.php Ihres Themes können Sie in Ihre WordPress-Mediathek gehen und versuchen, SVG-, AVIF- und WebP-Dateien hochzuladen. Wenn alles gut gelaufen ist, sollten Sie diese Formate ohne Probleme hochladen können.

Überlegungen zur Sicherheit

Es ist wichtig zu beachten, dass SVG zwar ein nützliches Vektorformat ist, aber bei unsachgemäßer Handhabung auch Sicherheitsrisiken bergen kann. SVGs können JavaScript-Code enthalten und, wenn sie aus nicht vertrauenswürdigen Quellen hochgeladen werden, die Sicherheit Ihrer Website gefährden. Es wird daher empfohlen, SVG nur aus vertrauenswürdigen Quellen zu verwenden und, wenn möglich, SVG-Inhalte vor dem Hochladen zu bereinigen.

Brauchen Sie Hilfe? Schreiben Sie an info@halkoo.com um ein individuelles Angebot für Ihre neue Website oder Ihren E-Commerce-Shop zu erhalten.