{"id":1842,"date":"2022-11-29T13:00:18","date_gmt":"2022-11-29T13:00:18","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt\/support\/2022\/11\/29\/6437004-hostinger-criador-de-sites-como-adicionar-imagens\/"},"modified":"2025-08-27T06:13:59","modified_gmt":"2025-08-27T06:13:59","slug":"6437004-hostinger-criador-de-sites-como-adicionar-imagens","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/br\/support\/6437004-hostinger-criador-de-sites-como-adicionar-imagens\/","title":{"rendered":"Hostinger Criador de Sites: Como Adicionar Imagens"},"content":{"rendered":"<p class=\"no-margin\">Para adicionar imagens ao seu site, abra o editor e expanda o painel Adicionar elementos &agrave; esquerda. Selecione o elemento de imagem e arraste e solte-o em qualquer lugar do seu site:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/11\/24eab94e-ed0f-4eaa-94db-34a98cf8d9a3.jpg\"><\/div><p class=\"no-margin\">Clique em um elemento da imagem para ver mais op&ccedil;&otilde;es (alterar, cortar, duplicar, excluir, redimensionar):<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/11\/02940c29-2071-46e5-8d19-1c736c72154a.jpg\"><\/div><p class=\"no-margin\">Para adicionar sua pr&oacute;pria imagem, clique em <b>Alterar imagem &rarr; Substituir imagem<\/b> e selecione um arquivo de sua biblioteca de m&iacute;dia, navegue pelas imagens gratuitas ou carregue as suas pr&oacute;prias:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/11\/5a19ecba-c32b-482a-8472-fae8591e24a0.jpg\"><\/div><p class=\"no-margin\">O bot&atilde;o <b>Alterar imagem<\/b> tamb&eacute;m abre as configura&ccedil;&otilde;es do elemento de imagem:<\/p><div class=\"intercom-interblocks-table-container\">\n<table role=\"presentation\">\n<tbody>\n<tr>\n<td>\n<p class=\"no-margin\"><b>Imagem<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\"><b>Estilo<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\"><b>A&ccedil;&atilde;o<\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\"><b>Substituir imagem<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\"><b>Resetar propor&ccedil;&otilde;es<\/b>: faz com que a imagem retorne &agrave;s suas propor&ccedil;&otilde;es originais<\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Escolha o que acontece quando um visitante do site <b>clica em uma imagem<\/b>: a imagem pode ser exibida em tela cheia ou <b><a href=\"\/br\/support\/6454367-criador-de-sites-como-adicionar-links#h_272f48c0e4\" target=\"_blank\" class=\"intercom-content-link\">abrir um link<\/a><\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\"><b>Texto alternativo: <\/b>adicione <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6466460-website-builder-how-to-add-alt-text-to-images\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">texto alternativo<\/a><\/b> &agrave; imagem para tornar seu site mais acess&iacute;vel e melhorar sua classifica&ccedil;&atilde;o de SEO<\/p>\n<\/td>\n<td>\n<p class=\"no-margin\"><b>Raio da borda: <\/b>arredonde os cantos da sua imagem ou torne-a completamente arredondada<\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">\n<\/p><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><p class=\"no-margin\"><b>OBSERVA&Ccedil;&Otilde;ES<\/b>:<\/p><ul>\n<li>\n<p class=\"no-margin\">O tamanho m&aacute;ximo do arquivo de imagem &eacute; de <b>15 MB<\/b>; <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6466243-website-builder-responsive-web-design-and-image-size\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">saiba mais<\/a><\/b> &#128161;<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Voc&ecirc; pode usar <b>qualquer formato de imagem<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">As imagens s&atilde;o otimizadas automaticamente nos bastidores para o melhor desempenho do site<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Saiba como adicionar <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6466412-website-builder-how-to-add-link-preview-images\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">imagens de visualiza&ccedil;&atilde;o de link<\/a><\/b><\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda como adicionar imagens ao seu site<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[257],"tags":[],"class_list":["post-1842","post","type-post","status-publish","format-standard","hentry","category-elementos-do-site"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6437004-hostinger-website-builder-how-to-add-images\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6437004-hostinger-creador-de-sitios-web-como-agregar-imagenes\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6437004-hostinger-createur-de-site-web-comment-ajouter-des-images\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6437004-hostinger-website-builder-cara-menambahkan-gambar\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6437004-hostinger-svetainiu-kurimo-irankis-paveikslelio-elementas\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6437004-hostinger-criador-de-sites-como-adicionar-imagens\/","default":0},{"locale":"uk-UA","link":"https:\/\/www.hostinger.com\/ua\/support\/6437004-hostinger-----\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1842","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/comments?post=1842"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1842\/revisions"}],"predecessor-version":[{"id":3461,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1842\/revisions\/3461"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/media?parent=1842"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/categories?post=1842"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/tags?post=1842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}