{"id":34900,"date":"2020-02-06T01:25:53","date_gmt":"2020-02-06T09:25:53","guid":{"rendered":"https:\/\/kinqsta.com\/?p=10171"},"modified":"2025-02-13T08:17:36","modified_gmt":"2025-02-13T11:17:36","slug":"o-que-e-um-arquivo-svg","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/","title":{"rendered":"O que \u00e9 um arquivo SVG (E como voc\u00ea faz o upload de SVG para o WordPress)?"},"content":{"rendered":"<p>A principal raz\u00e3o pela qual arquivos SVG\u00a0s\u00e3o especialmente populares entre desenvolvedores e designers \u00e9 que eles s\u00e3o um formato de imagem escal\u00e1vel, geralmente menor em tamanho de arquivo (\u00e0s vezes por um pouco), e n\u00e3o pixelizam em telas de retina. O WordPress, por padr\u00e3o, n\u00e3o permite que voc\u00ea carregue o formato de arquivo SVG, principalmente devido a preocupa\u00e7\u00f5es com a seguran\u00e7a.<\/p>\n<p>Hoje vamos mergulhar no que s\u00e3o SVG, como eles podem ser ben\u00e9ficos, e como voc\u00ea pode habilitar com seguran\u00e7a o suporte a SVG do WordPress. Tamb\u00e9m discutiremos o suporte ao navegador, assim como algumas advert\u00eancias se voc\u00ea decidir mudar para o formato de imagem vetorial.<\/p>\n<p>Espero que um dia tenhamos o SVG como parte do n\u00facleo do WordPress, mas ainda n\u00e3o estamos l\u00e1.<\/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<h2 id=\"what-is-svg\">O que \u00e9 um arquivo SVG?<\/h2>\n<p>SVG (Scalable Vector Graphics) \u00e9 uma <strong>imagem vetorial baseada em XML<\/strong> que \u00e9 comumente usada por sites e marcas para exibir logos e \u00edcones em seus sites. A Wikipedia define SVG como:<\/p>\n<blockquote><p><em>Um SVG (Scalable Vector Graphics) \u00e9 um formato de imagem vetorial baseado em XML para gr\u00e1ficos bidimensionais com suporte para interatividade e anima\u00e7\u00e3o. A especifica\u00e7\u00e3o SVG \u00e9 um padr\u00e3o aberto desenvolvido pelo World Wide Web Consortium (W3C) desde 1999.<\/em><\/p><\/blockquote>\n<p>Voc\u00ea pode at\u00e9 mesmo manipular arquivos SVG com c\u00f3digo ou com seu <a href=\"https:\/\/kinqsta.com\/pt\/blog\/melhores-editores-texto\/\">editor de texto<\/a>. Os SVGs s\u00e3o utilizados atualmente em <a href=\"https:\/\/w3techs.com\/technologies\/details\/im-svg\/all\/all\">33% de todos os sites<\/a> e, como voc\u00ea pode ver abaixo, a taxa de ado\u00e7\u00e3o est\u00e1 crescendo rapidamente. Sites populares como Google, Reddit, Dropbox, ESPN e at\u00e9 mesmo nosso pr\u00f3prio site aqui na Kinsta usam SVGs.<\/p>\n<figure id=\"attachment_93606\" aria-describedby=\"caption-attachment-93606\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-93606 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/04\/svg-usage-statistics-1.png\" alt=\"Estat\u00edsticas de uso de SVG Abril 2020 - Abril 2021\" width=\"800\" height=\"534\"><figcaption id=\"caption-attachment-93606\" class=\"wp-caption-text\">Estat\u00edsticas de uso de SVG Abril 2020 &#8211; Abril 2021<\/figcaption><\/figure>\n<h3>Suporte ao Navegador de Arquivos SVG<\/h3>\n<p>Os arquivos SVG s\u00e3o atualmente suportados por <a href=\"http:\/\/caniuse.com\/#feat=svg\">todos os principais navegadores<\/a>, incluindo os navegadores m\u00f3veis. O \u00fanico problema que voc\u00ea pode encontrar \u00e9 se ainda precisar de suporte para o IE8, o que esperamos que voc\u00ea n\u00e3o precise. O IE8 tem apenas cerca de 0,36% da <a href=\"https:\/\/kinqsta.com\/pt\/participacao-mercado-navegadores-desktop\/\">participa\u00e7\u00e3o de mercado dos navegadores<\/a> e n\u00e3o \u00e9 mais suportado. Aqui est\u00e1 um \u00f3timo artigo da Lubos sobre por que os desenvolvedores <a href=\"https:\/\/www.xfive.co\/blog\/stop-supporting-ie10-ie9-ie8\/\">devem parar de suportar o IE8, o IE9 e o IE10<\/a>. De uma perspectiva empresarial, isto pode nem sempre ser poss\u00edvel, mas ele traz alguns pontos positivos. Se por alguma raz\u00e3o desesperada voc\u00ea ainda precisar do suporte ao IE8, voc\u00ea poderia definir uma imagem de retorno (PNG ou JPG) para seus imagens SVG, mas n\u00f3s n\u00e3o vamos entrar nisso hoje. Abaixo est\u00e1 uma lista de navegadores suportados:<\/p>\n<ul style=\"margin-left: 30px\">\n<li>Internet Explorer 9, 10, 11+ e Edge<\/li>\n<li>Firefox 2+<\/li>\n<li>Chrome 4+<\/li>\n<li>Safari 3.1+<\/li>\n<li>Opera 10+<\/li>\n<li>iOS Safari 3.2+<\/li>\n<li>Android Browser 3+<\/li>\n<li>Firefox for Android 86+<\/li>\n<li>Opera Mini (todos)<\/li>\n<li>Opera Mobile 12+<\/li>\n<li>Chrome for Android 89+<\/li>\n<li>UC Browser for Android 12.12+<\/li>\n<li>Samsung Internet 4+<\/li>\n<li>QQ Browser 10.4<\/li>\n<li>Baidu Browser 7.12<\/li>\n<li>KaiOS Browser 2.5<\/li>\n<\/ul>\n<figure id=\"attachment_93608\" aria-describedby=\"caption-attachment-93608\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-93608 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/04\/svg-browser-support-1.png\" alt=\"Suporte ao navegador SVG\" width=\"800\" height=\"432\"><figcaption id=\"caption-attachment-93608\" class=\"wp-caption-text\">Suporte ao navegador SVG<\/figcaption><\/figure>\n<h3>Benef\u00edcios do uso de arquivos SVG<\/h3>\n<p>Os arquivos SVG s\u00e3o um formato vetorial, o que significa que eles s\u00e3o <strong>automaticamente escal\u00e1veis<\/strong> tanto em navegadores quanto em ferramentas de edi\u00e7\u00e3o de fotos. Isto torna-os \u00f3ptimos tanto para designers gr\u00e1ficos como para web designers. Normalmente, quando voc\u00ea tenta editar um PNG ou JPG em uma ferramenta como Photoshop, Sketch ou Paint, voc\u00ea n\u00e3o pode aument\u00e1-los sem pixela\u00e7\u00e3o. Com os SVGs, voc\u00ea pode redimension\u00e1-los para uma quantidade infinita e eles parecer\u00e3o perfeitos (ou dever\u00edamos dizer perfeitos vetoriais) todas as vezes. \u00c9 por isso que eles s\u00e3o um \u00f3timo formato de imagem para usar em telas de retina.<\/p>\n<p><strong>Google indexa SVGs<\/strong>, o que \u00e9 uma \u00f3tima not\u00edcia para fins de <a href=\"https:\/\/kinqsta.com\/pt\/blog\/o-que-significa-seo\/\">SEO<\/a>. O conte\u00fado SVG que est\u00e1 ligado a um ficheiro em si ser\u00e1 indexado e aparecer\u00e1 na pesquisa de imagens do Google. Voc\u00ea pode ver isso em primeira m\u00e3o com as ilustra\u00e7\u00f5es SVG que usamos na Kinsta, fazendo uma pesquisa <a href=\"https:\/\/www.google.com\/search?as_st=y&#038;tbm=isch&#038;as_q=&#038;as_epq=&#038;as_oq=&#038;as_eq=&#038;cr=&#038;as_sitesearch=kinqsta.com&#038;safe=images&#038;tbs=ift:svg\">avan\u00e7ada de imagens<\/a>. Nota: Os SVGs em linha, ou melhor, aqueles compostos apenas de c\u00f3digo, normalmente n\u00e3o s\u00e3o indexados.<\/p>\n<p>Os SVGs s\u00e3o tradicionalmente (nem sempre) <strong>menores em tamanho de arquivo que os PNGs ou JPGs<\/strong>. Ao usar SVGs, voc\u00ea pode realmente acelerar o seu site WordPress, pois diminuir\u00e1 o tamanho geral da sua p\u00e1gina.\u00a0Genki escreveu um grande artigo onde ele compara o tamanho de <a href=\"https:\/\/web.archive.org\/web\/20200729105713\/http:\/\/genkihagata.com\/blog\/svg-vs-flat-images.html\">SVG vs PNG vs JPEG<\/a> e aqui est\u00e1 a nossa <a href=\"https:\/\/kinqsta.com\/pt\/blog\/jpg-vs-jpeg\/\">compara\u00e7\u00e3o JPG vs JPEG<\/a>. Abaixo est\u00e3o alguns exemplos de seus testes nos quais ele comparou os tr\u00eas tipos diferentes de imagem.<\/p>\n<h4>JPG (tamanho optimizado: 81.4 KB)<\/h4>\n<figure style=\"width: 1280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/04\/jpg-imagem.jpg\" alt=\"jpg imagem\" width=\"1280\" height=\"535\"><figcaption class=\"wp-caption-text\">JPG imagem<\/figcaption><\/figure>\n<h4>PNG (tamanho otimizado: 85.1 KB)<\/h4>\n<figure style=\"width: 1280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/04\/png-imagem.png\" alt=\"png imagem\" width=\"1280\" height=\"535\"><figcaption class=\"wp-caption-text\">PNG imagem<\/figcaption><\/figure>\n<h4>SVG (tamanho optimizado: 6.1 KB)<\/h4>\n<figure style=\"width: 1280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/04\/svg-imagem.png\" alt=\"svg imagem\" width=\"1280\" height=\"535\"><figcaption class=\"wp-caption-text\">SVG imagem<\/figcaption><\/figure>\n<p>Como voc\u00ea pode ver acima, o SVG \u00e9 uma <strong>diminui\u00e7\u00e3o no tamanho do arquivo de 92,51%<\/strong> quando comparado com o JPG. E quando comparado com o PNG, <strong>92,83%<\/strong>. Essas s\u00e3o diferen\u00e7as bastante impressionantes no tamanho do arquivo. No entanto, h\u00e1 uma ressalva, como ele testou imagens mais detalhadas, os SVGs acabaram se tornando maiores em tamanho do que o JPG ou PNG.<\/p>\n<p>\u00c9 por isso que muitos sites utilizam SVGs para imagens menos detalhadas, como logotipos, \u00edcones, etc., pois ver\u00e3o uma diminui\u00e7\u00e3o significativa no tamanho dos arquivos.\u00a0Mas para mais imagens com grande detalhe, como talvez o seu blog post &#8220;imagens em destaque&#8221;, voc\u00ea pode querer ficar com um PNG ou JPG, mas <a href=\"https:\/\/kinqsta.com\/pt\/blog\/otimizar-imagens-para-web\/\">voc\u00ea ainda pode otimiz\u00e1-las<\/a>. Muitos sites usam uma abordagem h\u00edbrida, usando os dois tipos de arquivo juntos onde faz sentido.<\/p>\n<p>Al\u00e9m disso, \u00e9 importante notar que redes de m\u00eddia social como Facebook e Twitter n\u00e3o suportam SVGs para compartilhamento.\u00a0Portanto, se voc\u00ea usou SVGs para suas imagens em destaque, voc\u00ea teria que utilizar o recurso Yoast SEO e carregar um PNG ou JPG para o OG e meta tags, caso contr\u00e1rio voc\u00ea poderia arriscar que sua <a href=\"https:\/\/kinqsta.com\/pt\/blog\/imagem-destaque-wordpress-nao-aparece\/\">imagem em destaque n\u00e3o aparecesse<\/a> de forma alguma.<\/p>\n<h2 id=\"svg-security\">Porque a Seguran\u00e7a SVG \u00e9 Importante<\/h2>\n<p>A raz\u00e3o pela qual o SVG ainda n\u00e3o faz parte do n\u00facleo do WordPress \u00e9 que existem preocupa\u00e7\u00f5es de seguran\u00e7a a serem abordadas. Voc\u00ea pode acompanhar a discuss\u00e3o ativa sobre <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/24251\">SVGs no n\u00facleo do WordPress<\/a> (#24251) que foi iniciada em 2013.\u00a0 SVG \u00e9 um ficheiro XML, que por si s\u00f3 o abre a diferentes vulnerabilidades, das quais os formatos de imagem normais n\u00e3o s\u00e3o afectados. Estas incluem <a href=\"https:\/\/owasp.org\/www-community\/vulnerabilities\/XML_External_Entity_(XXE)_Processing\">ataques de entidades externas XML<\/a> (XXE), entidades aninhadas a bombas, e ataques XSS.<\/p>\n<p>Mario Heiderich publicou uma apresenta\u00e7\u00e3o perspicaz sobre os riscos de seguran\u00e7a devidos \u00e0 <a href=\"https:\/\/owasp.org\/www-pdf-archive\/Mario_Heiderich_OWASP_Sweden_The_image_that_called_me.pdf\">inje\u00e7\u00e3o de conte\u00fado ativo com arquivos SVG<\/a>. Um exemplo dado foi que o JavaScript estava embutido em um SVG e ele realmente conseguiu chamar Mario pelo Skype. Isso \u00e9 meio assustador! <a href=\"https:\/\/kinqsta.com\/pt\/blog\/plugins-de-seguranca-wordpress\/#secupress\">SecuPress<\/a>, autores de um plugin de seguran\u00e7a WordPress, tamb\u00e9m abordou o assunto de ser cuidadoso ao <a href=\"https:\/\/secupress.me\/blog\/add-svg-support-in-wordpress-medias-yes-but-no\/\">adicionar SVGs ao WordPress<\/a>, e a import\u00e2ncia de faz\u00ea-lo da maneira correta.<\/p>\n<p>Muitos plugins SVG no reposit\u00f3rio est\u00e3o utilizando o seguinte c\u00f3digo, que simplesmente habilita o tipo MIME para permitir o upload de SVGs para a biblioteca de m\u00eddia do WordPress. Esta n\u00e3o \u00e9 a maneira segura de fazer isto! Portanto, <strong>n\u00e3o v\u00e1 e baixe o primeiro plugin SVG gratuito que voc\u00ea v\u00ea<\/strong> ou copie colar este c\u00f3digo e pense que est\u00e1 pronto para ir.<\/p>\n<pre><code>function cc_mime_types($mimes) {\n $mimes['svg'] = 'image\/svg+xml';\n return $mimes;\n}\nadd_filter('upload_mimes', 'cc_mime_types');<\/code><\/pre>\n<p>A solu\u00e7\u00e3o \u00e9 que os <strong>SVGs precisam de ser higienizados<\/strong>. A higieniza\u00e7\u00e3o \u00e9 basicamente a limpeza do c\u00f3digo ou da entrada para evitar problemas de seguran\u00e7a (como inje\u00e7\u00e3o de c\u00f3digo), conflitos de c\u00f3digo e erros. Isto pode implicar coisas como a codifica\u00e7\u00e3o de dados, filtragem e valida\u00e7\u00e3o de strings, etc. \u00c9 aqui que entra em jogo a biblioteca <a href=\"https:\/\/github.com\/darylldoyle\/svg-sanitizer\">SVG-Sanitizer<\/a> de Daryll Doyle, a que ele se refere como &#8220;sua tentativa de construir um higienizador SVG decente em PHP&#8221;. Veja a <a href=\"http:\/\/svg.enshrined.co.uk\/\">demonstra\u00e7\u00e3o do seu anti-sanitizante SVG<\/a> para v\u00ea-lo em a\u00e7\u00e3o.<\/p>\n<figure id=\"attachment_34912\" aria-describedby=\"caption-attachment-34912\" style=\"width: 768px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-34912\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/02\/demonstracao-higienizador-svg-pt.png\" alt=\"Demonstra\u00e7\u00e3o do higienizador SVG\" width=\"768\" height=\"534\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/02\/demonstracao-higienizador-svg-pt.png 768w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/02\/demonstracao-higienizador-svg-pt-300x209.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-34912\" class=\"wp-caption-text\">Demonstra\u00e7\u00e3o do higienizador SVG<\/figcaption><\/figure>\n<p>Tamb\u00e9m \u00e9 importante que voc\u00ea considere quem no seu site tem acesso para carregar SVGs. Por exemplo, se voc\u00ea est\u00e1 em um site multi-autor, voc\u00ea n\u00e3o tem id\u00e9ia do tipo de SVG que outra pessoa pode carregar, expondo o seu site. <strong>\u00c9 aconselh\u00e1vel restringir os carregamentos de SVG aos administradores<\/strong> e \u00e0queles que entendem algumas das preocupa\u00e7\u00f5es de seguran\u00e7a.<\/p>\n<h2 id=\"svg-wordpress-support\">Como ativar com seguran\u00e7a o suporte a WordPress SVG<\/h2>\n<p>Daryll has developed a plugin, WP SVG (also know as Safe SVG), which <strong>utilizes the SVG-Sanitizer library<\/strong> upon uploading SVG images to your WordPress media library. The plugin also enables you to view SVGs like normal images in the media library.<\/p>\n<figure id=\"attachment_10233\" aria-describedby=\"caption-attachment-10233\" style=\"width: 504px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10233\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/04\/wp-svg.png\" alt=\"WP SVG logo\" width=\"504\" height=\"134\"><figcaption id=\"caption-attachment-10233\" class=\"wp-caption-text\">WP SVG plugin<\/figcaption><\/figure>\n<p>Voc\u00ea pode fazer o <a href=\"https:\/\/wordpress.org\/plugins\/safe-svg\/\">download do SVG Seguro<\/a> gratuitamente do reposit\u00f3rio WordPress ou procurando por ele dentro de seu painel de controle do WordPress em &#8220;Add New&#8221; plugins. Voc\u00ea pode se levantar e ir com alguns simples cliques.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Este plugin n\u00e3o recebeu nenhuma atualiza\u00e7\u00e3o recente, portanto, certifique-se de <a href=\"https:\/\/kinqsta.com\/pt\/docs\/hospedagem-de-wordpress\/ambiente-de-teste\/\">test\u00e1-lo em um site de teste<\/a> antes de instal\u00e1-lo em seu site de produ\u00e7\u00e3o.<\/p>\n<\/aside>\n\n<p>H\u00e1 tamb\u00e9m tem uma vers\u00e3o premium, dispon\u00edvel em <a href=\"https:\/\/wpsvg.com\/\">wpsvg.com<\/a>, que permite que voc\u00ea restrinja certos usu\u00e1rios de fazer o upload de SVGs e otimiza\u00e7\u00e3o adicional de SVGs. Neste exemplo abaixo, vamos simplesmente usar a vers\u00e3o gratuita.<\/p>\n<p>Como um plugin alternativo, voc\u00ea pode querer verificar o <a href=\"https:\/\/wordpress.org\/plugins\/svg-support\/\">SVG Support<\/a>.<br \/>\n<\/p>\n<p>Antes de carregar o seu arquivo SVG, \u00e9 importante entender que eles se comportam de forma ligeiramente diferente das imagens. Ao exportar um SVG a partir da sua ferramenta de edi\u00e7\u00e3o de fotos, voc\u00ea vai querer exportar o texto como curvas (ou criar um esbo\u00e7o), caso contr\u00e1rio, ele pode renderizar um pouco diferente em v\u00e1rios navegadores.<\/p>\n<figure style=\"width: 1383px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/04\/affinity-designer-exportar-texto-como-curvas-svg.png\" alt=\"Affinity Designer - Exportar texto como curvas SVG\" width=\"1383\" height=\"700\"><figcaption class=\"wp-caption-text\">Affinity Designer &#8211; Exportar texto como curvas SVG<\/figcaption><\/figure>\n<p>Depois de instalar o plugin, n\u00e3o h\u00e1 configura\u00e7\u00f5es, ele simplesmente higienizar\u00e1 seus SVGs ap\u00f3s o upload. No nosso site de testes abaixo pode ver que substitu\u00edmos o nosso log\u00f3tipo por um ficheiro SVG, que pode ser visto como normal na biblioteca multim\u00e9dia.<\/p>\n<figure style=\"width: 1719px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/04\/svg-biblioteca-midia-wordpress.png\" alt=\"SVG na biblioteca de m\u00eddia WordPress\" width=\"1719\" height=\"1196\"><figcaption class=\"wp-caption-text\">SVG na biblioteca de m\u00eddia WordPress<\/figcaption><\/figure>\n<p>Isto tamb\u00e9m nos permitiu usar o painel de controle do nosso tema para mudar o logotipo no cabe\u00e7alho do nosso WordPress para o nosso arquivo SVG. Voc\u00ea pode ver abaixo que ele est\u00e1 de fato servindo o arquivo .svg. E fica bonito agora nas telas da retina.<\/p>\n<figure style=\"width: 1699px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/04\/svg-cabecalho-wordpress.png\" alt=\"SVG no cabe\u00e7alho do WordPress\" width=\"1699\" height=\"1158\"><figcaption class=\"wp-caption-text\">SVG no cabe\u00e7alho do WordPress<\/figcaption><\/figure>\n<p>H\u00e1 um ajuste adicional que tivemos de fazer. No IE9-11 o desktop &#038; mobile ainda n\u00e3o escalam corretamente os arquivos SVG. A <a href=\"http:\/\/codepen.io\/tomByrer\/pen\/qEBbzw?editors=110\">adi\u00e7\u00e3o de altura e largura<\/a> resolve este problema. Isto pode variar por tema, mas em nosso site de testes n\u00f3s simplesmente modificamos nosso arquivo header.php e adicionamos estas dimens\u00f5es personalizadas. Alguns temas do WordPress usam CSS para modificar o dimensionamento, o que n\u00e3o \u00e9 bom por raz\u00f5es de desempenho, mas devido a isso pode exigir a adi\u00e7\u00e3o de c\u00f3digo adicional para corrigir o problema do IE.<\/p>\n<figure style=\"width: 2405px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/04\/arquivo-header-php-modificado-svg-problema-pt.png\" alt=\"Arquivo header.php modificado para SVG IE problema de escalonamento\" width=\"2405\" height=\"381\"><figcaption class=\"wp-caption-text\">Arquivo header.php modificado para SVG IE problema de escalonamento<\/figcaption><\/figure>\n<p>E \u00e9 isso! Agora voc\u00ea habilitou com seguran\u00e7a o suporte ao WordPress SVG. Este plugin e\/ou m\u00e9todo n\u00e3o \u00e9 endossado ou suportado pelo n\u00facleo do WordPress, portanto, \u00e9 claro, use por sua conta e risco. No entanto, se voc\u00ea j\u00e1 estava carregando SVGs apenas com o snippet do tipo MIME, ent\u00e3o, por favor, fa\u00e7a-o desta forma.<\/p>\n<p>Al\u00e9m disso, se voc\u00ea nunca usou SVGs antes, certifique-se de ter o <a href=\"https:\/\/kinqsta.com\/pt\/blog\/ativar-compressao-gzip\/\">GZIP ativado<\/a> em seu servidor para o tipo de arquivo &#8220;image\/svg+xml&#8221;. Isso garantir\u00e1 que eles sejam comprimidos e carregados o mais r\u00e1pido poss\u00edvel. Por vezes os sysadmins apenas ativam os tipos de ficheiros mais standard. Nota: GZIP est\u00e1 habilitado em todos os servidores Kinsta j\u00e1 para SVGs.<\/p>\n<h2>Resumo<\/h2>\n<p>SVGs s\u00e3o uma \u00f3tima maneira de melhorar o visual do seu site! Recomendamos utilizar SVGs, PNG e JPGs juntos para <a href=\"https:\/\/kinqsta.com\/pt\/aprenda\/acelerar-o-seu-site-wordpress\/\">alcan\u00e7ar o melhor desempenho<\/a>, pois imagens muito detalhadas n\u00e3o ter\u00e3o um desempenho t\u00e3o bom no formato SVG. Os SVGs s\u00e3o \u00f3timos para o seu logotipo, para garantir que ele tenha uma apar\u00eancia perfeita em cada tela, juntamente com \u00edcones.<\/p>\n<p>Qual \u00e9 a sua opini\u00e3o? Voc\u00ea j\u00e1 usou SVGs no seu site WordPress?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A principal raz\u00e3o pela qual arquivos SVG\u00a0s\u00e3o especialmente populares entre desenvolvedores e designers \u00e9 que eles s\u00e3o um formato de imagem escal\u00e1vel, geralmente menor em tamanho &#8230;<\/p>\n","protected":false},"author":38,"featured_media":34938,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[315,30],"topic":[1026,1039],"class_list":["post-34900","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-svg","tag-wordpress","topic-desenvolvimento-wordpress","topic-design-sites-wordpress"],"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>O que \u00e9 um arquivo SVG (E como voc\u00ea faz o upload de SVG para o WordPress)?<\/title>\n<meta name=\"description\" content=\"O que \u00e9 um arquivo SVG? \u00c9 um formato de imagem vetorial baseado em XML para gr\u00e1ficos bidimensionais com suporte para interatividade e anima\u00e7\u00e3o. Saiba mais neste guia\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"O que \u00e9 um arquivo SVG (E como voc\u00ea faz o upload de SVG para o WordPress)?\" \/>\n<meta property=\"og:description\" content=\"O que \u00e9 um arquivo SVG? \u00c9 um formato de imagem vetorial baseado em XML para gr\u00e1ficos bidimensionais com suporte para interatividade e anima\u00e7\u00e3o. Saiba mais neste guia\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/fm.brianleejackson\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-06T09:25:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-13T11:17:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/02\/ativar-seguranca-suporte-wordpress.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=\"Brian Jackson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"O que \u00e9 um arquivo SVG? \u00c9 um formato de imagem vetorial baseado em XML para gr\u00e1ficos bidimensionais com suporte para interatividade e anima\u00e7\u00e3o. Saiba mais neste guia\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/02\/ativar-seguranca-suporte-wordpress.png\" \/>\n<meta name=\"twitter:creator\" content=\"@brianleejackson\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Jackson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/\"},\"author\":{\"name\":\"Brian Jackson\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\"},\"headline\":\"O que \u00e9 um arquivo SVG (E como voc\u00ea faz o upload de SVG para o WordPress)?\",\"datePublished\":\"2020-02-06T09:25:53+00:00\",\"dateModified\":\"2025-02-13T11:17:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/\"},\"wordCount\":2131,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/02\/ativar-seguranca-suporte-wordpress.png\",\"keywords\":[\"svg\",\"WordPress\"],\"articleSection\":[\"Melhores Tutoriais WordPress\"],\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/\",\"name\":\"O que \u00e9 um arquivo SVG (E como voc\u00ea faz o upload de SVG para o WordPress)?\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/02\/ativar-seguranca-suporte-wordpress.png\",\"datePublished\":\"2020-02-06T09:25:53+00:00\",\"dateModified\":\"2025-02-13T11:17:36+00:00\",\"description\":\"O que \u00e9 um arquivo SVG? \u00c9 um formato de imagem vetorial baseado em XML para gr\u00e1ficos bidimensionais com suporte para interatividade e anima\u00e7\u00e3o. Saiba mais neste guia\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/02\/ativar-seguranca-suporte-wordpress.png\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/02\/ativar-seguranca-suporte-wordpress.png\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desenvolvimento WordPress\",\"item\":\"https:\/\/kinqsta.com\/pt\/topicos\/desenvolvimento-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"O que \u00e9 um arquivo SVG (E como voc\u00ea faz o upload de SVG para o WordPress)?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"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:\/\/kinqsta.com\/pt\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\",\"name\":\"Brian Jackson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"caption\":\"Brian Jackson\"},\"description\":\"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.\",\"sameAs\":[\"https:\/\/www.facebook.com\/fm.brianleejackson\",\"https:\/\/www.linkedin.com\/in\/brianleejackson\",\"https:\/\/x.com\/brianleejackson\"],\"url\":\"https:\/\/kinqsta.com\/pt\/blog\/author\/brianjackson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"O que \u00e9 um arquivo SVG (E como voc\u00ea faz o upload de SVG para o WordPress)?","description":"O que \u00e9 um arquivo SVG? \u00c9 um formato de imagem vetorial baseado em XML para gr\u00e1ficos bidimensionais com suporte para interatividade e anima\u00e7\u00e3o. Saiba mais neste guia","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:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/","og_locale":"pt_PT","og_type":"article","og_title":"O que \u00e9 um arquivo SVG (E como voc\u00ea faz o upload de SVG para o WordPress)?","og_description":"O que \u00e9 um arquivo SVG? \u00c9 um formato de imagem vetorial baseado em XML para gr\u00e1ficos bidimensionais com suporte para interatividade e anima\u00e7\u00e3o. Saiba mais neste guia","og_url":"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_author":"https:\/\/www.facebook.com\/fm.brianleejackson","article_published_time":"2020-02-06T09:25:53+00:00","article_modified_time":"2025-02-13T11:17:36+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/02\/ativar-seguranca-suporte-wordpress.png","type":"image\/png"}],"author":"Brian Jackson","twitter_card":"summary_large_image","twitter_description":"O que \u00e9 um arquivo SVG? \u00c9 um formato de imagem vetorial baseado em XML para gr\u00e1ficos bidimensionais com suporte para interatividade e anima\u00e7\u00e3o. Saiba mais neste guia","twitter_image":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/02\/ativar-seguranca-suporte-wordpress.png","twitter_creator":"@brianleejackson","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Brian Jackson","Tempo estimado de leitura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/"},"author":{"name":"Brian Jackson","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7"},"headline":"O que \u00e9 um arquivo SVG (E como voc\u00ea faz o upload de SVG para o WordPress)?","datePublished":"2020-02-06T09:25:53+00:00","dateModified":"2025-02-13T11:17:36+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/"},"wordCount":2131,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/02\/ativar-seguranca-suporte-wordpress.png","keywords":["svg","WordPress"],"articleSection":["Melhores Tutoriais WordPress"],"inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/","url":"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/","name":"O que \u00e9 um arquivo SVG (E como voc\u00ea faz o upload de SVG para o WordPress)?","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/02\/ativar-seguranca-suporte-wordpress.png","datePublished":"2020-02-06T09:25:53+00:00","dateModified":"2025-02-13T11:17:36+00:00","description":"O que \u00e9 um arquivo SVG? \u00c9 um formato de imagem vetorial baseado em XML para gr\u00e1ficos bidimensionais com suporte para interatividade e anima\u00e7\u00e3o. Saiba mais neste guia","breadcrumb":{"@id":"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/#primaryimage","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/02\/ativar-seguranca-suporte-wordpress.png","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/02\/ativar-seguranca-suporte-wordpress.png","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/pt\/blog\/o-que-e-um-arquivo-svg\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Desenvolvimento WordPress","item":"https:\/\/kinqsta.com\/pt\/topicos\/desenvolvimento-wordpress\/"},{"@type":"ListItem","position":3,"name":"O que \u00e9 um arquivo SVG (E como voc\u00ea faz o upload de SVG para o WordPress)?"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/pt\/#website","url":"https:\/\/kinqsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","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:\/\/kinqsta.com\/pt\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7","name":"Brian Jackson","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","caption":"Brian Jackson"},"description":"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.","sameAs":["https:\/\/www.facebook.com\/fm.brianleejackson","https:\/\/www.linkedin.com\/in\/brianleejackson","https:\/\/x.com\/brianleejackson"],"url":"https:\/\/kinqsta.com\/pt\/blog\/author\/brianjackson\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/34900","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/comments?post=34900"}],"version-history":[{"count":10,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/34900\/revisions"}],"predecessor-version":[{"id":47685,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/posts\/34900\/revisions\/47685"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/34900\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/34900\/translations\/es"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/34900\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/34900\/translations\/de"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/34900\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/34900\/translations\/pt"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/34900\/translations\/jp"},{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/34900\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media\/34938"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media?parent=34900"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/tags?post=34900"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/topic?post=34900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}