El kit de herramientas esencial para diseñadores freelance
Optimización de imágenes, conversión de códigos de color, creación de favicons y limpieza de SVG — todo lo que necesitas para trabajo con clientes, sin instalar nada.
El martes pasado a las 9 de la noche un cliente me escribió: "¿Me puedes enviar el logo como favicon de 32x32, un ícono Apple Touch de 180x180, y cuál era el código hex del azul que usamos?"
Solo tenía mi portátil. Sin Photoshop. Sin Illustrator. Solo un navegador.
Quince minutos después, todo estaba entregado. Así es como lo hice.
El problema de "el cliente quiere tamaños específicos"
Esto pasa constantemente. Un cliente necesita su imagen hero en exactamente 1200x630 para Open Graph, fotos de producto en 800x800 para su tienda, y miniaturas de 150x150 para una cuadrícula. Tres tamaños diferentes de una sola imagen.
Abrir una aplicación de diseño completa para un simple cambio de tamaño es como llevar un camión al supermercado. Solo necesitas algo rápido y preciso.
Suelta la imagen, configura las dimensiones, descarga. Listo en segundos. Tengo una pestaña fijada para esto porque lo uso al menos dos veces por semana.
El caos de los códigos de color
Los desarrolladores piden hex. Las imprentas quieren CMYK. Las guías de marca listan valores RGB. Un cliente te envía un número Pantone y pregunta por "la versión CSS".
La conversión de colores suena trivial hasta que la haces por quinta vez en el día. Tener un solo lugar para pegar cualquier formato de color y obtener todos los demás formatos es un ahorro de tiempo real.
Consejo pro: guarda en marcadores tus colores de marca más usados después de convertirlos. Te ahorra la búsqueda la próxima vez.
Los favicons son sorprendentemente complicados
Un favicon parece simple — es un ícono diminuto. Pero los navegadores y dispositivos modernos necesitan múltiples tamaños: 16x16 para pestañas, 32x32 para marcadores, 180x180 para pantallas de inicio de iOS, 192x192 para Android.
Generar todos estos desde una sola imagen fuente significaba abrir Photoshop, exportar cada tamaño manualmente y convertir a formato .ico. 20 minutos de trabajo tedioso.
Con un generador de favicons, subes una vez y obtienes cada tamaño que necesitas. Ahora lo incluyo en cada entrega de sitio web.
Limpieza de SVG antes de entregar
Illustrator y Figma exportan SVGs con mucho exceso — metadatos del editor, grupos innecesarios, estilos inline que deberían ser atributos, precisión decimal demasiado alta.
Un SVG de 50KB que debería ser de 8KB es algo común. Para un solo ícono no importa mucho. Para un conjunto de 40 íconos en una página, es la diferencia entre ágil y lento.
Pasa tus SVGs por un optimizador de SVG antes de enviarlos a los desarrolladores. Agradecerán el markup limpio, y los archivos más pequeños ayudan al rendimiento de la página.
Comprimir entregables para el cliente
A los clientes no les importa la compresión. Les importa que su sitio web cargue rápido y que sus archivos adjuntos no sean rechazados por ser demasiado grandes.
Antes de enviar cualquier lote de imágenes, las paso por compresión. Un portafolio de 20 fotos de producto puede pasar de 80MB a 12MB sin pérdida de calidad visible. Es la diferencia entre "esto tarda una eternidad en descargar" y "¡recibido, gracias!"
El flujo de trabajo real
Mi proceso real para una entrega típica de assets a un cliente:
- Redimensionar a las dimensiones exactas que especificó el cliente
- Comprimir para reducir el tamaño sin perder calidad
- Convertir colores si necesitan códigos en formato específico
- Generar favicons si es un proyecto web
- Optimizar SVGs antes de entregar a los desarrolladores
Todo toma unos 10 minutos para un set completo de assets. Sin software que instalar. Sin suscripciones. Solo pestañas del navegador y listo.
Por qué las herramientas de navegador ganan para freelancers
Cuando eres freelance, cada minuto de configuración es tiempo sin pagar. Puedes estar en la máquina de un cliente, un portátil en una cafetería o tu tablet. Tener herramientas que funcionan en cualquier navegador, en cualquier dispositivo, sin pantallas de inicio de sesión ni limitaciones de prueba — eso es lo que hace que el freelance sea realmente sostenible.
Las mejores herramientas son las que no tienes que pensar. Simplemente funcionan cuando las necesitas, no estorban y te dejan concentrarte en el trabajo creativo por el que el cliente realmente está pagando.