Comparar
PNG frente a SVG
PNG es una imagen ráster formada por píxeles; SVG describe formas vectoriales que pueden escalarse sin una cuadrícula fija. Elija según se trate de una imagen de píxeles o de geometría que deba verse nítida en varios tamaños.
¿Qué formato deberías elegir?
Use PNG para capturas, ilustraciones ráster terminadas y compatibilidad amplia; use SVG para logotipos, iconos y diagramas que deban escalar, tras comprobar que el archivo sea seguro.
Adecuado para PNG
Gráficos de interfaz · Capturas de pantalla · Imágenes transparentes
- Imágenes que necesitan transparencia
- Texto e ilustraciones lineales
Adecuado para SVG
Logotipos, iconos y diagramas · Gráficos UI que deben escalar
- Ilustraciones redimensionadas
- Formas e iconos editables
Información básica
| Campo | PNG | SVG |
|---|---|---|
| Extensión | .png | .svg |
| Tipo MIME | image/png | image/svg+xml |
| Usos habituales | Gráficos de interfaz · Capturas de pantalla · Imágenes transparentes | Logotipos, iconos y diagramas · Gráficos UI que deben escalar |
| Cómo abrir | La mayoría de visores del sistema, navegadores y editores de imágenes abren archivos PNG. | Abra SVG en navegador, editor vectorial o visor compatible. |
| Exportar o convertir | Convierta PNG a JPEG solo si ya no necesita transparencia ni calidad sin pérdida. Conserve el original y exporte desde una aplicación. | Exporte a PNG si necesita una imagen ráster y compruebe tamaño, fuentes, color y transparencia. |
Elegir según el uso
Imágenes que necesitan transparencia
Gráficos de interfaz · Capturas de pantalla · Imágenes transparentes
PNGTexto e ilustraciones lineales
Gráficos de interfaz · Capturas de pantalla · Imágenes transparentes
PNGIlustraciones redimensionadas
Logotipos, iconos y diagramas · Gráficos UI que deben escalar
SVGFormas e iconos editables
Logotipos, iconos y diagramas · Gráficos UI que deben escalar
SVGPunto clave 1
PNG guarda píxeles y es ampliamente compatible con imágenes ráster.
Más sobre las diferenciasPunto clave 2
SVG describe formas vectoriales y escala con nitidez cuando el contenido lo permite.
Más sobre las diferenciasMás sobre las diferencias
Pruebe el recurso en sus tamaños reales y revise transparencia, fuentes y efectos tras convertirlo. Considere el SVG recibido de terceros como contenido activo y revíselo antes de insertarlo.
- PNG sirve para imágenes acabadas en píxeles y capturas.
- SVG es útil para logotipos e iconos que necesitan varios tamaños.
- Los efectos complejos pueden mostrarse de forma distinta en herramientas y navegadores SVG.
Preguntas frecuentes
¿Todos los logotipos deberían ser SVG?
SVG suele servir para logotipos escalables, pero revise el contenido y la compatibilidad del visor. Mantenga una alternativa ráster si el flujo la requiere.