{"id":46505,"date":"2022-01-26T15:31:53","date_gmt":"2022-01-26T14:31:53","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=46505&#038;preview=true&#038;preview_id=46505"},"modified":"2023-08-25T12:02:09","modified_gmt":"2023-08-25T11:02:09","slug":"svg-vs-png","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/","title":{"rendered":"SVG vs. PNG: Was sind die Unterschiede und wann sollte man sie verwenden?"},"content":{"rendered":"<p>Es gibt Dutzende von <a href=\"https:\/\/kinsta.com\/de\/blog\/bilddateitypen\/\">Bilddateitypen<\/a>, die sich je nach Komprimierungsart, Formatierung und Browser-Support unterscheiden. Zwei der am h\u00e4ufigsten verwendeten Formate sind jedoch SVG und PNG.<\/p>\n<p>Diese beiden Dateitypen k\u00f6nnten unterschiedlicher nicht sein &#8211; jeder ist f\u00fcr bestimmte Situationen besser geeignet. Sie sind sicherlich nicht in jeder Hinsicht austauschbar, aber du wirst feststellen, dass SVGs bestimmte Aufgaben besser erf\u00fcllen k\u00f6nnen als das Standard-PNG-Bild.<\/p>\n<p>Erfahre den Unterschied zwischen SVG und PNG und wo sie auf deiner Webseite am besten eingesetzt werden.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h3>Schau dir unseren <a href=\"https:\/\/www.youtube.com\/watch?v=VEi_BU2FqQw\">Video-Leitfaden<\/a> zu SVG vs. PNG an<\/h3>\n<kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=VEi_BU2FqQw\"><\/kinsta-video>\n<h2>Was ist SVG?<\/h2>\n<p>SVG steht f\u00fcr <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-svg\/\">Scalable Vector Graphics<\/a> (skalierbare Vektorgrafiken) und ist das am h\u00e4ufigsten verwendete Vektordateiformat im Internet. Schauen wir uns das mal genauer an:<\/p>\n<ul>\n<li><strong>Skalierbar<\/strong>: SVGs k\u00f6nnen verkleinert oder vergr\u00f6\u00dfert werden, ohne dass die Qualit\u00e4t des Bildes darunter leidet. Es bleibt gestochen scharf und klar, egal wie gro\u00df oder klein es ist.<\/li>\n<li><strong>Vektor<\/strong>: Die meisten Bilddateitypen enthalten Pixel. Vektoren sind im Grunde genommen Codeteile, die ein Bild in Echtzeit rendern und es in die Pixel umwandeln, die du auf deinem Bildschirm siehst. W\u00e4hrend sie dasselbe Bild anzeigen, ist das, was im Hintergrund vor sich geht, sehr unterschiedlich.<\/li>\n<li><strong>Grafiken<\/strong>: Auch wenn es vielleicht nicht so bekannt ist, ist SVG ein Bilddateityp wie PNG, JPEG oder GIF. Es geht nur ein bisschen anders vor.<\/li>\n<\/ul>\n<p>Vektoren sind in XML geschriebene Codest\u00fccke, die Formen, Linien und Farben darstellen, um zu erkl\u00e4ren, wie es funktioniert.<\/p>\n<p>Obwohl es durchaus m\u00f6glich ist, ein Bild nur mit Code zu erstellen, verwenden die meisten Leute einen Vektorgrafik-Editor wie Inkscape oder Adobe Illustrator. Du kannst auch <a href=\"https:\/\/convertio.co\/png-svg\/\">PNGs<\/a> oder andere Rasterbilder in SVG umwandeln, aber die Ergebnisse sind nicht immer gut.<\/p>\n<figure id=\"attachment_108839\" aria-describedby=\"caption-attachment-108839\" style=\"width: 1341px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-108839 size-full\" style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/convert-png-to-svg.jpg\" alt=\"Convertio ist ein PNG zu SVG Konverter.\" width=\"1341\" height=\"465\"><figcaption id=\"caption-attachment-108839\" class=\"wp-caption-text\">Convertio ist ein PNG zu SVG Konverter.<\/figcaption><\/figure>\n<p>Wenn die Seite geladen wird, wird dieser Code in Grafiken umgewandelt, so dass du ein SVG nicht sofort von einem PNG unterscheiden kannst. Aber weil SVGs einfach in Pixel umgewandelte Codezeilen sind, k\u00f6nnen sie auf jede Aufl\u00f6sung skaliert werden &#8211; ob gro\u00df oder klein &#8211; <a href=\"https:\/\/kinsta.com\/de\/blog\/verlustbehaftete-kompression\/\">ohne Qualit\u00e4tsverlust<\/a>.<\/p>\n<figure id=\"attachment_108840\" aria-describedby=\"caption-attachment-108840\" style=\"width: 1215px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-108840 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/zoomed-in-svg.jpg\" alt=\"Beispiel f\u00fcr ein vergr\u00f6\u00dfertes SVG.\" width=\"1215\" height=\"527\"><figcaption id=\"caption-attachment-108840\" class=\"wp-caption-text\">Beispiel f\u00fcr ein vergr\u00f6\u00dfertes SVG.<\/figcaption><\/figure>\n<p>SVG unterst\u00fctzt auch Animationen und Transparenz, was es zu einem vielseitigen Dateiformat macht.<\/p>\n<p>Der einzige Nachteil ist, dass es nicht so weit verbreitet ist wie Standardformate wie PNG. Daher wird es von \u00e4lteren Browsern und Ger\u00e4ten weniger unterst\u00fctzt, und es ist nicht immer ganz einfach, es auf deine Webseite hochzuladen und korrekt anzuzeigen.<\/p>\n\n<h3>Vor- und Nachteile von SVG<\/h3>\n<p>Obwohl sie noch nicht so weit verbreitet sind wie Rasterdateitypen wie PNG, werden Vektorgrafiken immer beliebter. Sie erf\u00fcllen einige wichtige Aufgaben, die Rasterbilder einfach nicht k\u00f6nnen. Hier erf\u00e4hrst du, warum die Leute SVGs lieben.<\/p>\n<ul>\n<li>SVG-Bilder sind skalierbar. Du kannst es in jeder beliebigen Aufl\u00f6sung gestalten, ohne dass die Qualit\u00e4t leidet oder es pixelig wird. Bei Rasterbildern musst du von Anfang an wissen, welche Gr\u00f6\u00dfe du willst, sonst riskierst du, dass das Bild zu gro\u00df oder zu klein wird.<\/li>\n<li>SVGs sehen immer gestochen scharf und sch\u00f6n aus, weil sie nie an Qualit\u00e4t verlieren. Rasterbilder k\u00f6nnen schon bei geringer Gr\u00f6\u00dfen\u00e4nderung unscharf aussehen.<\/li>\n<li>Da SVGs nur Code sind, ist ihre Dateigr\u00f6\u00dfe <a href=\"https:\/\/kinsta.com\/de\/blog\/optimiert-bilder-fur-web\/\">minimal und gut optimiert<\/a>. Es gibt auch SVG-Optimierer, die sie noch handlicher machen. Deine Webseite wird wahrscheinlich etwas schneller geladen, wenn du sie stattdessen verwendest.<\/li>\n<li>Im Gegensatz zu PNGs unterst\u00fctzen SVGs Animationen.<\/li>\n<\/ul>\n<p>SVG hat PNG einiges voraus, von der Skalierbarkeit bis zur geringeren Gr\u00f6\u00dfe, aber es ist nicht in jeder Situation besser. Hier sind die Nachteile der Vektordateitypen.<\/p>\n<ul>\n<li>Obwohl SVGs von allen modernen Browsern unterst\u00fctzt werden, kann es bei der Darstellung in \u00e4lteren Browsern und auf \u00e4lteren Ger\u00e4ten zu Kompatibilit\u00e4tsproblemen kommen. Wenn ein gro\u00dfer Teil deiner Besucherinnen und Besucher diese verwendet, k\u00f6nnte ein Umstieg eine schlechte Idee sein.<\/li>\n<li>SVGs sind schwieriger zu bearbeiten und erfordern spezielle Programme zur Erstellung und Bearbeitung. Du kannst sie zwar auch nur mit XML gestalten, aber das ist nicht immer m\u00f6glich. Hochwertige Tools wie Adobe Illustrator k\u00f6nnen teuer sein.<\/li>\n<li>SVGs lassen sich nicht so einfach einbetten wie PNGs. Wenn du WordPress verwendest, wird es von der <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-medienbibliothek\/\">Standard-Mediathek<\/a> nicht unterst\u00fctzt, sodass du ein Plugin brauchst, um es \u00fcberhaupt hochzuladen.<\/li>\n<li>SVGs m\u00fcssen vom Browser gerendert werden, wenn die Seite geladen wird. Wenn du also zu viele SVGs oder eine gro\u00dfe Datei mit vielen Vektoren verwendest, kann das das Ger\u00e4t \u00fcberfordern.<\/li>\n<\/ul>\n<h3>Wann du SVG statt PNG verwenden solltest<\/h3>\n<p>Du solltest zwar nicht alle deine PNGs in SVGs umwandeln, aber Vektorgrafiken sind ein hervorragender Ersatz f\u00fcr manche Bilder.<\/p>\n<p>SVG-Bilder eignen sich hervorragend f\u00fcr dekorative Webseiten-Grafiken, Logos, Icons, Grafiken und Diagramme und andere einfache Bilder. Auf <a href=\"https:\/\/kinsta.com\/de\/\">unserer Homepage<\/a> findest du ein hervorragendes Beispiel f\u00fcr Vektorgrafiken in Aktion.<\/p>\n<figure id=\"attachment_108841\" aria-describedby=\"caption-attachment-108841\" style=\"width: 1347px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-108841 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/svg-animation.png\" alt=\"Die Kinsta-Homepage.\" width=\"1347\" height=\"490\"><figcaption id=\"caption-attachment-108841\" class=\"wp-caption-text\">Die Kinsta-Homepage.<\/figcaption><\/figure>\n<p>Allerdings funktionieren sie nicht so gut mit komplexen Bildern, die viele Farben und Formen enthalten, wie z. B. Screenshots, <a href=\"https:\/\/kinsta.com\/de\/blog\/webseiten-fur-fotografie\/\">Fotos<\/a> und sogar detaillierte Kunstwerke. Es ist zwar m\u00f6glich, jedes beliebige Bild in SVG zu konvertieren, aber die Browser kommen mit komplexen Vektoren mit Hunderten von Farben nicht immer gut zurecht, da sie beim Laden der Seite gerendert werden m\u00fcssen.<\/p>\n<p>Au\u00dferdem k\u00f6nnen SVG-Grafiken wundersch\u00f6n sein, aber das Entwerfen komplexer Bilder erfordert viel Zeit, M\u00fche und die Beherrschung fortschrittlicher Tools. Halte es einfach, wenn du deine Vektorgrafiken erstellen willst.<\/p>\n<p>Wenn du detaillierte Bilder hast, solltest du auf jeden Fall bei PNG bleiben.<\/p>\n<p>SVGs eignen sich jedoch besser f\u00fcr responsive und retina-f\u00e4higes Webdesign, da sie skalierbar sind und keine Qualit\u00e4tseinbu\u00dfen aufweisen. Au\u00dferdem unterst\u00fctzen sie Animationen, PNG hingegen nicht, und Rasterdateitypen, die Animationen unterst\u00fctzen, wie GIF, APNG und <a href=\"https:\/\/kinsta.com\/de\/blog\/webp\/\">WebP<\/a>, haben alle ihre Probleme.<\/p>\n<p>F\u00fcr einfache Grafiken, die eventuell eine Animation ben\u00f6tigen und garantiert auf jeder Bildschirmgr\u00f6\u00dfe gut skalierbar sind, solltest du SVG verwenden.<\/p>\n<h2>Was ist PNG?<\/h2>\n<p>PNG steht f\u00fcr Portable Network Graphics, und dieser Name spiegelt die weite Verbreitung dieses Dateityps wider. Jeder, der schon einmal einen Computer benutzt hat, hat wahrscheinlich schon mit PNG-Dateien gearbeitet, denn neben <a href=\"https:\/\/kinsta.com\/de\/blog\/jpg-vs-jpeg\/\">JPEG<\/a> ist es der h\u00e4ufigste Dateityp im Internet.<\/p>\n<p>PNG ist ein Rasterbild-Dateityp, \u00e4hnlich wie die meisten g\u00e4ngigen Bildformate. Das bedeutet, dass es aus Pixeln besteht, denselben kleinen Punkten, die auch auf deinem Monitor oder Bildschirm angezeigt werden. Das macht es zwar einfach darzustellen, bedeutet aber auch, dass die Bildqualit\u00e4t von der Aufl\u00f6sung abh\u00e4ngt &#8211; also davon, wie viele Pixel das Bild hat.<\/p>\n<p>Wenn du also ein Rasterbild vergr\u00f6\u00dferst oder verkleinerst, wird die Qualit\u00e4t beeintr\u00e4chtigt. Manchmal ist der Schaden vernachl\u00e4ssigbar, vor allem beim Verkleinern, und manchmal kann es dazu f\u00fchren, dass ein Bild unscharf und v\u00f6llig unbrauchbar wird.<\/p>\n<figure id=\"attachment_108842\" aria-describedby=\"caption-attachment-108842\" style=\"width: 1509px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-108842 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/11\/zoomed-in-png.png\" alt=\"Beispiel f\u00fcr ein vergr\u00f6\u00dfertes PNG.\" width=\"1509\" height=\"729\"><figcaption id=\"caption-attachment-108842\" class=\"wp-caption-text\">Beispiel f\u00fcr ein vergr\u00f6\u00dfertes PNG.<\/figcaption><\/figure>\n<p>Dennoch macht die weite Verbreitung von PNG es zu einem guten Kandidaten f\u00fcr die allgemeine Verwendung. Dieser Dateityp unterst\u00fctzt Transparenz, aber keine Animation.<\/p>\n<h3>Vor- und Nachteile von PNG<\/h3>\n<p>Warum ist PNG das am weitesten verbreitete Bilddateiformat im Internet? Hier sind die Vorteile:<\/p>\n<ul>\n<li>PNG-Dateien lassen sich leicht bearbeiten und in jedem g\u00e4ngigen Bildbearbeitungstool \u00f6ffnen. Um ein PNG-Bild zu erstellen oder zu ver\u00e4ndern, musst du nicht f\u00fcr fortgeschrittene Programme bezahlen, sondern kannst h\u00f6chstens einen kostenlosen Editor wie GIMP herunterladen.<\/li>\n<li>Egal, ob du von Grund auf neu programmierst oder den WordPress-Medienmanager verwendest, die Anzeige von PNG-Bildern auf deiner Webseite ist ganz einfach.<\/li>\n<li>PNG verwendet eine <a href=\"https:\/\/kinsta.com\/de\/blog\/optimiert-bilder-fur-web\/\">verlustfreie Kompression<\/a>, die es sch\u00e4rfer aussehen l\u00e4sst als verlustbehaftete JPEGs. Allerdings kostet dies eine gr\u00f6\u00dfere Dateigr\u00f6\u00dfe und kann nicht mit Vektorbildern verglichen werden.<\/li>\n<\/ul>\n<p>Andererseits wurde das PNG-Format vor Jahrzehnten entwickelt und hat einige bemerkenswerte M\u00e4ngel, die nicht an die moderne Zeit angepasst wurden.<\/p>\n<ul>\n<li>Du kannst die Gr\u00f6\u00dfe von PNG-Dateien nicht ohne Qualit\u00e4tsverlust \u00e4ndern. Wenn du Rastergrafiken entwirfst, musst du sorgf\u00e4ltig planen und darauf achten, dass sie die <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-bildgroessen\/\">richtige Gr\u00f6\u00dfe<\/a> haben, sonst verschwendest du am Ende Zeit mit der Erstellung unbrauchbarer Bilder.<\/li>\n<li>PNGs sind aufgrund ihrer verlustfreien Komprimierung sehr gro\u00df. Daher k\u00f6nnen sie deine Webseite verlangsamen. Um dies zu beheben, m\u00fcssen sie noch st\u00e4rker komprimiert werden, was die Qualit\u00e4t beeintr\u00e4chtigt.<\/li>\n<li>Bilder &#8222;retina-tauglich&#8220; zu machen, ist bei PNGs m\u00fchsamer und f\u00fchrt eher zu Unsch\u00e4rfen.<\/li>\n<li>PNG unterst\u00fctzt keine Animationen. Andere animierte Rasterdateitypen wie GIFs k\u00f6nnen schwerwiegende Probleme haben; GIFs sind zum Beispiel von sehr geringer Qualit\u00e4t und unterst\u00fctzen nur 256 Farben.<\/li>\n<\/ul>\n<h3>Wann ist PNG besser als SVG?<\/h3>\n<p>PNG ist nicht umsonst der am h\u00e4ufigsten verwendete Dateityp: Er ist sehr vielseitig und passt in fast jede Situation. Es gibt nur ein paar Schwachpunkte, die du bei der Verwendung beachten solltest, wie die gro\u00dfe Dateigr\u00f6\u00dfe und die fehlende Skalierbarkeit.<\/p>\n<p>PNGs eignen sich f\u00fcr die Darstellung von detaillierten Bildern, Kunstwerken und Fotografien &#8211; also f\u00fcr alles, was ein Vektorgrafikbild nicht bew\u00e4ltigen kann. Alles, was Hunderte von Farben und eine hohe Aufl\u00f6sung hat, sollte wahrscheinlich ein PNG sein.<\/p>\n<p>Das hei\u00dft nicht, dass du PNGs nicht auch f\u00fcr einfachere Bilder wie Logos und dekorative Grafiken verwenden kannst, aber SVGs sind f\u00fcr diese Aufgabe besser geeignet.<\/p>\n<p>Wenn du dir nicht sicher bist, ob eine Plattform mit dem neueren, weniger unterst\u00fctzten SVG-Dateityp umgehen kann, ist PNG die beste Wahl &#8211; allein schon, um sicherzugehen.<\/p>\n<p>Zum Beispiel kannst du SVGs in den meisten <a href=\"https:\/\/kinsta.com\/de\/blog\/social-media-bildgrossen\/\">sozialen Medien<\/a> nicht hochladen. Und da einige E-Mail-Clients mit Vektoren nicht zurechtkommen, ist es in der Regel empfehlenswert, in E-Mail-Templates PNGs zu verwenden.<\/p>\n<p>Generell eignen sich PNGs gut f\u00fcr alle komplexen, nicht animierten Bilder, vor allem f\u00fcr solche, die Transparenz erfordern. Du kannst es so gut wie \u00fcberall verwenden, nur manchmal w\u00e4re ein SVG besser geeignet.<\/p>\n<p>Denke daran, dass du immer <a href=\"https:\/\/css-tricks.com\/a-complete-guide-to-svg-fallbacks\/\">PNG-Fallbacks<\/a> verwenden kannst, wenn dein SVG nicht geladen werden kann. Daher ist es in der Regel sicher, Vektoren zu verwenden, selbst wenn ein gro\u00dfer Teil deiner Nutzer\/innen \u00e4ltere Ger\u00e4te oder Browser verwendet.<\/p>\n<h2>Was ist besser: SVG oder PNG?<\/h2>\n<p>Keiner der beiden Dateitypen ist besser oder schlechter als der andere; jeder hat seine Grenzen. Auch wenn SVG in einigen Bereichen besser ist als PNG, kann PNG bestimmte Dinge besser handhaben.<\/p>\n<p>Generell solltest du aber SVG verwenden, wenn es sinnvoll ist, und PNG in allen anderen Situationen, in denen Vektoren nicht ausreichen. Technisch gesehen kannst du in diesen F\u00e4llen zwar beides verwenden, aber in einigen Bereichen ist SVG vorzuziehen.<\/p>\n<p>SVG unterst\u00fctzt Animationen, PNG nicht. Rasterdateitypen wie GIF und APNG k\u00f6nnen als Alternativen betrachtet werden. Dennoch gibt es kein perfektes animiertes Rasterformat, das weithin unterst\u00fctzt wird, gut bekannt ist, eine hohe Qualit\u00e4t hat und eine kleine Dateigr\u00f6\u00dfe aufweist. SVGs erf\u00fcllen all diese Anforderungen.<\/p>\n<p>SVGs passen sich au\u00dferdem <a href=\"https:\/\/kinsta.com\/de\/blog\/responsiven-webdesign\/\">perfekt an jede Bildschirmgr\u00f6\u00dfe an<\/a> und sind daher standardm\u00e4\u00dfig responsive und retina-f\u00e4hig. PNGs verlieren an Qualit\u00e4t, wenn sie in der Gr\u00f6\u00dfe ver\u00e4ndert werden, und es ist m\u00fchsam, sie zu skalieren &#8211; vor allem, wenn du nur kleine Bilder hast, die auf gro\u00dfen Bildschirmen nicht gut dargestellt werden k\u00f6nnen.<\/p>\n<p>Au\u00dferdem sind SVGs in der Regel kleiner als PNGs, sodass sie deinen Server weniger belasten, obwohl sie beim Laden gerendert werden m\u00fcssen.<\/p>\n<p>Verwende sie f\u00fcr einfache, flache Farbgrafiken, Logos und dekorative Grafiken auf deiner Webseite.<\/p>\n<p>PNGs hingegen eignen sich f\u00fcr die Darstellung komplexer Grafiken mit einer hohen Aufl\u00f6sung oder f\u00fcr Bilder mit Tausenden von Farben. SVGs k\u00f6nnen diese Menge an Farben und Formen im Moment noch nicht verarbeiten.<\/p>\n<p>Diese Art von komplexen Bildern wird oft den Gro\u00dfteil der Bilder auf deiner Webseite ausmachen, also ist es noch nicht an der Zeit, PNG zu verwerfen.<\/p>\n<p><span style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\"><\/span><\/p>\n<h2>Zusammenfassung<\/h2>\n<p>SVG und PNG sind zwei sehr unterschiedliche Dateiformate. Letztendlich ist es egal, ob du PNG oder JPEG auf deiner Webseite verwendest, es sei denn, es handelt sich um eine Nische, aber die Entscheidung zwischen SVG und PNG ist viel wichtiger.<\/p>\n<p>Die Wahrscheinlichkeit, dass du PNGs verwendest, ist viel gr\u00f6\u00dfer, da es ein einfacheres, leichter zug\u00e4ngliches und vielseitigeres Dateiformat ist. Komplexe Bilder wie Screenshots und detaillierte Illustrationen sollten PNG verwenden.<\/p>\n<p>SVGs sind zwar schwieriger zu erstellen und zu bearbeiten, haben aber eine Reihe von Vorteilen gegen\u00fcber PNGs. Wenn es sinnvoll ist, Vektorbilder zu verwenden, z. B. f\u00fcr dekorative Grafiken und Logos, solltest du auf jeden Fall SVG verwenden.<\/p>\n<p>Du wirst wahrscheinlich nicht jedes einzelne Bild auf deiner Webseite durch ein SVG ersetzen, aber ihre responsive Eigenschaft und die geringere Dateigr\u00f6\u00dfe machen sie in bestimmten Situationen zu einem guten Kandidaten.<\/p>\n<p><em>Bist du ein SVG- oder PNG-Fan? Bitte teile deine Meinung mit unserer Community in den Kommentaren unten!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Es gibt Dutzende von Bilddateitypen, die sich je nach Komprimierungsart, Formatierung und Browser-Support unterscheiden. Zwei der am h\u00e4ufigsten verwendeten Formate sind jedoch SVG und PNG. Diese &#8230;<\/p>\n","protected":false},"author":117,"featured_media":46506,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[293,561],"topic":[947,988,1012],"class_list":["post-46505","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-compression","tag-image-optimization","topic-bild-optimierung","topic-webdesign","topic-wordpress-website-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>SVG vs. PNG: Was sind die Unterschiede und wann sollte man sie verwenden?<\/title>\n<meta name=\"description\" content=\"Was ist besser f\u00fcr die Bilder auf deiner Webseite? SVG oder PNG? Heute w\u00e4gen wir die Vor- und Nachteile der beiden Bildformate ab, damit du das nicht tun musst.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SVG vs. PNG: Was sind die Unterschiede und wann sollte man sie verwenden?\" \/>\n<meta property=\"og:description\" content=\"Was ist besser f\u00fcr die Bilder auf deiner Webseite? SVG oder PNG? Heute w\u00e4gen wir die Vor- und Nachteile der beiden Bildformate ab, damit du das nicht tun musst.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-26T14:31:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-25T11:02:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/12\/svg-vs-png.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Salman Ravoof\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Was ist besser f\u00fcr die Bilder auf deiner Webseite? SVG oder PNG? Heute w\u00e4gen wir die Vor- und Nachteile der beiden Bildformate ab, damit du das nicht tun musst.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/12\/svg-vs-png.png\" \/>\n<meta name=\"twitter:creator\" content=\"@salmanravoof\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Salman Ravoof\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"10\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/\"},\"author\":{\"name\":\"Salman Ravoof\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\"},\"headline\":\"SVG vs. PNG: Was sind die Unterschiede und wann sollte man sie verwenden?\",\"datePublished\":\"2022-01-26T14:31:53+00:00\",\"dateModified\":\"2023-08-25T11:02:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/\"},\"wordCount\":2207,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/12\/svg-vs-png.png\",\"keywords\":[\"compression\",\"image optimization\"],\"articleSection\":[\"Webentwicklung\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/\",\"name\":\"SVG vs. PNG: Was sind die Unterschiede und wann sollte man sie verwenden?\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/12\/svg-vs-png.png\",\"datePublished\":\"2022-01-26T14:31:53+00:00\",\"dateModified\":\"2023-08-25T11:02:09+00:00\",\"description\":\"Was ist besser f\u00fcr die Bilder auf deiner Webseite? SVG oder PNG? Heute w\u00e4gen wir die Vor- und Nachteile der beiden Bildformate ab, damit du das nicht tun musst.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/12\/svg-vs-png.png\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/12\/svg-vs-png.png\",\"width\":1460,\"height\":730,\"caption\":\"SVG vs. PNG: Was sind die Unterschiede und wann sollte man sie verwenden?\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress Website Design\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/wordpress-website-design\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"SVG vs. PNG: Was sind die Unterschiede und wann sollte man sie verwenden?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\",\"name\":\"Salman Ravoof\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"caption\":\"Salman Ravoof\"},\"description\":\"Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.\",\"sameAs\":[\"https:\/\/salmanravoof.com\",\"https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/\",\"https:\/\/x.com\/salmanravoof\"],\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/salmanravoof\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"SVG vs. PNG: Was sind die Unterschiede und wann sollte man sie verwenden?","description":"Was ist besser f\u00fcr die Bilder auf deiner Webseite? SVG oder PNG? Heute w\u00e4gen wir die Vor- und Nachteile der beiden Bildformate ab, damit du das nicht tun musst.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/","og_locale":"de_DE","og_type":"article","og_title":"SVG vs. PNG: Was sind die Unterschiede und wann sollte man sie verwenden?","og_description":"Was ist besser f\u00fcr die Bilder auf deiner Webseite? SVG oder PNG? Heute w\u00e4gen wir die Vor- und Nachteile der beiden Bildformate ab, damit du das nicht tun musst.","og_url":"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2022-01-26T14:31:53+00:00","article_modified_time":"2023-08-25T11:02:09+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/12\/svg-vs-png.png","type":"image\/png"}],"author":"Salman Ravoof","twitter_card":"summary_large_image","twitter_description":"Was ist besser f\u00fcr die Bilder auf deiner Webseite? SVG oder PNG? Heute w\u00e4gen wir die Vor- und Nachteile der beiden Bildformate ab, damit du das nicht tun musst.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/12\/svg-vs-png.png","twitter_creator":"@salmanravoof","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Salman Ravoof","Gesch\u00e4tzte Lesezeit":"10\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/"},"author":{"name":"Salman Ravoof","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987"},"headline":"SVG vs. PNG: Was sind die Unterschiede und wann sollte man sie verwenden?","datePublished":"2022-01-26T14:31:53+00:00","dateModified":"2023-08-25T11:02:09+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/"},"wordCount":2207,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/12\/svg-vs-png.png","keywords":["compression","image optimization"],"articleSection":["Webentwicklung"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/","url":"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/","name":"SVG vs. PNG: Was sind die Unterschiede und wann sollte man sie verwenden?","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/12\/svg-vs-png.png","datePublished":"2022-01-26T14:31:53+00:00","dateModified":"2023-08-25T11:02:09+00:00","description":"Was ist besser f\u00fcr die Bilder auf deiner Webseite? SVG oder PNG? Heute w\u00e4gen wir die Vor- und Nachteile der beiden Bildformate ab, damit du das nicht tun musst.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/12\/svg-vs-png.png","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2021\/12\/svg-vs-png.png","width":1460,"height":730,"caption":"SVG vs. PNG: Was sind die Unterschiede und wann sollte man sie verwenden?"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/svg-vs-png\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"WordPress Website Design","item":"https:\/\/kinsta.com\/de\/thema\/wordpress-website-design\/"},{"@type":"ListItem","position":3,"name":"SVG vs. PNG: Was sind die Unterschiede und wann sollte man sie verwenden?"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987","name":"Salman Ravoof","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","caption":"Salman Ravoof"},"description":"Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.","sameAs":["https:\/\/salmanravoof.com","https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/","https:\/\/x.com\/salmanravoof"],"url":"https:\/\/kinsta.com\/de\/blog\/author\/salmanravoof\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/46505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/117"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=46505"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/46505\/revisions"}],"predecessor-version":[{"id":51463,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/46505\/revisions\/51463"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/46505\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/46505\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/46505\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/46505\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/46505\/translations\/es"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/46505\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/46505\/translations\/jp"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/46505\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/46506"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=46505"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=46505"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=46505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}