Formatos de imagen: WebP, PNG, JPG y SVG
Elegir un formato de imagen inadecuado puede ralentizar la carga de una página o hacer que los gráficos se vean borrosos. Así se comparan los formatos web modernos en compresión, transparencia y nitidez.
Los archivos se procesan localmente en tu navegador mediante WebAssembly y las API de HTML5. Nunca salen de tu dispositivo, así que no se envían a servidores ni se guardan en servicios de terceros.
Empieza a convertir de inmediato en tu dispositivo: sin esperar a que termine una subida, sin colas de descarga y sin limitaciones de un servidor remoto.
Usa todas las herramientas disponibles sin crear una cuenta, pagar un plan ni tener un límite artificial de tamaño de archivo. Convierte tantas veces como puedan admitir tu navegador y tu dispositivo.
Comparativa de formatos y especificaciones técnicas
| Formato de salida | Tipo MIME | Especificación | Tipo |
|---|---|---|---|
| PNG Imagen | image/png | W3C-PNG | Gráficos de red portátiles |
| JPG Imagen JPEG | image/jpeg | ITU-T-T81-JPEG | Joint Photographic Experts Group |
| WebP Imagen | image/webp | RFC-6386-VP8 | Formato de imagen moderno WebP de Google |
| SVG Vector | image/svg+xml | W3C-SVG | Gráficos vectoriales escalables |
| HEIC Foto | image/heic | ISO-IEC-23008-12-HEIF | Contenedor de imágenes de alta eficiencia |
| AVIF Imagen | image/avif | AOMEDIA-AV1-AVIF | Formato de archivo de imagen AV1 |
| PSD Documento de Photoshop | image/vnd.adobe.photoshop | ADOBE-PSD-SPEC | Documento de Adobe Photoshop |
| PSB Documento grande de Photoshop | image/vnd.adobe.photoshop | ADOBE-PSD-SPEC | Documento de gran formato de Adobe Photoshop |
| WMF Metarchivo de Windows | image/x-wmf | MS-WMF-SPEC | Formato vectorial de metarchivo de Windows |
| EMF Metarchivo mejorado | image/x-emf | MS-EMF-SPEC | Formato vectorial de metarchivo mejorado |
| JFIF Imagen | image/jpeg | ITU-T-T81-JPEG | Formato de intercambio de archivos JPEG |
| TGA Truevision | image/x-tga | TGA-SPEC | Formato ráster avanzado Truevision |
| PCX ZSoft | image/x-pcx | PCX-SPEC | Mapa de bits ZSoft Paintbrush PCX |
| PDF Documento | application/pdf | ISO-32000-2 | Formato de documento portátil |
Especificaciones técnicas y desglose de códecs
La regla rápida para decidir el formato
WebP y AVIF pueden reducir el tamaño de muchas imágenes web y ambos admiten transparencia, aunque el resultado depende de la imagen y de los ajustes de codificación. Usa JPG para fotos si aceptas pequeños artefactos de compresión, PNG para capturas y gráficos nítidos, y SVG para logotipos e iconos escalables.
Ráster frente a vectorial: por qué los SVG nunca se difuminan
Las imágenes de mapa de bits (JPG, PNG y WebP) son cuadrículas de píxeles de color fijo: si se amplían demasiado, se ven borrosas o pixeladas. SVG se basa en instrucciones matemáticas: guarda líneas, curvas y colores, por lo que los iconos y las ilustraciones se ven nítidos en pantallas de cualquier tamaño, desde móviles hasta 8K, y ocupan muy poco espacio.
Mito: «Más DPI significa mejor calidad de imagen en la web»
Los DPI (puntos por pulgada) solo sirven para indicar cómo imprimir y los navegadores los ignoran por completo. En teléfonos y monitores, la nitidez depende de las dimensiones en píxeles (por ejemplo, 1920 x 1080) y de la densidad de la pantalla, no de los metadatos DPI incrustados.
Transparencia alfa: PNG frente a WebP
JPEG no tiene canal de transparencia, así que los píxeles transparentes pasan a tener un fondo sólido al guardar como JPEG. PNG conserva la transparencia alfa y WebP también puede almacenarla, quizá con un archivo menor; compara la imagen, ya que el tamaño depende del contenido y de los ajustes de codificación.
0 bytes subidos a servidores externos. Todo el procesamiento se realizó de forma local en el entorno seguro de tu navegador.