[{"@context":"https:\/\/schema.org\/","@type":"Article","@id":"https:\/\/herospark.com\/blog\/imagens-para-landing-page\/#Article","mainEntityOfPage":"https:\/\/herospark.com\/blog\/imagens-para-landing-page\/","headline":"Imagens para landing page: guia e onde encontrar","name":"Imagens para landing page: guia e onde encontrar","description":"É inegável que as imagens para landing page são poderosas para a conversão do seu visitante em lead ou do lead em cliente. Afinal, as imagens mandam muito na hora…","datePublished":"2023-11-17","dateModified":"2025-04-22","author":{"@type":"Person","@id":"https:\/\/herospark.com\/blog\/author\/nilson\/#Person","name":"Nilson Filatieri","url":"https:\/\/herospark.com\/blog\/author\/nilson\/","identifier":63,"image":{"@type":"ImageObject","@id":"https:\/\/secure.gravatar.com\/avatar\/1ad500ba123130e66701f3f058ea30da90c930d393ccb0c6f9ae5f48c0a965bc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/1ad500ba123130e66701f3f058ea30da90c930d393ccb0c6f9ae5f48c0a965bc?s=96&d=mm&r=g","height":96,"width":96}},"publisher":{"@type":"Organization","name":"Herospark","logo":{"@type":"ImageObject","@id":"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2022\/07\/blog_logo-e1658437205714.png","url":"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2022\/07\/blog_logo-e1658437205714.png","width":175,"height":33}},"image":{"@type":"ImageObject","@id":"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3.png","url":"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2023\/11\/como-inserir-imagem-na-landing-page-3.png","height":610,"width":1357},"url":"https:\/\/herospark.com\/blog\/imagens-para-landing-page\/","about":["Funil de Vendas","Landing Page"],"wordCount":925,"articleBody":"\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.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?Obviamente, al\u00e9m da imagem, \u00e9 importante contar com outras estrat\u00e9gias para alcan\u00e7ar esses fins, como uma boa headline, uma CTA chamativa e uma descri\u00e7\u00e3o convincente. Se voc\u00ea j\u00e1 passeou pelo nosso blog, sabe muito bem do que estamos falando!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!O que você verá:1. Encontre imagens gratuitas2. Comprima as imagens para landing page3. Garanta o bom desempenho da p\u00e1gina4. Atente-se para o tamanho da imagem5. Passo a passo para inserir as imagens\u00a01. Encontre imagens gratuitasO 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:FreepikPixabayPexelsUnsplashNesse 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.\u00a0\u00a02. Comprima as imagens para landing pageNa sequ\u00eancia \u00e9 importante que voc\u00ea comprima as imagens que ser\u00e3o utilizadas na sua landing page. Para quem n\u00e3o sabe, comprimir uma imagem \u00e9 transform\u00e1-la em um arquivo mais leve sem que ela perca a qualidade.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.Saiba que existem boas op\u00e7\u00f5es online para fazer essa compress\u00e3o, como:WP SmushCompress PNGJPEGminiTinyPNG\u00a0Exemplo de imagem utilizada pelo escrit\u00f3rio de advocacia Ressurrei\u00e7\u00e3o e Petzinger em sua landing page3. Garanta o bom desempenho da p\u00e1ginaEnquanto 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).\u00a0\u00a0Isso porque, uma p\u00e1gina lenta, que demora a carregar seus v\u00eddeos e imagens, faz com que o lead desista de aguardar a sua oferta aparecer. Logo, ele n\u00e3o converte.\u00a0\u00a0Al\u00e9m disso, a velocidade de carregamento da p\u00e1gina \u00e9 um dos fatores considerados pelos mecanismos de busca na hora de exibi-la nas primeiras coloca\u00e7\u00f5es do buscador.Saiba que uma boa forma de testar o desempenho da sua p\u00e1gina \u00e9 utilizando a ferramenta gratuita do Google, a PageSpeed Insights. Basta voc\u00ea copiar e colar a URL da sua p\u00e1gina para ter insights valiosos.Exemplo de imagem utilizada pela HeroSpark em sua landing page\u00a04. Atente-se para o tamanho da imagemFicar 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.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.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.Exemplo de imagem utilizada pelo Nubank em sua landing page5. Passo a passo para inserir as imagens\u00a0Como 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.\u00a0Independente 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.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:1. Entre na plataforma da HeroSpark.\u00a02. Na p\u00e1gina inicial, clique em \u201cFunis\u201d e escolha aquele que mais se adapta ao seu neg\u00f3cio.3. Em seguida, clique em \u201cEditar p\u00e1gina\u201d para iniciar a edi\u00e7\u00e3o de um modelo pr\u00e9-pronto.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.\u00a05. Na sequ\u00eancia, aparecer\u00e1 um painel do lado esquerdo da tela.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.\u00a07. 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.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.\u00a0Para ver como \u00e9 f\u00e1cil, cadastre-se gratuitamente na HeroSpark e comece a explorar todos os recursos para criar a sua landing page de alta convers\u00e3o e com imagens incr\u00edveis!\u00a0"},{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/herospark.com\/blog\/#breadcrumbitem"},{"@type":"ListItem","position":2,"name":"Imagens para landing page: guia e onde encontrar","item":"https:\/\/herospark.com\/blog\/imagens-para-landing-page\/#breadcrumbitem"}]}]