¿WebP transparente o PNG para una web?
Publicado el
WebP y PNG pueden conservar un fondo transparente. WebP puede ocupar menos espacio en una página web y PNG sirve cuando una aplicación o plataforma pide ese formato. Compara el mismo recorte con las mismas dimensiones.
En esta página
Comprueba el peso y la transparencia
- En Hawaf BG selecciona el fondo Transparente y descarga una versión PNG.
- Cambia a WebP y exporta de nuevo sin cambiar el marco ni la resolución. Compara el tamaño de los archivos y abre los dos sobre un fondo claro y otro oscuro.
- Sube la versión elegida a una página en borrador. Revisa las áreas transparentes y los bordes en la vista previa. Si el sitio cambia o rechaza el WebP, prueba la copia PNG.
Mira los bordes al tamaño de publicación
Comprueba las letras y líneas finas en el tamaño en que se mostrarán. Elige el archivo que mantenga los detalles y que tu plataforma pueda mostrar. Guarda el original para repetir la exportación con otras dimensiones.
Comprueba el archivo en la web de destino
Guarda los dos formatos a la misma escala y prueba la transparencia sobre dos colores. Abre el borrador en el sitio que los mostrará para ver si ha cambiado el formato.
Comparar WebP y PNG transparentes
Fuente · MDN Web Docs