Usa SVG para cambiar el tamaño de un logo o editar partes de un dibujo. Conserva PNG si ya se ve bien al tamaño necesario. Ambos admiten transparencia.
Elige según la tarea
- Logo en varios tamaños: mejor el SVG original; comprueba también el tamaño más pequeño.
- Logo en un espacio fijo de 200 píxeles: puede bastar un PNG nítido. Revísalo en móvil y ordenador.
- Foto: PNG, JPEG o WebP, según lo que admita la aplicación.
- Modificar colores o curvas por separado: SVG, comprobando que esas partes sean editables.
- Aplicación sin soporte SVG: PNG con las dimensiones requeridas.
¿Qué tamaño debe tener el PNG?
Para mostrarlo a 200 píxeles de ancho, uno de 400 puede aportar los píxeles de una pantalla 2×. Ampliar uno de 100 a 400 no recupera el detalle perdido.
¿SVG ocupa menos?
No siempre. Un logo sencillo puede necesitar pocas formas, pero una ilustración detallada puede generar miles. Compara el tamaño del archivo y su aspecto antes de sustituirlo.
Para comprobar la transparencia, coloca el PNG sobre un fondo oscuro. Si sigue habiendo un recuadro blanco o una cuadrícula gris, son parte de la imagen.
El perro mensajero
Para una ilustración web pequeña, este PNG puede ser suficiente. Si quieres cambiar el sobre rojo, abre el SVG y selecciona sus formas. El fondo azul claro pertenece a la imagen y se conserva: SVG no elimina fondos automáticamente.
