{"id":377,"date":"2026-07-22T12:49:43","date_gmt":"2026-07-22T10:49:43","guid":{"rendered":"https:\/\/www.lukaswojcik.com\/blog\/?p=377"},"modified":"2026-07-22T12:50:19","modified_gmt":"2026-07-22T10:50:19","slug":"ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy","status":"publish","type":"post","link":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\/","title":{"rendered":"Ekstrakcja grafik SVG ze stron internetowych: Metoda konsoli i alternatywy"},"content":{"rendered":"<p>Pobieranie skalowalnych grafik wektorowych (SVG) ze stron internetowych bywa problematyczne, zw\u0142aszcza gdy do ich formatowania wykorzystywane s\u0105 zewn\u0119trzne arkusze styl\u00f3w CSS. Standardowe kopiowanie elementu cz\u0119sto ko\u0144czy si\u0119 utrat\u0105 pierwotnych kolor\u00f3w i formatowania. Poni\u017cszy poradnik przedstawia metod\u0119 opart\u0105 na j\u0119zyku JavaScript, kt\u00f3ra pozwala na pobranie pliku SVG wraz z zaaplikowanymi stylami, a tak\u017ce opisuje rozwi\u0105zania alternatywne oraz instrukcj\u0119 wdro\u017cenia SVG jako ikony favicon.<\/p>\n<h3>Metoda 1: Skrypt w konsoli deweloperskiej<\/h3>\n<p>Metoda ta wykorzystuje konsol\u0119 dewelopersk\u0105 przegl\u0105darki. Poni\u017cszy skrypt wybiera element SVG, klonuje go, aplikuje na sklonowanych elementach obliczone style CSS (ang. <em>computed styles<\/em> \u2013 takie jak wype\u0142nienie, obramowanie i przezroczysto\u015b\u0107), a nast\u0119pnie automatycznie wymusza pobranie kompletnego pliku.<\/p>\n<ol>\n<li>Nale\u017cy otworzy\u0107 narz\u0119dzia deweloperskie (F12 lub Ctrl+Shift+I).<\/li>\n<li>Przej\u015b\u0107 do zak\u0142adki <strong>Konsola<\/strong> (Console).<\/li>\n<li>Wklei\u0107 poni\u017cszy kod i zatwierdzi\u0107 klawiszem Enter:<\/li>\n<\/ol>\n<pre><code>\/\/ 1. Zlokalizowanie elementu SVG\nconst svgElement = document.querySelector(\"svg\"); \n\n\/\/ 2. Klonowanie elementu, aby nie modyfikowa\u0107 aktywnej strony\nconst clonedSvg = svgElement.cloneNode(true);\n\n\/\/ 3. Znalezienie wszystkich element\u00f3w przechowuj\u0105cych style (\u015bcie\u017cki, ko\u0142a, kszta\u0142ty)\nconst sourceElements = svgElement.querySelectorAll(\"*\");\nconst clonedElements = clonedSvg.querySelectorAll(\"*\");\n\n\/\/ 4. Kopiowanie obliczonych styl\u00f3w (kolory, wype\u0142nienia) do sklonowanego SVG\nsourceElements.forEach((sourceEl, index) => {\n    const clonedEl = clonedElements[index];\n    const computedStyle = window.getComputedStyle(sourceEl);\n    \n    \/\/ Bezpo\u015brednie przypisanie definicji uk\u0142adu i kolor\u00f3w\n    clonedEl.style.fill = computedStyle.fill;\n    clonedEl.style.stroke = computedStyle.stroke;\n    clonedEl.style.color = computedStyle.color;\n    clonedEl.style.opacity = computedStyle.opacity;\n});\n\n\/\/ 5. Serializacja sklonowanego SVG z zaszytymi stylami\nconst svgString = new XMLSerializer().serializeToString(clonedSvg);\nconst svgBlob = new Blob([svgString], { type: \"image\/svg+xml;charset=utf-8\" });\n\n\/\/ 6. Pobranie gotowego pliku\nconst downloadLink = document.createElement(\"a\");\ndownloadLink.href = URL.createObjectURL(svgBlob);\ndownloadLink.download = \"colored-image.svg\";\ndocument.body.appendChild(downloadLink);\ndownloadLink.click();\ndocument.body.removeChild(downloadLink);<\/code><\/pre>\n<h3>Alternatywne metody pobierania SVG<\/h3>\n<p>Je\u017celi zapisywanie obliczonych styl\u00f3w CSS nie jest konieczne, mo\u017cna skorzysta\u0107 z innych, szybszych rozwi\u0105za\u0144:<\/p>\n<ul>\n<li><strong>Zbadaj element (Kopiuj outerHTML):<\/strong> Klikni\u0119cie prawym przyciskiem myszy na SVG na stronie, wyb\u00f3r opcji <em>Zbadaj<\/em>, a nast\u0119pnie klikni\u0119cie prawym przyciskiem na pod\u015bwietlony tag <code>&lt;svg&gt;<\/code> w drzewie DOM i wyb\u00f3r <em>Kopiuj &gt; Kopiuj outerHTML<\/em>. Uzyskany kod wystarczy zapisa\u0107 w lokalnym pliku z rozszerzeniem .svg.<\/li>\n<li><strong>Zak\u0142adka Network (Sie\u0107):<\/strong> Po otwarciu narz\u0119dzi deweloperskich nale\u017cy przej\u015b\u0107 do zak\u0142adki <em>Sie\u0107<\/em>, w\u0142\u0105czy\u0107 filtr <em>Img<\/em> i od\u015bwie\u017cy\u0107 stron\u0119. Wszystkie grafiki SVG \u0142adowane jako pliki zewn\u0119trzne pojawi\u0105 si\u0119 na li\u015bcie i mog\u0105 zosta\u0107 bezpo\u015brednio pobrane.<\/li>\n<li><strong>Rozszerzenia przegl\u0105darki:<\/strong> Dedykowane rozszerzenia, takie jak &#8220;SVG Grabber&#8221;, pozwalaj\u0105 na zautomatyzowane wyodr\u0119bnienie i pobranie wszystkich zasob\u00f3w SVG obecnych na danej stronie.<\/li>\n<\/ul>\n<h3>Jak ustawi\u0107 plik SVG jako Favicon<\/h3>\n<p>Wdro\u017cenie formatu SVG jako ikony favicon witryny wymaga dodania odpowiedniego znacznika w kodzie HTML. Zalet\u0105 tego rozwi\u0105zania jest niesko\u0144czona skalowalno\u015b\u0107 ikony oraz ostre kraw\u0119dzie na ekranach o wysokiej rozdzielczo\u015bci (High-DPI).<\/p>\n<p>Poni\u017cszy kod nale\u017cy umie\u015bci\u0107 w sekcji <code>&lt;head&gt;<\/code> dokumentu HTML:<\/p>\n<pre><code>&lt;link rel=\"icon\" href=\"\/sciezka\/do\/favicon.svg\" type=\"image\/svg+xml\"&gt;<\/code><\/pre>\n<p>W celu zapewnienia wstecznej kompatybilno\u015bci z systemami nieobs\u0142uguj\u0105cymi SVG jako favicon, zalecan\u0105 praktyk\u0105 jest umieszczenie standardowego pliku <code>.ico<\/code> jako rozwi\u0105zania zapasowego (fallback).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pobieranie skalowalnych grafik wektorowych (SVG) ze stron internetowych bywa problematyczne, zw\u0142aszcza gdy do ich formatowania wykorzystywane s\u0105 zewn\u0119trzne arkusze styl\u00f3w CSS. Standardowe kopiowanie elementu cz\u0119sto ko\u0144czy si\u0119 utrat\u0105 pierwotnych kolor\u00f3w i formatowania. Poni\u017cszy poradnik przedstawia metod\u0119 opart\u0105 na j\u0119zyku JavaScript, kt\u00f3ra pozwala na pobranie pliku SVG wraz z zaaplikowanymi stylami, a tak\u017ce opisuje rozwi\u0105zania alternatywne [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[154],"tags":[],"class_list":["post-377","post","type-post","status-publish","format-standard","hentry","category-tutorials-pl-tworzenie-stron-internetowych"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Ekstrakcja grafik SVG ze stron internetowych: Metoda konsoli i alternatywy - Lukas Wojcik - Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ekstrakcja grafik SVG ze stron internetowych: Metoda konsoli i alternatywy - Lukas Wojcik - Blog\" \/>\n<meta property=\"og:description\" content=\"Pobieranie skalowalnych grafik wektorowych (SVG) ze stron internetowych bywa problematyczne, zw\u0142aszcza gdy do ich formatowania wykorzystywane s\u0105 zewn\u0119trzne arkusze styl\u00f3w CSS. Standardowe kopiowanie elementu cz\u0119sto ko\u0144czy si\u0119 utrat\u0105 pierwotnych kolor\u00f3w i formatowania. Poni\u017cszy poradnik przedstawia metod\u0119 opart\u0105 na j\u0119zyku JavaScript, kt\u00f3ra pozwala na pobranie pliku SVG wraz z zaaplikowanymi stylami, a tak\u017ce opisuje rozwi\u0105zania alternatywne [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\/\" \/>\n<meta property=\"og:site_name\" content=\"Lukas Wojcik - Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-07-22T10:49:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-22T10:50:19+00:00\" \/>\n<meta name=\"author\" content=\"luky\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"luky\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/tworzenie-stron-internetowych\\\/tutorials-pl-tworzenie-stron-internetowych\\\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/tworzenie-stron-internetowych\\\/tutorials-pl-tworzenie-stron-internetowych\\\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\\\/\"},\"author\":{\"name\":\"luky\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#\\\/schema\\\/person\\\/895f7604f9b6b71aad9bba33af28d0f9\"},\"headline\":\"Ekstrakcja grafik SVG ze stron internetowych: Metoda konsoli i alternatywy\",\"datePublished\":\"2026-07-22T10:49:43+00:00\",\"dateModified\":\"2026-07-22T10:50:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/tworzenie-stron-internetowych\\\/tutorials-pl-tworzenie-stron-internetowych\\\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\\\/\"},\"wordCount\":369,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#\\\/schema\\\/person\\\/895f7604f9b6b71aad9bba33af28d0f9\"},\"articleSection\":[\"Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/tworzenie-stron-internetowych\\\/tutorials-pl-tworzenie-stron-internetowych\\\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/tworzenie-stron-internetowych\\\/tutorials-pl-tworzenie-stron-internetowych\\\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\\\/\",\"url\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/tworzenie-stron-internetowych\\\/tutorials-pl-tworzenie-stron-internetowych\\\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\\\/\",\"name\":\"Ekstrakcja grafik SVG ze stron internetowych: Metoda konsoli i alternatywy - Lukas Wojcik - Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#website\"},\"datePublished\":\"2026-07-22T10:49:43+00:00\",\"dateModified\":\"2026-07-22T10:50:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/tworzenie-stron-internetowych\\\/tutorials-pl-tworzenie-stron-internetowych\\\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/tworzenie-stron-internetowych\\\/tutorials-pl-tworzenie-stron-internetowych\\\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/pl\\\/tworzenie-stron-internetowych\\\/tutorials-pl-tworzenie-stron-internetowych\\\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ekstrakcja grafik SVG ze stron internetowych: Metoda konsoli i alternatywy\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/\",\"name\":\"Lukas Wojcik - Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#\\\/schema\\\/person\\\/895f7604f9b6b71aad9bba33af28d0f9\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/#\\\/schema\\\/person\\\/895f7604f9b6b71aad9bba33af28d0f9\",\"name\":\"luky\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/lw-x2.jpg\",\"url\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/lw-x2.jpg\",\"contentUrl\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/lw-x2.jpg\",\"width\":424,\"height\":636,\"caption\":\"luky\"},\"logo\":{\"@id\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/lw-x2.jpg\"},\"sameAs\":[\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\"],\"url\":\"https:\\\/\\\/www.lukaswojcik.com\\\/blog\\\/author\\\/luky\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ekstrakcja grafik SVG ze stron internetowych: Metoda konsoli i alternatywy - Lukas Wojcik - Blog","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:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\/","og_locale":"en_US","og_type":"article","og_title":"Ekstrakcja grafik SVG ze stron internetowych: Metoda konsoli i alternatywy - Lukas Wojcik - Blog","og_description":"Pobieranie skalowalnych grafik wektorowych (SVG) ze stron internetowych bywa problematyczne, zw\u0142aszcza gdy do ich formatowania wykorzystywane s\u0105 zewn\u0119trzne arkusze styl\u00f3w CSS. Standardowe kopiowanie elementu cz\u0119sto ko\u0144czy si\u0119 utrat\u0105 pierwotnych kolor\u00f3w i formatowania. Poni\u017cszy poradnik przedstawia metod\u0119 opart\u0105 na j\u0119zyku JavaScript, kt\u00f3ra pozwala na pobranie pliku SVG wraz z zaaplikowanymi stylami, a tak\u017ce opisuje rozwi\u0105zania alternatywne [&hellip;]","og_url":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\/","og_site_name":"Lukas Wojcik - Blog","article_published_time":"2026-07-22T10:49:43+00:00","article_modified_time":"2026-07-22T10:50:19+00:00","author":"luky","twitter_card":"summary_large_image","twitter_misc":{"Written by":"luky","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\/#article","isPartOf":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\/"},"author":{"name":"luky","@id":"https:\/\/www.lukaswojcik.com\/blog\/#\/schema\/person\/895f7604f9b6b71aad9bba33af28d0f9"},"headline":"Ekstrakcja grafik SVG ze stron internetowych: Metoda konsoli i alternatywy","datePublished":"2026-07-22T10:49:43+00:00","dateModified":"2026-07-22T10:50:19+00:00","mainEntityOfPage":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\/"},"wordCount":369,"commentCount":0,"publisher":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/#\/schema\/person\/895f7604f9b6b71aad9bba33af28d0f9"},"articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\/","url":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\/","name":"Ekstrakcja grafik SVG ze stron internetowych: Metoda konsoli i alternatywy - Lukas Wojcik - Blog","isPartOf":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/#website"},"datePublished":"2026-07-22T10:49:43+00:00","dateModified":"2026-07-22T10:50:19+00:00","breadcrumb":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.lukaswojcik.com\/blog\/pl\/tworzenie-stron-internetowych\/tutorials-pl-tworzenie-stron-internetowych\/ekstrakcja-grafik-svg-ze-stron-internetowych-metoda-konsoli-i-alternatywy\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.lukaswojcik.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Ekstrakcja grafik SVG ze stron internetowych: Metoda konsoli i alternatywy"}]},{"@type":"WebSite","@id":"https:\/\/www.lukaswojcik.com\/blog\/#website","url":"https:\/\/www.lukaswojcik.com\/blog\/","name":"Lukas Wojcik - Blog","description":"","publisher":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/#\/schema\/person\/895f7604f9b6b71aad9bba33af28d0f9"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.lukaswojcik.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.lukaswojcik.com\/blog\/#\/schema\/person\/895f7604f9b6b71aad9bba33af28d0f9","name":"luky","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/07\/lw-x2.jpg","url":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/07\/lw-x2.jpg","contentUrl":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/07\/lw-x2.jpg","width":424,"height":636,"caption":"luky"},"logo":{"@id":"https:\/\/www.lukaswojcik.com\/blog\/wp-content\/uploads\/2026\/07\/lw-x2.jpg"},"sameAs":["https:\/\/www.lukaswojcik.com\/blog"],"url":"https:\/\/www.lukaswojcik.com\/blog\/author\/luky\/"}]}},"_links":{"self":[{"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/posts\/377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/comments?post=377"}],"version-history":[{"count":1,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/posts\/377\/revisions"}],"predecessor-version":[{"id":378,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/posts\/377\/revisions\/378"}],"wp:attachment":[{"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/media?parent=377"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/categories?post=377"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lukaswojcik.com\/blog\/wp-json\/wp\/v2\/tags?post=377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}