Diseño

JPG, PNG, SVG, PDF o WebP: qué formato de imagen usar en cada caso

Por el Equipo Bit a Bit · · 5 min de lectura

En esta guía · 4 secciones
  1. La tabla rápida
  2. La diferencia clave: píxeles o vectores
  3. Pantalla o impresión
  4. Ponte a prueba

Un logo borroso, una foto que pesa demasiado o un fondo blanco que debía ser transparente: casi siempre el problema es el formato. Aquí tienes cuál elegir en cada caso.

La tabla rápida

FormatoIdeal paraEvítalo en
JPGFotos para enviar, publicar o imprimirLogos y textos: los bordes se ven borrosos
PNGLogos con fondo transparente, capturas de pantallaFotos grandes: pesan mucho más que en JPG
SVGLogos e íconos que deben verse nítidos en cualquier tamañoFotos: no sirve para ellas
PDFAfiches, volantes y documentos para imprentaImágenes para redes sociales
WebPImágenes para páginas web: pesan pocoEnviar a alguien que usa programas antiguos

La diferencia clave: píxeles o vectores

JPG, PNG y WebP están hechos de píxeles, como un mosaico. Si los agrandas mucho, se ven "pixelados". SVG guarda formas matemáticas, así que se ve igual de nítido en un botón pequeño o en una gigantografía. PDF puede guardar las dos cosas a la vez.

Por eso tu logo debería existir siempre en SVG o PDF, y desde ahí sacar los PNG que necesites.

Pantalla o impresión

  • Para pantallas lo que importa son los píxeles: una imagen de 1080 × 1080 es perfecta para Instagram.
  • Para imprimir se piden unos 300 píxeles por pulgada (ppp). Un volante A5 necesita unos 1750 × 2480 píxeles.
¿Te llegó una imagen WebP y no la puedes usar? En Windows 11, ábrela con Paint y elige Archivo > Guardar como > Imagen JPEG. En segundos la tienes en JPG.

Ponte a prueba

Caso 1Tienes que enviar tu logo para ponerlo sobre la foto de un evento, sin el cuadro blanco alrededor.

PNG guarda la transparencia. El JPG siempre agrega un fondo, normalmente blanco.

Caso 2Quieres mandar 40 fotos de un viaje por WhatsApp o correo.

JPG comprime las fotos y apenas se nota. En PNG pesarían varias veces más.

Caso 3La imprenta te pide el diseño final de un banner de 2 metros.

PDF conserva vectores, tipografías y colores. Es el formato que casi todas las imprentas prefieren.

Caso 4Un programador te pide los íconos de tu web para que se vean nítidos en cualquier pantalla.

SVG es el formato de los íconos web: pesa poco y nunca se pixela.

¿Diseñas tus propias imágenes? Trabaja más rápido con nuestros atajos de Photoshop y de Illustrator.