{"id":14735,"date":"2023-12-01T17:30:33","date_gmt":"2023-12-01T20:30:33","guid":{"rendered":"https:\/\/categoriaoutros.com.br\/?p=14735"},"modified":"2023-12-01T17:40:03","modified_gmt":"2023-12-01T20:40:03","slug":"trabalhando-com-imagens-no-bootstrap","status":"publish","type":"post","link":"https:\/\/categoriaoutros.com.br\/?p=14735","title":{"rendered":"Trabalhando com Imagens no Bootstrap"},"content":{"rendered":"\n<p>Hoje iremos ver como trabalhar com imagens no Bootstrap, de forma a dar formatos novos, como arredondamento, modo thumbnail e cantos arredondados.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"860\" src=\"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/11\/bootstrap-logo.png\" alt=\"Trabalhando com Imagens no Bootstrap\" class=\"wp-image-14604\" srcset=\"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/11\/bootstrap-logo.png 1024w, https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/11\/bootstrap-logo-300x252.png 300w, https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/11\/bootstrap-logo-768x645.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Trabalhando com Imagens no Bootstrap<\/figcaption><\/figure><\/div>\n\n\n<p>Vamos trabalhar com as seguintes marca\u00e7\u00f5es\/classes do bootstrap:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Formato da imagem com bootstrap<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>.rounded<\/strong> deixa imagens apenas com as pontas arredondadas<\/li>\n\n\n\n<li><strong>.rounded-circle<\/strong> que deixa imagem arredondada. \u00c9 \u00fatil para exibir fotos de perfil.<\/li>\n\n\n\n<li><strong>.img-thumbnail<\/strong> Adiciona uma borda e sombra \u00e0 imagem, criando uma apar\u00eancia de miniatura. O que \u00e9 uma thumbnail? Uma thumbnail \u00e9 uma vers\u00e3o em miniatura de uma imagem. Geralmente \u00e9 usada para exibir uma pr\u00e9via menor da imagem original, permitindo que os usu\u00e1rios visualizem rapidamente o conte\u00fado antes de clicar para ver a imagem completa.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Alinhamento da imagem com bootstrap<\/h2>\n\n\n\n<p>Tamb\u00e9m vamos saber como alinhar as imagens dentro da p\u00e1gina usando classes <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>.float-start <\/strong>para a imagem flutuar para a esquerda<\/li>\n\n\n\n<li><strong>.float-end<\/strong> para a imagem flutuar para a direita<\/li>\n\n\n\n<li><strong>.mx-auto <\/strong>centralizar a imagem<\/li>\n\n\n\n<li><strong>.d-block<\/strong><\/li>\n\n\n\n<li><strong><code>float-left<\/code><\/strong> e <strong><code>float-<\/code>right<\/strong> para alinhar a imagem \u00e0 esquerda ou \u00e0 direita do cont\u00eainer, permitindo o texto fluir ao redor dela.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Responsividade da imagem com bootstrap<\/h2>\n\n\n\n<p>N\u00e3o poderia falar classes para responsividade nas imagens<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>.img-fluid<\/strong> a responsividade faz a imagem ter ajustada automaticamente seu tamanho para se adequar ao cont\u00eainer pai.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Classes bootstrap para tamanho de imagens<\/h2>\n\n\n\n<p>Sabemos que as classes <strong>.img-thumbnail<\/strong> diminua o tamanho da imagem fazendo dela uma miniatura e a <strong>img-fluid<\/strong> deixa a imagem responsiva fazendo com que ela aumente ou diminua de acordo com o tamanho do cont\u00eainer que ela estiver dentro.<\/p>\n\n\n\n<p>Mas h\u00e1 outras classes,<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>.img-sm<\/strong> para imagem pequena<\/li>\n\n\n\n<li><strong>.img-md<\/strong> imagem m\u00e9dia<\/li>\n\n\n\n<li><strong>.img-lg<\/strong> imagem grande<\/li>\n\n\n\n<li>.<strong>img-lx<\/strong> imagem extra grande.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Praticando tratamento de imagens no Bootstrap<\/h2>\n\n\n\n<p>J\u00e1 sabemos, ou dever\u00edamos saber, que a tag HTML que insere imagens na p\u00e1gina \u00e9 a &lt;img>. <\/p>\n\n\n\n<p>A tag  do HTML \u00e9 usada para exibir imagens em uma p\u00e1gina da web. Ela possui um atributo obrigat\u00f3rio &#8220;src&#8221; que especifica o caminho da imagem.<\/p>\n\n\n\n<pre><font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">img<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">src<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;imagens\/muralha.jpeg&quot;<\/font><font color=\"#00CDCD\">&gt;<\/font><\/pre>\n\n\n\n<p>Acima incluo na p\u00e1gina o arquivo de imagem muralha.jpeg que est\u00e1 dentro da pasta imagens em meu servidor de hospedagem.<\/p>\n\n\n\n<p>posso colocar essa imagem para ser um thumbnail,<\/p>\n\n\n\n<pre><font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">img<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">src<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;imagens\/muralha.jpeg&quot;<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">class<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;img-thumbnail&quot;<\/font><font color=\"#00CDCD\"> &gt;<\/font><\/pre>\n\n\n\n<p>podemos transformar a imagem em uma thumbnail arredondada<\/p>\n\n\n\n<pre><font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">img<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">src<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;imagens\/muralha.jpeg&quot;<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">class<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;img-thumbnail rounded-circle&quot;<\/font><font color=\"#00CDCD\"> &gt;<\/font><\/pre>\n\n\n\n<p>Quando ao tamanho, <\/p>\n\n\n\n<pre><font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">img<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">src<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;imagem.jpg&quot;<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">class<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;img-sm&quot;<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">alt<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;Imagem Pequena&quot;<\/font><font color=\"#00CDCD\">&gt;<\/font>\n<font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">img<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">src<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;imagem.jpg&quot;<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">class<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;img-md&quot;<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">alt<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;Imagem M\u00e9dia&quot;<\/font><font color=\"#00CDCD\">&gt;<\/font>\n<font color=\"#00CDCD\">&lt;<\/font><font color=\"#AF5F00\">img<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">src<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;imagem.jpg&quot;<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">class<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;img-lg&quot;<\/font><font color=\"#00CDCD\"> <\/font><font color=\"#00CD00\">alt<\/font><font color=\"#00CDCD\">=<\/font><font color=\"#CD0000\">&quot;Imagem Grande&quot;<\/font><font color=\"#00CDCD\">&gt;<\/font><\/pre>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hoje iremos ver como trabalhar com imagens no Bootstrap, de forma a dar formatos novos, como arredondamento, modo thumbnail e cantos arredondados. Vamos trabalhar com as seguintes marca\u00e7\u00f5es\/classes do bootstrap: Formato da imagem com bootstrap Alinhamento da imagem com bootstrap Tamb\u00e9m vamos saber como alinhar as imagens dentro da p\u00e1gina usando classes Responsividade da imagem&#8230;<\/p>\n<p class=\"more-link-wrap\"><a href=\"https:\/\/categoriaoutros.com.br\/?p=14735\" class=\"more-link\">Read More<span class=\"screen-reader-text\"> &ldquo;Trabalhando com Imagens no Bootstrap&rdquo;<\/span> &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4702,82],"tags":[4699],"class_list":["post-14735","post","type-post","status-publish","format-standard","hentry","category-bootstrap","category-cursos","tag-bootstrap"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Trabalhando com Imagens no Bootstrap - Categoria Outros<\/title>\n<meta name=\"description\" content=\"Hoje iremos ver como trabalhar com imagens no Bootstrap, de forma a dar formatos novos, como arredondamento, modo thumbnail e cantos arredondados.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/categoriaoutros.com.br\/?p=14735\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Trabalhando com Imagens no Bootstrap - Categoria Outros\" \/>\n<meta property=\"og:description\" content=\"Hoje iremos ver como trabalhar com imagens no Bootstrap, de forma a dar formatos novos, como arredondamento, modo thumbnail e cantos arredondados.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/categoriaoutros.com.br\/?p=14735\" \/>\n<meta property=\"og:site_name\" content=\"Categoria Outros\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/categoriaoutros\" \/>\n<meta property=\"article:published_time\" content=\"2023-12-01T20:30:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-01T20:40:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/11\/bootstrap-logo.png\" \/>\n<meta name=\"author\" content=\"Categoria: Outros\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CategoriaOutros\" \/>\n<meta name=\"twitter:site\" content=\"@CategoriaOutros\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Categoria: Outros\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=14735#article\",\"isPartOf\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=14735\"},\"author\":{\"name\":\"Categoria: Outros\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/ba0f432708449436912bd6736864bb40\"},\"headline\":\"Trabalhando com Imagens no Bootstrap\",\"datePublished\":\"2023-12-01T20:30:33+00:00\",\"dateModified\":\"2023-12-01T20:40:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=14735\"},\"wordCount\":371,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/#organization\"},\"keywords\":[\"Bootstrap\"],\"articleSection\":[\"Bootstrap\",\"Cursos\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/categoriaoutros.com.br\/?p=14735#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=14735\",\"url\":\"https:\/\/categoriaoutros.com.br\/?p=14735\",\"name\":\"Trabalhando com Imagens no Bootstrap - Categoria Outros\",\"isPartOf\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/#website\"},\"datePublished\":\"2023-12-01T20:30:33+00:00\",\"dateModified\":\"2023-12-01T20:40:03+00:00\",\"description\":\"Hoje iremos ver como trabalhar com imagens no Bootstrap, de forma a dar formatos novos, como arredondamento, modo thumbnail e cantos arredondados.\",\"breadcrumb\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=14735#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/categoriaoutros.com.br\/?p=14735\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/categoriaoutros.com.br\/?p=14735#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/categoriaoutros.com.br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Trabalhando com Imagens no Bootstrap\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#website\",\"url\":\"https:\/\/categoriaoutros.com.br\/\",\"name\":\"Categoria Outros\",\"description\":\"Assuntos Diversos\",\"publisher\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/categoriaoutros.com.br\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#organization\",\"name\":\"Categoria Outros\",\"alternateName\":\"Categoria Outros\",\"url\":\"https:\/\/categoriaoutros.com.br\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/08\/categoriaoutros-logo.jpg\",\"contentUrl\":\"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/08\/categoriaoutros-logo.jpg\",\"width\":400,\"height\":400,\"caption\":\"Categoria Outros\"},\"image\":{\"@id\":\"https:\/\/categoriaoutros.com.br\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/categoriaoutros\",\"https:\/\/twitter.com\/CategoriaOutros\",\"https:\/\/br.pinterest.com\/CategoriaOutros\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/ba0f432708449436912bd6736864bb40\",\"name\":\"Categoria: Outros\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ed97775f0ab50750ed638ed3417ea85e19ced2c648da167a108e393ae5fd9e33?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ed97775f0ab50750ed638ed3417ea85e19ced2c648da167a108e393ae5fd9e33?s=96&d=mm&r=g\",\"caption\":\"Categoria: Outros\"},\"sameAs\":[\"http:\/\/categoriaoutros.com.br\"],\"url\":\"https:\/\/categoriaoutros.com.br\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Trabalhando com Imagens no Bootstrap - Categoria Outros","description":"Hoje iremos ver como trabalhar com imagens no Bootstrap, de forma a dar formatos novos, como arredondamento, modo thumbnail e cantos arredondados.","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:\/\/categoriaoutros.com.br\/?p=14735","og_locale":"pt_BR","og_type":"article","og_title":"Trabalhando com Imagens no Bootstrap - Categoria Outros","og_description":"Hoje iremos ver como trabalhar com imagens no Bootstrap, de forma a dar formatos novos, como arredondamento, modo thumbnail e cantos arredondados.","og_url":"https:\/\/categoriaoutros.com.br\/?p=14735","og_site_name":"Categoria Outros","article_publisher":"https:\/\/www.facebook.com\/categoriaoutros","article_published_time":"2023-12-01T20:30:33+00:00","article_modified_time":"2023-12-01T20:40:03+00:00","og_image":[{"url":"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/11\/bootstrap-logo.png"}],"author":"Categoria: Outros","twitter_card":"summary_large_image","twitter_creator":"@CategoriaOutros","twitter_site":"@CategoriaOutros","twitter_misc":{"Escrito por":"Categoria: Outros","Est. tempo de leitura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/categoriaoutros.com.br\/?p=14735#article","isPartOf":{"@id":"https:\/\/categoriaoutros.com.br\/?p=14735"},"author":{"name":"Categoria: Outros","@id":"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/ba0f432708449436912bd6736864bb40"},"headline":"Trabalhando com Imagens no Bootstrap","datePublished":"2023-12-01T20:30:33+00:00","dateModified":"2023-12-01T20:40:03+00:00","mainEntityOfPage":{"@id":"https:\/\/categoriaoutros.com.br\/?p=14735"},"wordCount":371,"commentCount":0,"publisher":{"@id":"https:\/\/categoriaoutros.com.br\/#organization"},"keywords":["Bootstrap"],"articleSection":["Bootstrap","Cursos"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/categoriaoutros.com.br\/?p=14735#respond"]}]},{"@type":"WebPage","@id":"https:\/\/categoriaoutros.com.br\/?p=14735","url":"https:\/\/categoriaoutros.com.br\/?p=14735","name":"Trabalhando com Imagens no Bootstrap - Categoria Outros","isPartOf":{"@id":"https:\/\/categoriaoutros.com.br\/#website"},"datePublished":"2023-12-01T20:30:33+00:00","dateModified":"2023-12-01T20:40:03+00:00","description":"Hoje iremos ver como trabalhar com imagens no Bootstrap, de forma a dar formatos novos, como arredondamento, modo thumbnail e cantos arredondados.","breadcrumb":{"@id":"https:\/\/categoriaoutros.com.br\/?p=14735#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/categoriaoutros.com.br\/?p=14735"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/categoriaoutros.com.br\/?p=14735#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/categoriaoutros.com.br\/"},{"@type":"ListItem","position":2,"name":"Trabalhando com Imagens no Bootstrap"}]},{"@type":"WebSite","@id":"https:\/\/categoriaoutros.com.br\/#website","url":"https:\/\/categoriaoutros.com.br\/","name":"Categoria Outros","description":"Assuntos Diversos","publisher":{"@id":"https:\/\/categoriaoutros.com.br\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/categoriaoutros.com.br\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/categoriaoutros.com.br\/#organization","name":"Categoria Outros","alternateName":"Categoria Outros","url":"https:\/\/categoriaoutros.com.br\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/categoriaoutros.com.br\/#\/schema\/logo\/image\/","url":"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/08\/categoriaoutros-logo.jpg","contentUrl":"https:\/\/categoriaoutros.com.br\/wp-content\/uploads\/2023\/08\/categoriaoutros-logo.jpg","width":400,"height":400,"caption":"Categoria Outros"},"image":{"@id":"https:\/\/categoriaoutros.com.br\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/categoriaoutros","https:\/\/twitter.com\/CategoriaOutros","https:\/\/br.pinterest.com\/CategoriaOutros\/"]},{"@type":"Person","@id":"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/ba0f432708449436912bd6736864bb40","name":"Categoria: Outros","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/categoriaoutros.com.br\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ed97775f0ab50750ed638ed3417ea85e19ced2c648da167a108e393ae5fd9e33?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ed97775f0ab50750ed638ed3417ea85e19ced2c648da167a108e393ae5fd9e33?s=96&d=mm&r=g","caption":"Categoria: Outros"},"sameAs":["http:\/\/categoriaoutros.com.br"],"url":"https:\/\/categoriaoutros.com.br\/?author=1"}]}},"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/posts\/14735","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14735"}],"version-history":[{"count":6,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/posts\/14735\/revisions"}],"predecessor-version":[{"id":14742,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=\/wp\/v2\/posts\/14735\/revisions\/14742"}],"wp:attachment":[{"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14735"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=14735"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/categoriaoutros.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=14735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}