Photo cut

Como remover imagem de fundo em HTML

Aprenda como remover facilmente imagens de fundo em HTML com este guia passo a passo. Quer você seja um programador iniciante ou experiente, nós ajudamos você. Diga adeus aos fundos indesejados e crie uma aparência limpa e profissional para o seu site.

Baixe o aplicativo AGORA!

Aprovado por equipes de todo o mundo
Aprovado por equipes de todo o mundo

Etapa 1

Etapa 2

Etapa 3

Como remover imagem de fundo em HTML

Às vezes, você pode querer definir um plano de fundo para uma página da web ou editar um elemento para torná-lo esteticamente mais agradável ou destacar algo específico e assim por diante.

Mas fazer isso usando HTML não é o agrado de todos. Portanto, aqui está o seu guia sobre como remover facilmente imagens de fundo em HTML!

Como remover imagens de fundo em HTML ?

Aqui estão as etapas que você precisa seguir para remover imagens de fundo em HTML:< /p>

Etapa 1: Crie um HTML usando uma tag <h2> elemento e três <div> elementos. E para o segundo <div>, use um “id” que diga “sem plano de fundo”.

<h2>Exemplo</h2>

<div></div>

<div id=no-background></div>

< p><div></div>

Etapa 2: Adicione o estilo CSS à inicial e à última <div> elementos. 

Adicione a altura e a largura do seu <div> e, em seguida, especifique a margem inferior, as propriedades da borda e a cor de fundo. E então, use a propriedade background-image com o valor da URL. Depois disso, atribua a repetição de fundo como sem repetição e finalize adicionando o tamanho do fundo. Veja como ficaria:

div {

< span style="color: rgb(112, 115, 117);">  height: 170px;

  largura: 300px;

  margem inferior: 20px ;

  cor de fundo: #CDCDCD;

< p>border: 2px sólido #CDCDCD;

  imagem de fundo: URL(https://images.unsplash.com/photo-1507919909716-c8262e491cde?ixlib=rb-

1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60);

  repetição de fundo: sem repetição;

tamanho do plano de fundo: 100%;

}

Etapa 3: por último, estilize o <div> com o id, denominado no-background, remova o plano de fundo do <div> elemento e defina a propriedade background-image como none.

div#no-background {

  imagem de fundo: nenhum;

}

Seu código inteiro pode parecer isto:

<!DOCTYPE html>

<html>

  ; <head>

    <title>O título do documento</title>

    <style>

      div {

< p>altura: 170px;

        largura: 300px;

        margem inferior: 20px;

        cor de fundo: #CDCDCD;

        borda: 2px sólido #CDCDCD;

        imagem de fundo:URL(https://images. unsplash.com/photo1507919909716c8262e491cdeixlib=rb

1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit= crop&w=500&q=60);

         repetição de fundo: sem repetição;

    

       }

      div# sem plano de fundo {

        plano de fundo -imagem: nenhum;

      }

    </style>

  </head>

  <body>

     ;<h2>Exemplo</h2>

    <div> ;</div>

    <div id=no- background></div>

    <div>< /div>

  </body>

< p></html>



< /p>

Remover fundo de imagens PNG, JPG, JPEG e WebP com PhotoCut:

< span style="color: rgb(112, 115, 117);">PhotoCut é uma ferramenta inteligente de remoção e edição de fundo de IA que ajuda a editar suas imagens com precisão. Com o PhotoCut, qualquer pessoa pode remover facilmente o fundo de uma imagem, independentemente de suas habilidades técnicas. Você também pode usar o PhotoCut para remover o fundo de imagens PNG, JPG, JPEG e WebP.

Para remover o fundo desses formatos, você precisa acessar o PhotoCut pelo site ou baixar o aplicativo PhotoCut na App Store (para usuários de iOS) ou na Google Play Store (para usuários de Android). 

Você pode remover facilmente o fundo de imagens WebP, PNG, JPG e JPEG usando PhotoCut:

Etapa 1 - Clique na caixa de diálogo que diz Carregar imagem ou arraste e solte a imagem na página.

< p>Etapa 2 - Uma mensagem aparecerá na tela dizendo: Carregando imagem, aguarde e, durante esse tempo, Apague. bgs AI fará maravilhas para remover o fundo da imagem de sua escolha.

Etapa 3 - Se Se você quiser remover algo ou editar a imagem, verá uma opção Editar no canto superior direito da imagem Fundo removido.

Etapa 4 - Baixe a imagem editada no formato de sua preferência para a idade de sua escolha.

Qualidade impressionante

Você também pode estar interessado em

PhotoCut - Uma virada de jogo!

Explore inúmeras ferramentas e modelos ao seu alcance para personalizar sua nova imagem usando o aplicativo PhotoCut. Eles nos amam. Você também vai.

Acessível e fácil de usar

"O Photocut revolucionou a maneira como abordo a edição de fotos. É uma virada de jogo absoluta! Os resultados são impressionantes e a facilidade de uso é uma grande vantagem. Não posso recomendá-lo o suficiente."

- Sarah T.
Designer at BRIX Templates

Fotos de alta qualidade

"No começo eu estava cético, mas o Photocut superou minhas expectativas. É como ter um editor de fotos profissional ao seu alcance. A qualidade e a velocidade são imbatíveis!"

- Mark S.
Designer at BRIX Templates

Uma virada de jogo!

"O Photocut é um salva-vidas para minha loja online. Eu costumava passar horas editando imagens de produtos, mas agora posso fazer isso em minutos e os resultados são fantásticos. Uma ferramenta indispensável para e-commerce."

- John Carter
Designer at BRIX Templates

Explore nossas ferramentas gratuitas

Faça suas fotos se destacarem com recursos totalmente gratuitos.
VEJA TODAS AS FERRAMENTAS

Perguntas frequentes