Photo cut

Cómo eliminar la imagen de fondo en HTML

Aprenda cómo eliminar fácilmente imágenes de fondo en HTML con esta guía paso a paso. Ya sea que sea un principiante o un codificador experimentado, lo tenemos cubierto. Dígale adiós a los fondos no deseados y cree una apariencia limpia y profesional para su sitio web.

Descarga la aplicación, ¡AHORA!

Con la confianza de equipos de todo el mundo
Con la confianza de equipos de todo el mundo

Paso 1

Paso 2

Paso 3

Cómo eliminar la imagen de fondo en HTML

A veces, es posible que desees establecer un fondo para una página web o editar un elemento para que parezca mucho más agradable desde el punto de vista estético o resaltar algo específico, etc.

Pero hacerlo usando HTML no es del agrado de todos. Por lo tanto, ¡aquí tienes una guía para eliminar imágenes de fondo en HTML fácilmente!

Cómo eliminar imágenes de fondo en HTML ?

Estos son los pasos que debes seguir para eliminar imágenes de fondo en HTML:< /p>

Paso 1: cree un HTML usando una etiqueta <h2> elemento y tres <div> elementos. Y para el segundo <div>, utilice un “id” que diga “sin fondo”.

<h2>Ejemplo</h2>

<div></div>

<div id=sin-fondo></div>

< p><div></div>

Paso 2: agregue estilo CSS al inicial y al último <div> elementos. 

Agregue la altura y el ancho de su <div> y luego especifique el margen inferior, las propiedades del borde y el color de fondo. Y luego, use la propiedad background-image con el valor de la URL. Después de esto, asigne la repetición de fondo a no repetir y finalice agregando tamaño de fondo. Así es como podría verse:

div {

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

  ancho: 300px;

  margen inferior: 20px ;

  color-de-fondo: #CDCDCD;

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

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

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

  repetición de fondo: no-repetir;

  tamaño de fondo: 100%;

}

Paso 3: Por último, aplique estilo al archivo <div> con la identificación, que se denomina sin fondo, elimine el fondo del archivo <div> elemento y establezca la propiedad background-image en none.

div#no-background {

  imagen de fondo: ninguna;

}

Su código completo podría verse así esto:

<!DOCTYPE html>

<html>

  ; <head>

    <title>El título del documento</title>

    <style>

      div {

< p>alto: 170px;

        ancho: 300px;

        margen inferior: 20px;

        color de fondo: #CDCDCD;

        borde: 2px sólido #CDCDCD;

        imagen de fondo:URL(https://images. unsplash.com/photo1507919909716c8262e491cdeixlib=rb

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

         repetición de fondo: no-repeat;

     ;    tamaño de fondo: 100%;

       }

      div# sin fondo {

        fondo -image: none;

      }

    </style>

  </head>

  <body>

     ;<h2>Ejemplo</h2>

    <div> ;</div>

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

    <div>< /div>

  </body>

< p></html>



< /p>

Eliminar fondo de imágenes PNG, JPG, JPEG y WebP con PhotoCut:

< span style="color: rgb(112, 115, 117);">PhotoCut es una inteligente herramienta de edición y eliminación de fondos con IA que ayuda a editar sus imágenes con precisión. Con PhotoCut, cualquiera puede eliminar fácilmente el fondo de una imagen, independientemente de sus habilidades técnicas. También puedes utilizar PhotoCut para eliminar el fondo de imágenes PNG, JPG, JPEG y WebP. 

Para eliminar el fondo de estos formatos, debe acceder a PhotoCut a través del sitio web o descargar la aplicación PhotoCut desde App Store (para usuarios de iOS) o Google Play Store (para usuarios de Android).

Puedes eliminar fácilmente el fondo de imágenes WebP, PNG, JPG y JPEG usando PhotoCut:

Paso 1: haga clic en el cuadro de diálogo que dice Cargar imagen, o arrastre y suelte la imagen en la página.

< p>Paso 2: aparecerá un mensaje en la pantalla que dice: Cargando imagen, espere y, durante este tiempo, Borrar. bgs AI hará maravillas para eliminar el fondo de la imagen que elijas.

Paso 3: si Si desea eliminar algo o editar la imagen, verá una opción Editar en la esquina superior derecha de la imagen Fondo eliminado.

Paso 4: descargue la imagen editada en su formato preferido al destino de edad que elija.

Impresionante calidad

Usted también puede estar interesado en

PhotoCut: ¡un cambio de juego!

Explora infinitas herramientas y plantillas a tu alcance para personalizar tu nueva imagen usando la aplicación PhotoCut. Ellos nos aman. Tú también lo harás.

Asequible y fácil de usar

"Photocut ha revolucionado la forma en la que abordo la edición de fotografías. ¡Es absolutamente revolucionario! Los resultados son impresionantes y la facilidad de uso es una gran ventaja. No puedo recomendarlo lo suficiente".

- Sarah T.
Designer at BRIX Templates

Fotos de alta calidad

"Al principio era escéptico, pero Photocut ha superado mis expectativas. Es como tener un editor de fotografías profesional al alcance de tu mano. ¡La calidad y la velocidad son inmejorables!"

- Mark S.
Designer at BRIX Templates

¡Un cambio de juego!

"Photocut es un salvavidas para mi tienda online. Solía ​​pasar horas editando imágenes de productos, pero ahora puedo hacerlo en minutos y los resultados son fantásticos. Una herramienta imprescindible para el comercio electrónico".

- John Carter
Designer at BRIX Templates

Explora nuestras herramientas gratuitas

Haga que sus imágenes destaquen con funciones completamente gratuitas.
VER TODAS LAS HERRAMIENTAS

Preguntas frecuentes