[Sergio Iglesias](https://sergioiglesias.net) · Blog sobre Joomla

# Cómo eliminar fondo blanco en imagen para que sea como PNG transparente con CSS

[ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)   05 Febrero 2021    [Píldoras web](https://sergioiglesias.net/pildoras-web)    Visitas: 31341  -
- [ css ](https://sergioiglesias.net/etiquetas/css)

  ![](https://sergioiglesias.net/images/pildoras-web/bg-transparente-css.jpg) Navegando por Twitter he encontrado este genial **Tip CSS** para poder hacer las imágenes con fondo blanco como si fueran un PNG transparente.

Solo con una línea de código CSS se puede hacer...

> 😎 Comparto hoy con todos vosotros el truquito de CSS que me ha chivado Taig Mac Carthy para eliminar el fondo blanco de una imagen para que luzca como un png transparente. Muy útil si vas con prisa y no te quieres picar el tratamiento de la imagen en el back.[\#CSS](https://twitter.com/hashtag/CSS?src=hash&ref_src=twsrc%5Etfw) [pic.twitter.com/z13KsOtiUD](https://t.co/z13KsOtiUD)

>
> — latteandcode (@latteandcode) [February 2, 2021](https://twitter.com/latteandcode/status/1356584007199318016?ref_src=twsrc%5Etfw)

Lo he probado con algunas imágenes y el resultado es increíble.

Cómo eliminar fondo blanco en imagen para que sea como PNG transparente con #CSS #desarrolloweb #pildorasweb

  [  Compártelo ](https://www.linkedin.com/sharing/share-offsite/?url=https://sergioiglesias.net/pildoras-web/como-eliminar-fondo-blanco-en-imagen-para-que-sea-como-png-transparente-con-css "Compártelo")   [  Postéalo ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fsergioiglesias.net%2Fpildoras-web%2Fcomo-eliminar-fondo-blanco-en-imagen-para-que-sea-como-png-transparente-con-css&text=C%C3%B3mo%20eliminar%20fondo%20blanco%20en%20imagen%20para%20que%20sea%20como%20PNG%20transparente%20con%20%23CSS%20%23desarrolloweb%20%23pildorasweb "Postéalo")   [  Envíalo ](https://api.whatsapp.com/send?text=C%C3%B3mo%20eliminar%20fondo%20blanco%20en%20imagen%20para%20que%20sea%20como%20PNG%20transparente%20con%20%23CSS%20%23desarrolloweb%20%23pildorasweb%20-%20https%3A%2F%2Fsergioiglesias.net%2Fpildoras-web%2Fcomo-eliminar-fondo-blanco-en-imagen-para-que-sea-como-png-transparente-con-css "Envíalo")

[ Ver Tweet](https://twitter.com/latteandcode/status/1356584007199318016b)

Imagen de cabecera: [Diseño Vectores por Vecteezy](https://es.vecteezy.com/vectores-gratis/dise%C3%B1o)

[Ver más píldoras web](https://sergioiglesias.net/pildoras-web/)

[ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)Gratuito · Primer paso recomendado

### ¿No sabes bien en qué estado

está tu web Joomla?

Antes de decidir si hay que arreglar, migrar o mantener, conviene saber qué está pasando. Reviso el estado de tu web — versión de Joomla, extensiones y lo que se pueda ver — y te digo qué conviene hacer y en qué orden.

Versión de Joomla y ruta de actualización Estado de extensiones Plan de acción con recomendaciones Informe por email + HTML

[ Solicitar revisión gratuita sin compromiso ](https://sergioiglesias.net/revision-joomla-gratis)Respuesta en 24–48 h laborables

[![Sergio Iglesias](https://sergioiglesias.net/images/sergiois-joomla-web.png)](https://sergioiglesias.net/sobre-mi)##### Consultor Web Joomla Senior

Soy [Sergio Iglesias](https://sergioiglesias.net/sobre-mi). Ayudo a empresas, instituciones y profesionales a convertir su web en una herramienta real de negocio: segura, escalable y fácil de gestionar. Soy especialista en migraciones complejas de Joomla sin pérdida de datos, desarrollo de extensiones y plantillas a medida y ofrezco mantenimiento y evolución de tu CMS.

[](https://x.com/sergiois "Sergio Iglesias en X") [](https://www.linkedin.com/in/sergiois "Sergio Iglesias en Linkedin") [](https://github.com/sergiois "Sergio Iglesias en Github") [](https://sergiois.github.io/ "Extensiones Joomla de Sergio Iglesias")

### Suscríbete a mi newsletter

¿Te ha gustado el artículo? Suscríbete a mi newsletter y recibe contenido exclusivo.
Podrás hacer gratis un **Curso de desarrollo de plantillas Joomla**.

[Quiero apuntarme!](https://sergioiglesias.net/newsletter)

###  No hay comentarios

###  Deja tu comentario

 En respuesta a Some User

 Nombre \*

 Dirección de email \*

 Texto del comentario \*

 Doy mi consentimiento para que mi información personal sea recopilada y procesada por este sitio para aceptar y mostrar mi comentario, así como para notificarme sobre las respuestas a él según la [Declaración de privacidad](https://sergioiglesias.net/politica-privacidad) del sitio. \*