{"id":7486,"date":"2024-11-18T13:10:23","date_gmt":"2024-11-18T13:10:23","guid":{"rendered":"https:\/\/halkoo.com\/?p=7486"},"modified":"2025-02-24T14:07:09","modified_gmt":"2025-02-24T14:07:09","slug":"elementor-v-25-caricamento-condizionale-dei-widget-e-ottimizzazione-dei-css-2","status":"publish","type":"post","link":"https:\/\/halkoo.com\/de\/elementor-v-25-bedingtes-laden-von-widgets-und-css-optimierung-2\/","title":{"rendered":"Erm\u00f6glichung des Ladens von SVG-, AVIF- und WebP-Dateien in WordPress"},"content":{"rendered":"<p>Standardm\u00e4\u00dfig schr\u00e4nkt WordPress die Dateitypen ein, die direkt in die Mediathek hochgeladen werden k\u00f6nnen. Unter den moderneren und leichteren Formaten erfreuen sich SVG (Scalable Vector Graphics), AVIF (AV1 Image File Format) und WebP aufgrund ihrer Effizienz und Bildqualit\u00e4t zunehmender Beliebtheit. In diesem Artikel erfahren Sie, wie Sie das Laden dieser Dateiformate mit Hilfe von Codeschnipseln und ohne externe Plugins erm\u00f6glichen k\u00f6nnen.<\/p>\n\n\n\n<p><strong>Warum SVG verwenden?<\/strong><\/p>\n\n\n\n<p>&#8211; <strong>Skalierbarkeit<\/strong>SVGs sind vektorbasiert, d. h. sie k\u00f6nnen ohne Qualit\u00e4tsverlust in der Gr\u00f6\u00dfe ver\u00e4ndert werden. Sie sind ideal f\u00fcr Icons und einfache Grafiken.<\/p>\n\n\n\n<p>&#8211; <strong>Reduzierte Abmessungen<\/strong>SVGs ben\u00f6tigen in der Regel weniger Platz als Rasterbilder, insbesondere bei einfachen Grafiken.<\/p>\n\n\n\n<p><strong>Warum AVIF und WEBP verwenden?<\/strong><\/p>\n\n\n\n<p>&#8211; <strong>Effiziente Komprimierung<\/strong>Beide Formate bieten eine bessere Komprimierung als herk\u00f6mmliche JPEG- und PNG-Dateien, so dass die Gr\u00f6\u00dfe der Bilder ohne Qualit\u00e4tseinbu\u00dfen reduziert werden kann.<\/p>\n\n\n\n<p>&#8211; <strong>Unterst\u00fctzung f\u00fcr Transparenz<\/strong>Sowohl AVIF als auch WebP unterst\u00fctzen Transparenz und eignen sich daher hervorragend f\u00fcr Bilder mit transparenten Hintergr\u00fcnden.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"php\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/**\n * Snippet Name: Upload von svg, avif und webp Dateien erm\u00f6glichen\n * Snippet Autor: halkoo.com\n *\/\nfunction allow_custom_uploads($mimes) {\n    \/\/ SVG zulassen\n    $mimes['svg'] = 'image\/svg+xml';\n    \n    \/\/ AVIF aktivieren\n    $mimes['avif'] = 'image\/avif';\n    \n    \/\/ WebP aktivieren\n    $mimes['webp'] = 'image\/webp';\n    \n    return $mimes;\n}\nadd_filter('upload_mimes', 'allow_custom_uploads');<\/pre>\n\n\n\n<p><strong>Modifikationen pr\u00fcfen<\/strong><\/p>\n\n\n\n<p>Sobald der Code in die Datei <code>funktionen.php<\/code> Ihres Themes k\u00f6nnen 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\u00f6nnen.<\/p>\n\n\n\n<p><strong>\u00dcberlegungen zur Sicherheit<\/strong><\/p>\n\n\n\n<p>Es ist wichtig zu beachten, dass SVG zwar ein n\u00fctzliches Vektorformat ist, aber bei unsachgem\u00e4\u00dfer Handhabung auch Sicherheitsrisiken bergen kann. SVGs k\u00f6nnen JavaScript-Code enthalten und, wenn sie aus nicht vertrauensw\u00fcrdigen Quellen hochgeladen werden, die Sicherheit Ihrer Website gef\u00e4hrden. Es wird daher empfohlen, SVG nur aus vertrauensw\u00fcrdigen Quellen zu verwenden und, wenn m\u00f6glich, SVG-Inhalte vor dem Hochladen zu bereinigen.<\/p>\n\n\n\n<p>Brauchen Sie Hilfe? Schreiben Sie an <a href=\"mailto:info@halkoo.com\">info@halkoo.com<\/a> um ein individuelles Angebot f\u00fcr Ihre neue Website oder Ihren E-Commerce-Shop zu erhalten.<\/p>","protected":false},"excerpt":{"rendered":"<p>Standardm\u00e4\u00dfig beschr\u00e4nkt WordPress die Dateitypen, die direkt in die Mediathek hochgeladen werden k\u00f6nnen. Zu den modernsten Formaten geh\u00f6ren [...]<\/p>","protected":false},"author":1,"featured_media":7488,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[54],"tags":[78,76,77,47],"class_list":["post-7486","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-avif","tag-svg","tag-webp","tag-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/halkoo.com\/de\/wp-json\/wp\/v2\/posts\/7486","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/halkoo.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/halkoo.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/halkoo.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/halkoo.com\/de\/wp-json\/wp\/v2\/comments?post=7486"}],"version-history":[{"count":0,"href":"https:\/\/halkoo.com\/de\/wp-json\/wp\/v2\/posts\/7486\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/halkoo.com\/de\/wp-json\/wp\/v2\/media\/7488"}],"wp:attachment":[{"href":"https:\/\/halkoo.com\/de\/wp-json\/wp\/v2\/media?parent=7486"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/halkoo.com\/de\/wp-json\/wp\/v2\/categories?post=7486"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/halkoo.com\/de\/wp-json\/wp\/v2\/tags?post=7486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}