WordPress Upload von SVG Dateien erlauben

Oliver Götze

Verfasst am 05.05.2021

Update 24.06.2025

Dieser Dateityp ist aus Sicherheitsgründen leider nicht erlaubt.

Na, kommt dir der Satz bekannt vor? Mit Sicherheit, denn sonst wärst du mit höchster Wahrscheinlichkeit nicht auf meinen Blog-Beitrag gestoßen. Ich selbst hatte bei einen meiner Projekte das Problem, dass WordPress SVG Uploads zur Mediathek aus Sicherheitsgründen verhindert hat. Doch wieso? Jetzt könnte ich dir wie bei vielen anderen Blog-Seiten erst einmal viel Bla Bla um SVG schreiben, was sind SVG, wieso braucht man SVG usw. nur um auf ausreichend Text zu kommen. Aber nicht hier.

SVG zur WordPress Mediathek hochladen

In den meisten Fällen reicht es, wenn ihr das SVG mit einem Text-Editor öffnet und die folgende Zeile an den Anfang der SVG setzt.

plaintext

				<?xml version="1.0" ?>

SVG Datei, die von WordPress aus Sicherheitsgründen nicht hochgeladne wurde:

plaintext

				<svg data-name="Layer 1" height="32" id="Layer_1" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="M4.7434,22.505A12.9769,12.9769,0,0,0,14.88,28.949l5.8848-10.1927L16,16.0058,11.2385,18.755l-1.5875-2.75L8.4885,13.9919,5.3553,8.5649A12.9894,12.9894,0,0,0,4.7434,22.505Z" fill="#00ac47"/><path d="M16,3.0072A12.9769,12.9769,0,0,0,5.3507,8.5636l5.8848,10.1927L16,16.0057V10.5072H27.766A12.99,12.99,0,0,0,16,3.0072Z" fill="#ea4435"/><path d="M27.2557,22.505a12.9772,12.9772,0,0,0,.5124-12H15.9986v5.5011l4.7619,2.7492-1.5875,2.75-1.1625,2.0135-3.1333,5.4269A12.99,12.99,0,0,0,27.2557,22.505Z" fill="#ffba00"/><circle cx="15.9995" cy="16.0072" fill="#fff" r="5.5"/><circle cx="15.9995" cy="16.0072" fill="#4285f4" r="4.25"/></svg>

Die gleiche SVG Datei mit dem xml Vermerk am Anfang:

plaintext

				<?xml version="1.0" ?><svg data-name="Layer 1" height="32" id="Layer_1" viewBox="0 0 32 32" width="32" xmlns="http://www.w3.org/2000/svg"><path d="M4.7434,22.505A12.9769,12.9769,0,0,0,14.88,28.949l5.8848-10.1927L16,16.0058,11.2385,18.755l-1.5875-2.75L8.4885,13.9919,5.3553,8.5649A12.9894,12.9894,0,0,0,4.7434,22.505Z" fill="#00ac47"/><path d="M16,3.0072A12.9769,12.9769,0,0,0,5.3507,8.5636l5.8848,10.1927L16,16.0057V10.5072H27.766A12.99,12.99,0,0,0,16,3.0072Z" fill="#ea4435"/><path d="M27.2557,22.505a12.9772,12.9772,0,0,0,.5124-12H15.9986v5.5011l4.7619,2.7492-1.5875,2.75-1.1625,2.0135-3.1333,5.4269A12.99,12.99,0,0,0,27.2557,22.505Z" fill="#ffba00"/><circle cx="15.9995" cy="16.0072" fill="#fff" r="5.5"/><circle cx="15.9995" cy="16.0072" fill="#4285f4" r="4.25"/></svg>

Und schon erlaubt WordPress das hochladen von SVG Dateien zur Mediathek.

SVG MIME-Type zu WordPress hinzufügen

Sollte das nicht helfen kann man auch noch den SVG MIME-Type zu Wprdpress hinzufügen. Dazu das folgende snippet einfach in die functions.php einfügen und speichern.

php

				function revilodesign_svg ( $svg ){
	$svg['svg']	=	'image/svg+xml';
	return $svg;
}
add_filter( 'upload_mimes', 'revilodesign_svg' );

Alternativ WordPress Plugin nutzen

Alternativ kann man natürlich auch wieder alles mit einem Plugin wie SVG Support lösen. Aber ich bin ehrlich gesagt kein Freund von so vielen Plugins. Sie machen die Seite träge, ballern das Backend- und den Code im Frontend voll und die meisten Lösungen kann man schnell selbst lösen ohne Plugin. Wie auch dieses. Aber wer sich nicht anders zu helfen weiß, der kann natürlich gerne das Plugin downloaden und installieren.

Keine Likes

Hinterlasse doch ein Kommentar

Schreibe ein Kommentar zu WordPress Upload von SVG Dateien erlauben

Wenn dir der Beitrag WordPress Upload von SVG Dateien erlauben gefallen hat oder du Kritik bzw. Verbesserungsvorschläge hast, dann würde ich mich freuen, wenn Du ein Kommentar hinterlassen würdest.