Creadores

Agrupadas en el orden que convierte lo que has hecho en algo publicable: un formato que se abre, un peso que carga, un color que puedes comprobar, varias imágenes en una y una forma de que la gente llegue.

7 herramientas

En profundidad

Empieza por evitar la foto que no se abre

HEIC, lo que un iPhone captura por defecto, es un buen formato: la misma calidad con aproximadamente la mitad del peso de un JPG. El problema está en el otro extremo: los Windows antiguos, los formularios de subida de la administración y algunos editores siguen sin poder abrirlo.

Así que convertir a JPG antes de enviar nada es el primer paso real. Si te preocupa la calidad, el orden importa: convierte de HEIC a JPG una sola vez y haz después todo el redimensionado y la compresión sobre ese JPG. Cada conversión vuelve a codificar la imagen y las pérdidas se acumulan.

Si necesitas transparencia, el destino es PNG y no JPG. Convertir un logotipo o un recorte a JPG rellena de blanco la zona vacía.

El peso lo decide dónde va, no la calidad

El objetivo de una imagen en la web no es «lo mejor posible», es «solo lo necesario». Una única foto de 3MB en el cuerpo de una página la ralentiza en el móvil, y las páginas lentas posicionan peor además de sentirse peor.

Fijar objetivos te ahorra decidir cada vez. Imágenes de cuerpo de 1.200 a 1.600px de ancho y unos 200KB; miniaturas en torno a 400px por debajo de 50KB. Salvo que vayas a imprimir, lo que pase de ahí suele ser desperdicio.

Y redimensiona antes de comprimir. Bajar la calidad de una imagen de 4.000px la deja pesada y embarrada a la vez; reducirla primero a 1.600px y comprimir después da una imagen mucho más limpia con el mismo tamaño de archivo.

Comprueba el color por contraste, no a ojo

Las paletas que se ven bien en pantalla fallan a menudo en ser legibles. Un texto gris claro sobre fondo gris está bien en el monitor grande de un diseñador y es invisible en un móvil a plena calle.

Así que lee la relación de contraste junto al color. El texto de cuerpo necesita al menos 4,5:1 contra su fondo y los titulares grandes al menos 3:1. Eso es una medición y no una preferencia, que es justamente por lo que no debería juzgarse a ojo.

Moverse entre notaciones también es constante. Las herramientas de diseño hablan HEX, el CSS moderno tira cada vez más de OKLCH y el documento compartido tiene RGB. Convertir el mismo color de tres formas no es un trabajo que merezca hacerse a mano.

Al construir una paleta desde cero, derivarla de un solo color es más seguro que elegir cada uno por intuición. Un complementario te da un acento, los análogos te dan capas de la misma familia y una tríada te da tres colores con funciones distintas: en todos los casos la relación es explícita.

Cuando varias imágenes tienen que ser una

Un GIF es la respuesta cuando hay que mostrar movimiento y un vídeo sería demasiado. Qué cambia al pulsar un botón, cómo discurre un proceso de tres pasos: se reproduce solo, no tiene sonido y encaja en documentación sin necesidad de reproductor.

El coste es el peso. GIF es un formato antiguo que guarda como mucho 256 colores por fotograma, así que el material real se dispara a varios megabytes enseguida. Recortar primero el número de fotogramas y el ancho es la única forma de aligerarlo sin perder lo que la animación estaba enseñando.

Las fotos con medidas fijas son otro trabajo distinto. Pasaportes, visados y solicitudes de empleo dictan cada uno la altura de la cabeza y los márgenes, así que el objetivo no es un recorte favorecedor sino uno que cumpla.

Después de publicar, que la gente llegue

Un código QR es la única forma fiable de mover a alguien de fuera de una pantalla a dentro de una. Carteles, tarjetas, paneles de exposición, la última diapositiva de una charla: si pides que teclen una dirección, la mayoría no lo hará.

Si va en papel, dale sitio. Alrededor de 2cm por lado es el mínimo práctico en impresión, y el código necesita un margen limpio alrededor para poder leerse. Pegarlo contra el diseño es un motivo frecuente de que se niegue a escanear.

Mantén corta la dirección codificada. Los parámetros de seguimiento largos densifican la retícula, y una retícula más densa es mucho más sensible a la calidad de impresión y al ángulo desde el que se apunta la cámara.

Lo que este paquete no hace

No edita por ti. Estas herramientas recortan, reducen, convierten y miden; ninguna retoca.

Y no se sube nada. La conversión, la compresión y el montaje del GIF se ejecutan dentro del navegador, lo cual es una diferencia práctica si manejas fotografías de otras personas o material sin publicar. Sin subida, los archivos grandes tampoco quedan limitados por tu conexión.

La contrapartida es la memoria del navegador. Meter muchos archivos muy grandes a la vez puede hacer sufrir a la pestaña, y trabajarlos por tandas suele ser más rápido que empujarlo todo de una vez.