¿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.

Comprueba el peso y la transparencia

  1. En Hawaf BG selecciona el fondo Transparente y descarga una versión PNG.
  2. 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.
  3. 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.

Comparar WebP y PNG transparentes

Fuente · MDN Web Docs

Guías relacionadas