Unidad 3 · Semana 6 · Clase 3 de 5
Vectores, píxeles y resolución
Diferenciar imágenes vectoriales y de mapa de bits, y calcular la resolución necesaria.
- Lectura 15 min
- Práctica 35 min
- Repaso 10 min
Dos tipos de imagen digital
| Vectorial | Mapa de bits (píxeles) | |
|---|---|---|
| Cómo se construye | Con fórmulas: puntos, líneas y curvas | Con una grilla de puntos de color (píxeles) |
| Al ampliar | No pierde calidad nunca | Se pixela si no tiene resolución suficiente |
| Ideal para | Logos, íconos, ilustraciones planas, tipografía | Fotografías, texturas, imágenes complejas |
| Formatos | SVG, AI, PDF, EPS | JPG, PNG, WEBP, TIFF, PSD |
| Programas | Illustrator, Inkscape, Affinity Designer, Figma | Photoshop, GIMP, Affinity Photo |
Un logo siempre se diseña en vectores. Se tiene que poder usar en una tarjeta y en un cartel de diez metros.
Resolución
La resolución de una imagen de píxeles es la cantidad de píxeles que tiene. Para impresión se mide en píxeles por pulgada (ppp) al tamaño de impresión:
- 300 ppp al tamaño final: impresos que se miran de cerca (folletos, revistas, packaging).
- 150 ppp: suele alcanzar para afiches que se miran a un metro o más.
- Gigantografías vistas desde lejos: bastante menos.
Cálculo: para imprimir una foto de 10 × 15 cm a 300 ppp, como una pulgada mide 2,54 cm, hacen falta 10 ÷ 2,54 × 300 ≈ 1181 píxeles por 15 ÷ 2,54 × 300 ≈ 1772 píxeles.
En pantalla, lo que importa es la cantidad de píxeles, no los ppp: una imagen para un posteo de 1080 × 1350 px necesita al menos esos píxeles (y conviene el doble para pantallas de alta densidad en web).
Formatos para pantalla
- JPG: fotos; liviano, con pérdida de calidad.
- PNG: gráficos con transparencia o con bordes nítidos.
- SVG: vectores en la web: logos e íconos.
- WEBP: moderno, muy liviano, para web.
Aumentar el tamaño de una imagen chica en el programa no agrega detalle. Si la imagen no tiene píxeles suficientes, hay que conseguir otra.
Práctica · 35 min
- Abrí un logo en SVG o PDF y una foto JPG. Amplialos al 800% y compará.
- Calculá cuántos píxeles necesita una foto para imprimirse a 300 ppp en A4 (21 × 29,7 cm).
- Revisá tres fotos de tu celular: ¿hasta qué tamaño se podrían imprimir a 300 ppp?
- Exportá una misma imagen en JPG, PNG y WEBP y compará el peso de los archivos.
Repaso · 10 min
1. ¿En qué tipo de imagen se debe diseñar un logo?
¡Bien! El vector se puede ampliar sin perder calidad.
Todavía no. Probá otra opción.
2. ¿Qué resolución se usa para impresos que se miran de cerca?
¡Bien! Es el estándar para folletos, revistas y packaging.
Todavía no. Probá otra opción.
3. ¿Qué pasa si ampliás en el programa una imagen de pocos píxeles?
¡Bien! No se puede inventar información que la imagen no tiene.
Todavía no. Probá otra opción.
Preguntale al asistente
Conoce esta clase y toda la diplomatura. Responde a cualquier hora.
El asistente puede equivocarse. Ante una duda importante, contrastá con la lectura.