{"id":14108,"date":"2023-11-17T14:42:33","date_gmt":"2023-11-17T17:42:33","guid":{"rendered":"https:\/\/herospark.com\/blog\/?p=14108"},"modified":"2025-04-22T16:14:47","modified_gmt":"2025-04-22T19:14:47","slug":"imagens-para-landing-page-2","status":"publish","type":"post","link":"https:\/\/herospark.com\/blog\/imagens-para-landing-page\/","title":{"rendered":"Imagens para landing page: guia e onde encontrar"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u00c9 ineg\u00e1vel que as imagens para landing page s\u00e3o poderosas para a convers\u00e3o do seu visitante em lead ou do lead em cliente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Afinal, as imagens mandam muito na hora da tomada de decis\u00f5es do usu\u00e1rio e tamb\u00e9m podem contribuir para o seu posicionamento nos mecanismos de busca. Voc\u00ea sabia?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Obviamente, al\u00e9m da imagem, \u00e9 importante contar com outras estrat\u00e9gias para alcan\u00e7ar esses fins, como uma boa <a href=\"https:\/\/herospark.com\/blog\/headlines-poderosas\/\">headline<\/a>, uma <a href=\"https:\/\/herospark.com\/blog\/cta\/\">CTA chamativa<\/a> e uma descri\u00e7\u00e3o convincente. Se voc\u00ea j\u00e1 passeou pelo nosso blog, sabe muito bem do que estamos falando!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mas hoje vamos falar especificamente das imagens para landing page. Para isso, preparamos um guia completo para que voc\u00ea possa construir uma p\u00e1gina de alta convers\u00e3o para o seu neg\u00f3cio sem precisar contratar um designer. Confira!<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_45_2 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">O que voc&ecirc; ver&aacute;:<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"ez-toc-toggle-icon-1\"><label for=\"item-6a7846907be11\" aria-label=\"Table of Content\"><span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/label><input style='display:none' type=\"checkbox\" id=\"item-6a7846907be11\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/herospark.com\/blog\/imagens-para-landing-page\/#1_Encontre_imagens_gratuitas\" title=\"1. Encontre imagens gratuitas\">1. Encontre imagens gratuitas<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/herospark.com\/blog\/imagens-para-landing-page\/#2_Comprima_as_imagens_para_landing_page\" title=\"2. Comprima as imagens para landing page\">2. Comprima as imagens para landing page<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/herospark.com\/blog\/imagens-para-landing-page\/#3_Garanta_o_bom_desempenho_da_pagina\" title=\"3. Garanta o bom desempenho da p\u00e1gina\">3. Garanta o bom desempenho da p\u00e1gina<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/herospark.com\/blog\/imagens-para-landing-page\/#4_Atente-se_para_o_tamanho_da_imagem\" title=\"4. Atente-se para o tamanho da imagem\">4. Atente-se para o tamanho da imagem<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/herospark.com\/blog\/imagens-para-landing-page\/#5_Passo_a_passo_para_inserir_as_imagens\" title=\"5. Passo a passo para inserir as imagens&nbsp;\">5. Passo a passo para inserir as imagens&nbsp;<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Encontre_imagens_gratuitas\"><\/span>1. Encontre imagens gratuitas<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">O primeiro passo para ter boas imagens para landing page \u00e9 justamente encontr\u00e1-las na internet, certo? A boa not\u00edcia \u00e9 que existem v\u00e1rios bancos de imagens gratuitos que voc\u00ea pode utilizar para essa finalidade, como:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Freepik<\/li>\n\n\n\n<li>Pixabay<\/li>\n\n\n\n<li>Pexels<\/li>\n\n\n\n<li>Unsplash<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Nesse sentido, basta pesquisar o tema da imagem que voc\u00ea deseja no campo de busca do site e baixar aquelas que voc\u00ea julgar que mais combina com a sua p\u00e1gina.&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Comprima_as_imagens_para_landing_page\"><\/span>2. Comprima as imagens para landing page<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Na sequ\u00eancia \u00e9 importante que voc\u00ea comprima as imagens que ser\u00e3o utilizadas na sua <a href=\"https:\/\/herospark.com\/blog\/landing-page\/\">landing page<\/a>. Para quem n\u00e3o sabe, comprimir uma imagem \u00e9 transform\u00e1-la em um arquivo mais leve sem que ela perca a qualidade.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Assim, ao comprimir uma foto, voc\u00ea consegue torn\u00e1-la mais leve e, dessa forma, evitar que ela demore a carregar quando o usu\u00e1rio entrar na sua landing page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Saiba que existem boas op\u00e7\u00f5es online para fazer essa compress\u00e3o, como:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>WP Smush<\/li>\n\n\n\n<li>Compress PNG<\/li>\n\n\n\n<li>JPEGmini<\/li>\n\n\n\n<li>TinyPNG<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img  fetchpriority=\"high\"  decoding=\"async\"  width=\"768\"  height=\"354\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAwAAAAFiAQMAAAB77C21AAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAADhJREFUeNrtwYEAAAAAw6D5U1\/gCFUBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwDYYiAAFugAJGAAAAAElFTkSuQmCC\"  alt=\"\"  class=\"wp-image-14109 pk-lazyload\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"(max-width: 768px) 100vw, 768px\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/Ressurreicao-e-Petzinger.jpg\"  data-pk-srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/Ressurreicao-e-Petzinger.jpg 768w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/Ressurreicao-e-Petzinger-300x138.jpg 300w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/Ressurreicao-e-Petzinger-390x180.jpg 390w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/Ressurreicao-e-Petzinger-150x69.jpg 150w\" ><figcaption class=\"wp-element-caption\">\u00a0Exemplo de imagem utilizada pelo escrit\u00f3rio de advocacia Ressurrei\u00e7\u00e3o e Petzinger em sua landing page<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Garanta_o_bom_desempenho_da_pagina\"><\/span>3. Garanta o bom desempenho da p\u00e1gina<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Enquanto voc\u00ea prepara a sua imagem, \u00e9 importante pensar no desempenho da p\u00e1gina. Para isso, leve em considera\u00e7\u00e3o a velocidade de carregamento da imagem (e, consequentemente, da p\u00e1gina).&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Isso porque, uma p\u00e1gina lenta, que demora a carregar seus v\u00eddeos e imagens, faz com que o <a href=\"https:\/\/herospark.com\/blog\/o-que-e-lead\/\">lead<\/a> desista de aguardar a sua oferta aparecer. Logo, ele n\u00e3o converte.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Al\u00e9m disso, a velocidade de carregamento da p\u00e1gina \u00e9 um dos fatores considerados pelos <a href=\"https:\/\/herospark.com\/blog\/o-que-e-seo\/\">mecanismos de busca<\/a> na hora de exibi-la nas primeiras coloca\u00e7\u00f5es do buscador.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Saiba que uma boa forma de testar o desempenho da sua p\u00e1gina \u00e9 utilizando a ferramenta gratuita do Google, a<a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\"> PageSpeed Insights<\/a>. Basta voc\u00ea copiar e colar a URL da sua p\u00e1gina para ter insights valiosos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img  decoding=\"async\"  width=\"1024\"  height=\"466\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAHSAQMAAABIHStDAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAFBJREFUeNrtwQEBAAAAgiD\/r25IQAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC8G+rSAAHSnaASAAAAAElFTkSuQmCC\"  alt=\"Exemplos de Imagens para landing page\"  class=\"wp-image-14110 pk-lazyload\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"(max-width: 1024px) 100vw, 1024px\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/HeroSpark-1024x466.png\"  data-pk-srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/HeroSpark-1024x466.png 1024w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/HeroSpark-300x137.png 300w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/HeroSpark-768x349.png 768w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/HeroSpark-390x177.png 390w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/HeroSpark-820x373.png 820w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/HeroSpark-1180x537.png 1180w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/HeroSpark-150x68.png 150w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/HeroSpark.png 1345w\" ><figcaption class=\"wp-element-caption\">Exemplo de imagem utilizada pela HeroSpark em sua landing page\u00a0<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Atente-se_para_o_tamanho_da_imagem\"><\/span>4. Atente-se para o tamanho da imagem<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ficar atento \u00e0s dimens\u00f5es da imagem tamb\u00e9m \u00e9 muito importante. Isso implica em verificar na plataforma qual \u00e9 a largura e altura ideal para a imagem.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A maioria dos sites usa entre 900 a 1200 pixels de largura para desktop. Mas voc\u00ea tamb\u00e9m precisa levar em considera\u00e7\u00e3o a vers\u00e3o mobile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Outro ponto \u00e9 pensar no tamanho da imagem para as redes sociais, uma vez que \u00e9 muito comum usar a mesma imagem da landing page na divulga\u00e7\u00e3o em um post.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img  decoding=\"async\"  width=\"1024\"  height=\"464\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAHQAQMAAAAF1YpIAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAFBJREFUeNrtwQEBAAAAgiD\/r25IQAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADvBunQAAHRxvL4AAAAAElFTkSuQmCC\"  alt=\"\"  class=\"wp-image-14111 pk-lazyload\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"(max-width: 1024px) 100vw, 1024px\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/Nubank-1024x464.png\"  data-pk-srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/Nubank-1024x464.png 1024w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/Nubank-300x136.png 300w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/Nubank-768x348.png 768w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/Nubank-390x177.png 390w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/Nubank-820x372.png 820w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/Nubank-1180x535.png 1180w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/Nubank-150x68.png 150w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/Nubank.png 1347w\" ><figcaption class=\"wp-element-caption\">Exemplo de imagem utilizada pelo Nubank em sua landing page<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_Passo_a_passo_para_inserir_as_imagens\"><\/span>5. Passo a passo para inserir as imagens&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Como deu para perceber ao longo dos exemplos que apresentamos, existem diversas formas de incluir uma imagem na sua landing page. Ela pode aparecer como fundo da p\u00e1gina ou, ainda, em uma parte espec\u00edfica, acompanhando uma descri\u00e7\u00e3o.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Independente da forma escolhida, saiba que inseri-las na sua p\u00e1gina \u00e9 muito f\u00e1cil, pelo menos se voc\u00ea criar a sua landing page na HeroSpark.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Isso porque nessa plataforma de produtos digitais o sistema utilizado \u00e9 o \u201carrasta e solta\u201d. Ou seja, voc\u00ea s\u00f3 precisa ter a imagem salva no seu computador e arrast\u00e1-la para a parte da landing page que desejar. Veja s\u00f3 um passo a passo simples e descomplicado:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. <a href=\"https:\/\/app.herospark.com\/sign-up\">Entre na plataforma da HeroSpark<\/a>.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Na p\u00e1gina inicial, clique em \u201cFunis\u201d e escolha aquele que mais se adapta ao seu neg\u00f3cio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. Em seguida, clique em \u201cEditar p\u00e1gina\u201d para iniciar a edi\u00e7\u00e3o de um modelo pr\u00e9-pronto.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img  loading=\"lazy\"  decoding=\"async\"  width=\"1024\"  height=\"483\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\"  alt=\"\"  class=\"wp-image-14112 pk-lazyload\"  style=\"aspect-ratio:2.1185185185185187;width:671px;height:auto\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"(max-width: 1024px) 100vw, 1024px\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-1-1024x483.png\"  data-pk-srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-1-1024x483.png 1024w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-1-300x142.png 300w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-1-768x363.png 768w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-1-390x184.png 390w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-1-820x387.png 820w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-1-150x71.png 150w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-1.png 1144w\" ><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">4. Nas p\u00e1ginas pr\u00e9-prontas, \u00e9 comum j\u00e1 ter uma imagem no local adequado, apenas para voc\u00ea fazer a substitui\u00e7\u00e3o pela sua. Nesse caso, clique sobre a imagem atual.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">5. Na sequ\u00eancia, aparecer\u00e1 um painel do lado esquerdo da tela.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img  loading=\"lazy\"  decoding=\"async\"  width=\"1024\"  height=\"414\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAGeAQMAAAAwh+FUAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAEpJREFUeNrtwQEBAAAAgiD\/r25IQAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMC7AdCeAAGQdYh1AAAAAElFTkSuQmCC\"  alt=\"Imagens para landing page: como inserir\"  class=\"wp-image-14113 pk-lazyload\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"(max-width: 1024px) 100vw, 1024px\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-2-1024x414.png\"  data-pk-srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-2-1024x414.png 1024w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-2-300x121.png 300w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-2-768x310.png 768w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-2-390x158.png 390w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-2-820x331.png 820w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-2-1180x477.png 1180w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-2-150x61.png 150w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-2.png 1363w\" ><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">6. Nesse painel ao lado, clique no \u00edcone de c\u00e2mera que est\u00e1 sobre a imagem. Ao passar o mouse sobre ele, voc\u00ea ver\u00e1 que est\u00e1 escrito \u201cAlterar imagem\u201d.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img  loading=\"lazy\"  decoding=\"async\"  width=\"1024\"  height=\"460\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAHMAQMAAABxwUioAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAE9JREFUeNrtwQEBAAAAgiD\/r25IQAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPBu58wAAU2RrmcAAAAASUVORK5CYII=\"  alt=\"\"  class=\"wp-image-14114 pk-lazyload\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"(max-width: 1024px) 100vw, 1024px\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-1024x460.png\"  data-pk-srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-1024x460.png 1024w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-300x135.png 300w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-768x345.png 768w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-390x175.png 390w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-820x369.png 820w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-1180x530.png 1180w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-150x67.png 150w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3.png 1357w\" ><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">7. Quando voc\u00ea clicar no \u00edcone, dever\u00e1 escolher a imagem salva no seu computador e pronto! Em segundos a nova imagem estar\u00e1 na sua landing page! Lembre-se de clicar em \u201cPublicar altera\u00e7\u00f5es\u201d para garantir que sua p\u00e1gina entre no ar com as modifica\u00e7\u00f5es.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img  loading=\"lazy\"  decoding=\"async\"  width=\"1024\"  height=\"459\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAHLAQMAAABsxHgQAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAFBJREFUeNrtwTEBAAAAwqD1T20MH6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4G+dLAAEI8W0iAAAAAElFTkSuQmCC\"  alt=\"\"  class=\"wp-image-14115 pk-lazyload\"  data-pk-sizes=\"auto\"  data-ls-sizes=\"(max-width: 1024px) 100vw, 1024px\"  data-pk-src=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-4-1024x459.png\"  data-pk-srcset=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-4-1024x459.png 1024w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-4-300x135.png 300w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-4-768x345.png 768w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-4-390x175.png 390w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-4-820x368.png 820w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-4-1180x529.png 1180w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-4-150x67.png 150w, https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-4.png 1355w\" ><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Caso voc\u00ea queira iniciar uma landing page do zero, o processo \u00e9 basicamente o mesmo. Basta arrastar e soltar a imagem para o lugar que voc\u00ea deseja que ela fique.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para ver como \u00e9 f\u00e1cil, <a href=\"https:\/\/app.herospark.com\/sign-up\">cadastre-se gratuitamente na HeroSpark <\/a>e comece a explorar todos os recursos para criar a sua landing page de alta convers\u00e3o e com imagens incr\u00edveis!&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"&Eacute; ineg&aacute;vel que as imagens para landing page s&atilde;o poderosas para a convers&atilde;o do seu visitante em lead ou do lead em cliente. Afinal, as imagens mandam muito na hora&hellip;\n","protected":false},"author":63,"featured_media":14114,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_uag_custom_page_level_css":"","footnotes":""},"categories":[23,2454],"tags":[],"yst_prominent_words":[1256,232,1261,1092,2044,1266,218,516],"class_list":["post-14108","post","type-post","status-publish","format-standard","has-post-thumbnail","category-funil-de-vendas","category-landing-page"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3.png",1357,610,false],"thumbnail":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-150x150.png",150,150,true],"medium":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-300x135.png",300,135,true],"medium_large":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-768x345.png",768,345,true],"large":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-1024x460.png",1024,460,true],"1536x1536":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3.png",1357,610,false],"2048x2048":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3.png",1357,610,false],"pk-small":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-80x80.png",80,80,true],"pk-thumbnail":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-300x225.png",300,225,true],"cs-small":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-80x80.png",80,80,true],"cs-intermediate":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-240x180.png",240,180,true],"cs-thumbnail":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-390x290.png",390,290,true],"cs-thumbnail-uncropped":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-390x175.png",390,175,true],"cs-medium":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-820x369.png",820,369,true],"cs-large":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-1180x530.png",1180,530,true],"web-stories-poster-portrait":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-640x610.png",640,610,true],"web-stories-publisher-logo":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-96x96.png",96,96,true],"web-stories-thumbnail":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3-150x67.png",150,67,true]},"uagb_author_info":{"display_name":"Nilson Filatieri","author_link":"https:\/\/herospark.com\/blog\/author\/nilson\/"},"uagb_comment_info":0,"uagb_excerpt":"&Eacute; ineg&aacute;vel que as imagens para landing page s&atilde;o poderosas para a convers&atilde;o do seu visitante em lead ou do lead em cliente. Afinal, as imagens mandam muito na hora&hellip;","yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v14.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Imagens para landing page: guia e onde encontrar | HeroSpark Blog<\/title>\n<meta name=\"description\" content=\"\u00c9 ineg\u00e1vel que as imagens para landing page s\u00e3o poderosas para a convers\u00e3o do seu visitante em lead ou do lead em cliente.\" \/>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/herospark.com\/blog\/imagens-para-landing-page\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Imagens para landing page: guia e onde encontrar | HeroSpark Blog\" \/>\n<meta property=\"og:description\" content=\"\u00c9 ineg\u00e1vel que as imagens para landing page s\u00e3o poderosas para a convers\u00e3o do seu visitante em lead ou do lead em cliente.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/herospark.com\/blog\/imagens-para-landing-page\/\" \/>\n<meta property=\"og:site_name\" content=\"HeroSpark Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-17T17:42:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-22T19:14:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1357\" \/>\n\t<meta property=\"og:image:height\" content=\"610\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/posts\/14108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/users\/63"}],"replies":[{"embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/comments?post=14108"}],"version-history":[{"count":0,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/posts\/14108\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/media\/14114"}],"wp:attachment":[{"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/media?parent=14108"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/categories?post=14108"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/tags?post=14108"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=14108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}