{"id":11519,"date":"2018-09-27T10:00:56","date_gmt":"2018-09-27T13:00:56","guid":{"rendered":"https:\/\/king.host\/wiki\/?post_type=article&#038;p=11519"},"modified":"2021-12-04T15:27:52","modified_gmt":"2021-12-04T17:27:52","slug":"imagens-svg-wordpress","status":"publish","type":"article","link":"https:\/\/king.host\/wiki\/artigo\/imagens-svg-wordpress\/","title":{"rendered":"Utilizar imagens SVG em sites WordPress"},"content":{"rendered":"\n<p>Imagens SVG (Scalable Vector Graphics ou ent\u00e3o Vetor Gr\u00e1fico Redimensional), \u00e9 um tipo de arquivo em XML que utiliza express\u00f5es matem\u00e1ticas para definir uma imagem bidimensional. A grande vantagem em utilizar uma imagem .svg \u00e9 que nunca haver\u00e1 perda de resolu\u00e7\u00e3o, a imagem sempre se adequar\u00e1 ao tamanho da tela e ao zoom especificado. Como exemplo, podemos citar os \u00edcones do nosso Painel de Controle.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a class=\"deve-redirecionar\" href=\"https:\/\/king.host\/hospedagem-wordpress?utm_source=wiki&amp;utm_medium=banner&amp;utm_term=wp-banner-top&amp;utm_content=imagens-svg-wordpress&amp;utm_campaign=oferta-produto\" target=\"_blank\" v-on:click=\"toggle_modal\" rel=\"noopener\"><img data-original=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/10\/WP-970x250-1-960x247.png\" alt=\"Plataforma completa para um site WordPress.\" class=\"wp-image-22356\"\/><\/a><\/figure>\n\n\n\n<box-aviso class=\"wp-block-k-box-aviso\"><strong>Por padr\u00e3o, o WordPress n\u00e3o suporta o uso de imagens SVG<\/strong>.<br>Ao tentar importar uma imagem do tipo SVG acontecer\u00e1 erro.<br>Portanto, \u00e9 necess\u00e1rio utilizar um plugin que habilite o uso de imagens SVG no WordPress.<\/box-aviso>\n\n\n\n<box-info class=\"wp-block-k-box-info\">Aqui, <a href=\"https:\/\/www.w3schools.com\/graphics\/tryit.asp?filename=trysvg_polygon3\">neste link<\/a>,   h\u00e1 um exemplo de uma imagem em formato SVG. Voc\u00ea pode aumentar o zoom   do seu navegador para perceber que n\u00e3o h\u00e1 perda de qualidade.<\/box-info>\n\n\n\n<h2 class=\"title is-2 wp-block-heading\" id=\"Habilitar o uso de imagens SVG\"><span class=\"ez-toc-section\" id=\"Habilitar_o_uso_de_imagens_SVG\"><\/span>Habilitar o uso de imagens SVG<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2018\/09\/wp-plugin_svg_support.png\"><img decoding=\"async\" data-src=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2018\/09\/wp-plugin_svg_support.png\" alt=\"Imagens SVG no WordPress\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 560px; --smush-placeholder-aspect-ratio: 560\/248;\" \/><noscript><img decoding=\"async\" src=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2018\/09\/wp-plugin_svg_support.png\" alt=\"Imagens SVG no WordPress\"\/><\/noscript><\/a><\/figure><\/div>\n\n\n\n<p>O plugin recomendado para este caso \u00e9 o <a rel=\"noopener noreferrer\" href=\"https:\/\/wordpress.org\/plugins\/svg-support\/\" target=\"_blank\">SVG Support<\/a>. Fa\u00e7a a instala\u00e7\u00e3o e o ative. Depois disso, o WordPress aceitar\u00e1 normalmente arquivos SVG.<br><\/p>\n\n\n\n<h3 class=\"title is-3 wp-block-heading\" id=\"Como usar as imagens?\"><span class=\"ez-toc-section\" id=\"Como_usar_as_imagens\"><\/span>Como usar as imagens?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Da mesma forma que os demais formatos de imagem do seu site, atrav\u00e9s do bot\u00e3o <strong>Adicionar M\u00eddia<\/strong> do editor.<\/p>\n\n\n\n<p><em>       <\/em><\/p>\n","protected":false},"author":9,"featured_media":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","article-category":[205],"article-tag":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article\/11519"}],"collection":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/comments?post=11519"}],"version-history":[{"count":0,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article\/11519\/revisions"}],"wp:attachment":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/media?parent=11519"}],"wp:term":[{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article-category?post=11519"},{"taxonomy":"article-tag","embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article-tag?post=11519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}