Flujo de trabajo para imágenes en tu blog 2026: guía de 5 pasos
Si llevas poco tiempo con tu blog, las imágenes se te comerán la tarde entera
Tranquilo, no eres el único que se atasca aquí. La verdad es que casi todos los blogueros que conozco pasan por lo mismo.
Un amigo que escribe sobre viajes por España me lo resumió perfecto: "escribir el artículo me lleva dos horas, pelearme con las fotos, otras dos". Y es así. Recortar, editar, comprimir, subir, pegar el código en el editor... sumado, la mitad del tiempo se va en cosas que no son redactar.
La buena noticia es que si montas un flujo fijo, reduces el tiempo a un tercio. En este artículo te llevo de principio a fin por un proceso real, con herramientas concretas que uso en el día a día — muchas gratuitas y con foco en audiencia hispanohablante.
Visión general del flujo
El proceso se divide en cinco fases:
Captura → Edición → Compresión → Subida/alojamiento → Inserción en el post
Vamos con cada una.
Fase 1: Captura — fotos pensadas para el blog
No necesitas una cámara profesional. Con el móvil vas sobrado, sinceramente. Pero sí hay trucos que marcan la diferencia.
La luz es lo más importante
- Luz natural siempre: colócate cerca de una ventana. Evita el sol directo (sombras muy duras).
- Evita la luz cenital de mediodía: la comida y los productos salen planos.
- Un día nublado es oro: la luz difusa hace que todos los detalles se vean bien.
Composición básica
- Regla de los tercios: activa la cuadrícula en los ajustes de la cámara del móvil y coloca el sujeto en los puntos de intersección.
- Respira aire: no satures la foto. Deja espacio para que la vista descanse.
- Dispara varios ángulos: frontal, 45 grados y cenital. Luego al escribir eliges la que mejor cuadre.
Técnicas de captura de pantalla
Si tu blog va de tutoriales de software, reseñas de herramientas o tecnología en general, las capturas son tu principal fuente gráfica:
- macOS:
Cmd + Shift + 4para seleccionar zona. - Windows:
Win + Shift + Sabre la herramienta Recortes. - Navegador: la extensión GoFullPage captura la página completa, incluido el scroll.
Consejo: fija el ancho de la ventana del navegador a una medida concreta (por ejemplo 1280 px) antes de capturar. Así todas las capturas del mismo artículo tendrán tamaños coherentes y el post queda más limpio.
Fase 2: Edición — que la imagen se lea bien en pantalla
Piénsalo como "maquillar" la foto: no es un cambio radical, es ajustar detalles para que en el blog se vea bien.
Comparativa de herramientas
| Herramienta | Plataforma | Precio | Para qué sirve | Curva de aprendizaje |
|---|---|---|---|---|
| Canva | Web/App | Gratis (versión Pro opcional) | Portadas, añadir texto | Muy baja |
| Lightroom Mobile | iOS/Android | Gratis (funciones avanzadas de pago) | Retoque de color, procesado en lote | Baja |
| Squoosh | Web | Gratis | Compresión y cambio de formato | Muy baja |
| Photopea | Web | Gratis | Similar a Photoshop | Media |
| Vista Previa (macOS) | macOS | Incluido | Recortes y ajustes rápidos | Muy baja |
| Paint.NET | Windows | Gratis | Edición básica | Baja |
| GIMP | Windows/macOS/Linux | Gratis | Edición avanzada completa | Media-alta |
Tareas de edición habituales
- Recorte: quita lo que sobra y centra el foco.
- Brillo y contraste: dale claridad sin pasarte.
- Texto o marcas: los tutoriales suelen necesitar flechas y etiquetas sobre las capturas.
- Tamaño uniforme: todas las imágenes del mismo post con el mismo ancho (800–1200 px va bien).
- Imagen destacada: suele pedir una proporción concreta, 1200×630 px es la apuesta segura.
Procesar en lote te ahorra la vida
Si un post tiene 10 imágenes, tocarlas una a una es una pérdida de tiempo. Opciones para hacerlo masivo:
- Lightroom: importa todas → ajusta la primera → copia la configuración al resto → exportación en lote.
- Vista Previa (macOS): seleccionas todas → botón derecho → abrir con Vista Previa → Herramientas → Ajustar tamaño.
- ImageMagick (línea de comandos):
mogrify -resize 800x *.jpgcambia el ancho de todas las imágenes de la carpeta.
Fase 3: Compresión — menos peso, misma calidad
Esta parte muchos la saltan, y es un error grave. Según HTTP Archive, las imágenes sin comprimir representan más del 44% del peso medio de una página web. Comprimir reduce drásticamente el tiempo de carga.
Herramientas de compresión
| Herramienta | Tipo | Resultado | Uso |
|---|---|---|---|
| Squoosh | Web app | Excelente (vista previa en vivo) | Arrastra la imagen |
| TinyPNG | Web app | Excelente | Hasta 20 imágenes a la vez |
| ImageOptim | macOS | Excelente (sin pérdida) | Arrastra y listo |
| ShortPixel | Plugin WordPress | Excelente | Comprime al subir |
| Caesium | Windows/macOS | Excelente | Procesado por lotes local |
Resultado real de compresión
Probé una foto típica de blog (1200×800, JPEG) con Squoosh:
- Original: 1,8 MB
- JPEG calidad 80: 412 KB (−77%)
- WebP calidad 80: 298 KB (−83%)
- AVIF calidad 65: 187 KB (−90%)
A simple vista, las tres versiones comprimidas son indistinguibles del original.
¿Qué formato elijo?
En la práctica:
- Fotos: WebP (ya lo soportan casi todos los navegadores) o JPEG.
- Capturas y todo lo que tenga texto: PNG (el texto no se emborrona).
- Si tu plataforma lo permite: WebP, porque pesa mucho menos.
Fase 4: Alojamiento — que las imágenes tengan una "casa"
Una vez comprimidas, necesitas subirlas a algún sitio para obtener un enlace usable en el post. Tienes tres caminos.
Opción 1: subida nativa del propio blog
WordPress, Ghost, Medium o Blogger tienen su propio gestor. Lo más cómodo: subes desde el editor y listo.
Pero ojo:
- WordPress.com (gratuito) tiene solo 1 GB de espacio.
- Medium recomprime agresivamente tus imágenes y se nota.
- Si algún día migras de plataforma, mover las imágenes es un follón.
Opción 2: servicio de alojamiento de imágenes
Subes las imágenes a un servicio especializado, obtienes un enlace directo y lo pegas en el post.
Ventajas:
- Imagen y post van por separado, migrar de plataforma es trivial.
- Suelen tener CDN, se cargan más rápido.
- La misma imagen vale para varios blogs o redes.
Opción 3: montártelo tú (avanzado)
Con Amazon S3, Cloudflare R2 o similar. Coste bajo, pero requiere conocimientos técnicos. Si no vienes del mundo dev, no merece la pena.
Comparativa
| Opción | Dificultad | Coste | Portabilidad | Velocidad |
|---|---|---|---|---|
| Subida nativa | Mínima | Incluida | Mala (te atan a la plataforma) | Depende |
| Servicio de imagen | Baja | Gratis suele bastar | Buena | Rápida (CDN) |
| Servidor propio | Alta | Bajo pero con mantenimiento | Máxima | Depende |
Si acabas de empezar, tira de la subida nativa. Cuando acumules volumen o quieras publicar en varias plataformas, da el salto a un servicio de imagen.
Fase 5: Insertar en el post — la última milla
WordPress
En el editor, pulsa "+" → bloque "Imagen" → puedes subir o pegar una URL. Si usas un servicio externo, elige "Insertar desde URL" y pega el enlace directo.
Ghost
El editor de Ghost soporta arrastrar y soltar, y también sintaxis Markdown:
Medium
Medium solo admite subida directa, no acepta URLs externas. Tienes que descargar la imagen localmente y subirla al editor.
Blogs Markdown (Hugo, Hexo, Next.js, Astro)
Con un generador estático, las imágenes suelen ir en static/ o public/, o usas un enlace externo:
Nomenclatura y organización
Esto lo ignora mucha gente y a largo plazo es clave. Cuando tengas 100 posts con 10 imágenes cada uno, son mil archivos que gestionar.
Regla de nombres recomendada
{fecha}-{slug-del-post}-{número}-{descripción}.{formato}
Ejemplo:
2026-03-25-gestion-imagenes-01-camara.webp
2026-03-25-gestion-imagenes-02-editores.webp
2026-03-25-gestion-imagenes-03-compresion.webp
Ventajas:
- Ordenadas por fecha automáticamente.
- De un vistazo sabes a qué post pertenecen.
- El número te da la secuencia.
Estrategia de copias de seguridad
Haz backup, sí o sí. Ningún servicio te garantiza estar ahí para siempre. Imgur borró en 2023 una enorme cantidad de subidas anónimas y muchos blogs se quedaron con imágenes rotas de un día para otro.
Tres niveles que recomiendo:
- Backup local: carpeta
blog-images/en tu ordenador, con la convención de arriba. - Backup en la nube: sincroniza a Google Drive, Dropbox o pCloud (solo como backup, no como host).
- Control de versiones: si tu blog es estático con Git, puedes meter las imágenes en el repo (vigila el tamaño).
Servicios recomendados para audiencia hispanohablante
Para blogueros en España y Latinoamérica hay algunas opciones a tener en cuenta:
- lpic.cc: gratis, sin registro, enlace directo y CDN global. Incluye protección con contraseña, útil si tienes contenido para suscriptores de pago.
- Cloudinary: freemium, ideal si tu blog crece y necesitas transformaciones on-the-fly (recortes, WebP automático).
- ImgBB: sencillo y veterano, pero sin protección con contraseña.
Un detalle importante para quienes tenéis tráfico desde LatAm: elegir un servicio con CDN global marca la diferencia, porque si el servidor está solo en Europa o EE. UU., los lectores de Argentina o Chile notan latencia extra.
Preguntas frecuentes
¿Qué tamaño deberían tener las imágenes del blog?
El ancho de contenido de la mayoría de blogs está entre 700 y 800 px, así que 800–1200 px es la zona cómoda. Más pequeñas se pixelan en pantallas Retina; más grandes desperdician ancho de banda. Para la imagen destacada, 1200×630 px es lo ideal (también es la proporción óptima para las tarjetas de Facebook y Twitter/X).
¿Necesito poner marca de agua?
Depende. Si son fotos de producto propias o fotografía original, sí te protege del plagio. Si son capturas o fotos ilustrativas, casi nunca merece la pena — más bien distrae. Si la pones, al menos que sea discreta, en una esquina y semitransparente.
¿Cuántas imágenes debería llevar un post?
No hay regla fija, pero una buena referencia: una imagen cada 300–500 palabras. Un post de 2000 palabras queda bien con 4–7 imágenes. Demasiadas ralentizan la carga; pocas hacen el artículo monótono. Los tutoriales aguantan más (una por paso); los artículos de opinión admiten menos.
¿Puedo usar fotos del móvil sin retocarlas?
Sí, pero haz al menos dos cosas: (1) recorta lo que sobra y (2) comprime. Las fotos del móvil pesan fácil 3–5 MB, y ponerlas directas mata la velocidad del blog. Con Squoosh o TinyPNG bajas a 200–400 KB sin pérdida visible.
¿Y si el servicio de alojamiento cierra?
Por eso el backup local es vital. Si tienes copia, solo subes las imágenes a otro servicio y actualizas los enlaces. Sin copia, se pierden para siempre. Adquiere el hábito: cada imagen que subes a un servicio, también queda en local.
¿Vale la pena pagar una suscripción Pro en algún servicio?
Honestamente, depende del volumen. Si publicas dos posts al mes con cinco imágenes, el plan gratuito de cualquier servicio te sobra. Si publicas a diario o gestionas varios blogs, Cloudinary Pro o un plan de Bunny.net (popular en España por su buena relación calidad-precio, desde unos 5 EUR/mes) se amortizan rápido gracias al CDN y a las transformaciones automáticas.
Referencias
- HTTP Archive — State of Images — estadísticas de uso de imágenes en la web
- web.dev — Choose the right image format — guía de optimización de Google
- Squoosh — compresor online de Google
- Canva — editor online con versión en español
- WordPress — Optimización — guía oficial de rendimiento