> ## Documentation Index
> Fetch the complete documentation index at: https://docs.bloomy.casa/llms.txt
> Use this file to discover all available pages before exploring further.

# Subir imágenes

> Guía completa sobre cómo subir, gestionar y organizar imágenes en tus proyectos de Bloomy, incluyendo formatos soportados, límites, optimización automática y clasificación inteligente por ambientes.

export const Bloomy = () => <span class="bg-gradient-to-r from-[#c36c78] via-[#ef8292] to-[#c36c78] bg-clip-text px-0 font-bold font-sans text-lg text-transparent">
    bloomy
  </span>;

<img src="https://mintcdn.com/bloomy/7BCCFd7bn5NLaKeQ/assets/proyecto-creado.webp?fit=max&auto=format&n=7BCCFd7bn5NLaKeQ&q=85&s=eef2be4cdc919cb34043813af80d5629" alt="Proyecto en Bloomy con botón para subir imágenes destacado en la interfaz" class="rounded-3xl" width="960" height="720" data-path="assets/proyecto-creado.webp" />

Subir imágenes es el primer paso para trabajar con <Bloomy />. Una vez que tengas las fotos de tu propiedad en el proyecto, podrás aplicar todas las herramientas de edición con inteligencia artificial, crear publicaciones profesionales, y compartir tu trabajo con clientes.

Esta guía te mostrará cómo subir imágenes de forma eficiente, qué formatos y tamaños son soportados, cómo funciona la optimización automática, y cómo aprovechar la clasificación inteligente de ambientes.

<div class="clear-both" />

***

## Acceder al área de carga

### Paso 1: Abrí el proyecto

Antes de subir imágenes, necesitás estar dentro del proyecto donde querés agregarlas:

**Desde la barra lateral**:

1. En la barra lateral izquierda, encontrás la lista de proyectos recientes
2. Hacé clic en el proyecto al que querés agregar imágenes
3. Se abrirá la vista principal del proyecto

**Desde la lista de proyectos**:

1. Navegá a **"Proyectos"** en el menú principal
2. Verás todas tus proyectos en una grilla de tarjetas
3. Hacé clic en el proyecto correspondiente
4. Se abrirá la vista principal del proyecto

### Paso 2: Ubicá el botón "Subir Imágenes"

Una vez dentro del proyecto, verás la interfaz principal con varios elementos:

* **Encabezado** con el nombre del proyecto y breadcrumbs de navegación
* **Barra de acción** con tres botones principales:
  1. **Publicación**: Para crear/editar la publicación pública
  2. **Subir Imágenes**: El botón que necesitamos (destacado) 📸
  3. **Opciones**: Menú con ajustes del proyecto

<Note>El botón "Subir Imágenes" siempre está visible en la vista principal del proyecto, independientemente de si ya tenés imágenes cargadas o no.</Note>

### Paso 3: Hacé clic en "Subir Imágenes"

Al hacer clic en el botón **"Subir Imágenes"**:

1. Se abrirá la página de carga de imágenes
2. Verás el área de drop zone (zona de arrastre)
3. Los breadcrumbs se actualizarán para mostrar: Inicio > Proyectos > \[Nombre del proyecto] > Subir Imágenes

***

## Cómo subir tus imágenes

<img src="https://mintcdn.com/bloomy/7BCCFd7bn5NLaKeQ/assets/subir-imagenes.webp?fit=max&auto=format&n=7BCCFd7bn5NLaKeQ&q=85&s=060298d09f9a96f307aa239933bf7f06" alt="Interfaz de carga de imágenes en Bloomy mostrando la zona de arrastre y soltar archivos" class="mx-auto rounded-3xl max-w-3xl mb-6" width="960" height="720" data-path="assets/subir-imagenes.webp" />

Bloomy ofrece dos métodos para subir imágenes: **arrastrar y soltar** (drag & drop) o **seleccionar archivos** desde tu dispositivo. Ambos métodos son igualmente eficientes.

### Método 1: Arrastrar y soltar (recomendado)

Este es el método más rápido si tenés las imágenes en una carpeta de tu computadora:

1. **Abrí la carpeta** donde tenés las fotos guardadas
2. **Seleccioná las imágenes** que querés subir (podés seleccionar múltiples con <kbd>Ctrl/Cmd + clic</kbd>, o todas con <kbd>Ctrl/Cmd + A</kbd>)
3. **Arrastrá los archivos** hacia el área de drop zone en <Bloomy />
4. Soltá los archivos cuando veas que el área cambia de color (se resalta en azul/verde)
5. La carga comenzará automáticamente

**Ventajas del drag & drop**:

* <Icon icon="check" color="green" /> Más rápido que navegar por el explorador de archivos
* <Icon icon="check" color="green" /> Podés ver exactamente qué archivos estás subiendo
* <Icon icon="check" color="green" /> Funciona con múltiples archivos simultáneamente
* <Icon icon="check" color="green" /> No requiere hacer clic en ningún botón adicional

### Método 2: Seleccionar archivos

Si preferís el método tradicional de selección de archivos:

1. **Hacé clic** en cualquier parte del área de drop zone
2. Se abrirá el **explorador de archivos** de tu sistema operativo
3. **Navegá** hasta la carpeta donde tenés las imágenes
4. **Seleccioná** las fotos que querés subir:
   * Para seleccionar varias: mantené presionado <kbd>Ctrl</kbd> (Windows/Linux) o <kbd>Cmd</kbd> (Mac) mientras hacés clic
   * Para seleccionar todas: presioná <kbd>Ctrl + A</kbd> (Windows/Linux) o <kbd>Cmd + A</kbd> (Mac)
5. Hacé clic en **"Abrir"** o **"Seleccionar"**
6. La carga comenzará automáticamente

### Proceso de carga

Una vez que inicies la carga (por cualquiera de los dos métodos):

#### Indicadores visuales

Verás varios elementos en la interfaz que te informan sobre el progreso:

**Lista de archivos en proceso**:

* Cada archivo aparece en una lista con:
  * 📄 **Icono de tipo de archivo** (imagen)
  * **Nombre del archivo** (truncado si es muy largo)
  * **Tamaño del archivo** (en KB o MB)
  * **Barra de progreso** animada (de 0% a 100%)
  * **Estado**: "Subiendo...", "Procesando...", "Completado" o "Falló"

**Colores de estado**:

* 🔵 **Azul**: Subiendo archivo
* 🟡 **Amarillo**: Procesando y optimizando
* 🟢 **Verde**: Completado exitosamente
* 🔴 **Rojo**: Error en la carga

#### Tiempo de carga

El tiempo depende de varios factores:

* **Cantidad de imágenes**: Más imágenes = más tiempo total
* **Tamaño de archivos**: Archivos más grandes tardan más en subir
* **Velocidad de conexión**: Internet más rápido = carga más rápida
* **Procesamiento**: Cada imagen se convierte automáticamente a WebP

**Tiempos aproximados** (con conexión normal):

* 1 imagen de 2 MB: \~2-5 segundos
* 10 imágenes de 2 MB: \~15-30 segundos
* 20 imágenes de 3 MB: \~40-90 segundos

<Tip>La carga funciona en segundo plano, aunque recomendamos esperar a que termine para verificar que todo se cargó correctamente.</Tip>

### Subida múltiple en lotes

Si tenés muchas imágenes (más de 20), considerá subirlas en varios lotes:

**¿Por qué usar lotes?**:

* Reducís el riesgo de que un error afecte todas las imágenes
* Es más fácil verificar que cada lote se cargó correctamente
* Si hay un problema de conexión, no perdés el progreso de todo
* La interfaz es más responsive con menos archivos procesándose simultáneamente

**Estrategia recomendada**:

1. **Lote 1**: Subí las 15-20 imágenes más importantes primero
2. Esperá a que se complete la carga y **verificá** que aparecieron en la galería
3. **Lote 2**: Subí el siguiente grupo
4. Repetí hasta completar todas las imágenes

<Note>No hay límite en la cantidad de veces que podés usar el botón "Subir Imágenes". Podés volver a agregar más fotos al proyecto cuando quieras.</Note>

***

## Formatos y especificaciones técnicas

### Formatos de imagen soportados

Bloomy acepta los tres formatos de imagen más comunes:

<CardGroup cols={3}>
  <Card title="JPEG / JPG" icon="image">
    Formato más común para fotos de cámaras y celulares. Compatible con todas las fuentes.
  </Card>

  <Card title="PNG" icon="image">
    Formato sin pérdida, ideal para imágenes con transparencia (aunque <Bloomy /> no la preserva).
  </Card>

  <Card title="WebP" icon="image">
    Formato moderno de Google, más eficiente que JPEG y PNG. Ya optimizado.
  </Card>
</CardGroup>

**Formatos NO soportados**:

* <Icon icon="close" color="red" /> HEIC (fotos de iPhone - convertir antes de subir)
* <Icon icon="close" color="red" /> TIFF / TIF
* <Icon icon="close" color="red" /> BMP
* <Icon icon="close" color="red" /> GIF (animados o estáticos)
* <Icon icon="close" color="red" /> SVG
* <Icon icon="close" color="red" /> RAW (CR2, NEF, ARW, DNG, etc.)

<Warning>Si intentás subir un formato no soportado, recibirás un error y el archivo será rechazado. Convertí tus imágenes a JPEG, PNG o WebP antes de subirlas.</Warning>

### Límites de tamaño

Cada imagen individual tiene un **tamaño máximo de 4 MB**.

**¿Por qué este límite?**

El límite de 4 MB está diseñado para:

* <Icon icon="check" color="green" /> Permitir fotos de alta resolución (4000+ px de ancho)
* <Icon icon="check" color="green" /> Mantener tiempos de carga razonables
* <Icon icon="check" color="green" /> Optimizar el almacenamiento en los servidores
* <Icon icon="check" color="green" /> Asegurar que las herramientas de IA procesen las imágenes eficientemente

**¿Qué pasa si una imagen supera 4 MB?**

Si intentás subir una imagen mayor a 4 MB:

* <Icon icon="close" color="red" /> El archivo será rechazado
* 🚨 Verás un mensaje de error: "El archivo excede el tamaño máximo de 4 MB"
* 💡 Solución: Reducí el tamaño o comprimí la imagen antes de volver a subirla

### Cómo reducir el tamaño de imágenes grandes

Si tenés imágenes que superan los 4 MB, podés reducirlas fácilmente:

**Opción 1: Usar herramientas online gratuitas**

* [TinyPNG](https://tinypng.com/) - Compresión inteligente sin pérdida visible de calidad
* [Squoosh](https://squoosh.app/) - De Google, control total sobre compresión
* [Compressor.io](https://compressor.io/) - Múltiples formatos, fácil de usar

<Tip>Para fotos de propiedades, un ancho de 3000-4000 px es más que suficiente. No necesitás subir imágenes de 6000+ px que ocupan mucho espacio sin beneficio visual.</Tip>

### Límite de cantidad de archivos

Por cada operación de subida:

* **Máximo 20 archivos simultáneos**
* Sin embargo, podés repetir la operación las veces que necesites
* **Total por proyecto: ilimitado** (sujeto al almacenamiento de tu plan)

Si necesitás subir más de 20 imágenes de una vez:

1. Dividí las imágenes en grupos de 20 o menos
2. Subí el primer lote y esperá a que termine
3. Subí el segundo lote, y así sucesivamente

### Resolución recomendada

Para obtener los mejores resultados con las herramientas de edición:

**Resolución mínima recomendada**: 1920 x 1080 px (Full HD)

**Resoluciones ideales**:

* 📸 **2560 x 1440 px** (2K): Excelente para web y publicaciones digitales
* 📸 **3840 x 2160 px** (4K): Ideal para impresión y máxima calidad
* 📸 **4000 x 3000 px**: Máximo recomendado antes de compresión

**¿Por qué importa la resolución?**

* <Icon icon="check" color="green" /> **Resolución alta**: Más detalles para que la IA trabaje, mejores resultados en Alma y ediciones manuales
* <Icon icon="check" color="green" /> **Resolución muy baja** (menos de 1280 x 720): Las ediciones pueden verse pixeladas o con artefactos
* <Icon icon="check" color="green" /> **Resolución excesiva** (más de 6000 px): No mejora los resultados pero aumenta tiempos de procesamiento

<Note>Si tus fotos son de baja resolución, podés usar la función "Aumentar resolución" (1 crédito 🌸) para mejorarlas antes de aplicar otras ediciones.</Note>

***

## Optimización automática

Bloomy optimiza todas las imágenes que subís para asegurar el mejor rendimiento y calidad:

### Conversión a WebP

**¿Qué es WebP?**

WebP es un formato de imagen moderno desarrollado por Google que ofrece:

* 🚀 **25-35% menos tamaño** que JPEG con la misma calidad visual
* 🎨 **Calidad superior** a PNG con archivos más pequeños
* ⚡ **Carga más rápida** en navegadores y aplicaciones
* 💾 **Menos espacio de almacenamiento** en los servidores

**Proceso de conversión**:

Cuando subís una imagen (JPEG o PNG):

1. ⬆️ La imagen se sube al servidor
2. 🔄 Se convierte automáticamente a formato WebP
3. 📐 Se optimiza con **calidad del 90%** (equilibrio perfecto entre tamaño y calidad)
4. 💾 Se guarda en almacenamiento optimizado
5. <Icon icon="check" color="green" /> Está lista para visualizar y editar

**Ventajas para vos**:

* No tenés que preocuparte por optimizar imágenes manualmente
* Las galerías cargan más rápido
* Consumís menos almacenamiento de tu plan
* Las ediciones con IA procesan más eficientemente

<Note>La conversión a WebP es totalmente transparente. Las imágenes se ven idénticas a las originales pero ocupan menos espacio.</Note>

**Comparación de calidad**:

| Calidad WebP | Tamaño relativo | Uso recomendado                                                 |
| ------------ | --------------- | --------------------------------------------------------------- |
| 70%          | Muy pequeño     | Miniaturas, previews                                            |
| **90%**      | **Óptimo**      | **Galerías, publicaciones** <Icon icon="check" color="green" /> |
| 100%         | Grande          | Archivo, impresión de alta gama                                 |

***

## Clasificación inteligente de ambientes

Una de las características más potentes de <Bloomy /> es la **clasificación automática** de imágenes por tipo de ambiente usando inteligencia artificial.

### ¿Cómo funciona?

Cuando subís imágenes a un proyecto:

1. 📤 Las imágenes se suben y optimizan
2. 🤖 La IA de <Bloomy /> analiza cada imagen automáticamente
3. 🏠 Identifica qué tipo de ambiente aparece en la foto
4. 🏷️ Asigna una etiqueta de clasificación a cada imagen
5. 📁 Las imágenes se pueden filtrar y organizar por ambiente

**Tiempo de clasificación**: Instantáneo (sucede durante la carga)

### Tipos de ambientes detectados

<Bloomy /> puede identificar **14 tipos diferentes** de espacios:

<CardGroup cols={2}>
  <Card title="Dormitorio" icon="bed">
    Habitaciones, cuartos, dormitorios principales, secundarios, suites.
  </Card>

  <Card title="Baño" icon="bath">
    Baños completos, toilettes, baños en suite, medio baños.
  </Card>

  <Card title="Cocina" icon="utensils">
    Cocinas abiertas, cerradas, integradas, kitchenettes.
  </Card>

  <Card title="Sala de estar" icon="couch">
    Livings, salas de estar, family rooms, lounges.
  </Card>

  <Card title="Comedor" icon="utensils">
    Comedores formales, diarios, integrados con cocina.
  </Card>

  <Card title="Oficina" icon="briefcase">
    Home offices, estudios, espacios de trabajo.
  </Card>

  <Card title="Lavadero" icon="washing-machine">
    Cuartos de lavado, utility rooms, áreas de servicio.
  </Card>

  <Card title="Pasillo" icon="door-open">
    Pasillos, halls, distribuidores, circulaciones.
  </Card>

  <Card title="Patio/Jardín" icon="tree">
    Patios, jardines, espacios verdes, parques privados.
  </Card>

  <Card title="Balcón/Terraza" icon="building">
    Balcones, terrazas, decks, espacios semicubiertos.
  </Card>

  <Card title="Galería/Quincho" icon="utensils">
    Quinchos, galerías, áreas de parrilla, espacios de reunión.
  </Card>

  <Card title="Garaje" icon="car">
    Garajes, cocheras, estacionamientos cubiertos.
  </Card>

  <Card title="Plano" icon="file">
    Planos arquitectónicos, blueprints, layouts.
  </Card>

  <Card title="Entorno/Barrio" icon="map-pin">
    Fotos del barrio, fachada exterior, contexto urbano.
  </Card>
</CardGroup>

### ¿Cómo usar la clasificación?

La clasificación automática te ayuda en varios momentos:

#### 1. En la galería del proyecto

Cuando abrís un proyecto y ves la galería:

* Las imágenes muestran un **badge** con el tipo de ambiente
* Podés **filtrar** por tipo de ambiente usando los botones de filtro
* Ejemplo: Ver solo "Dormitorios" para trabajar en esas fotos

#### 2. Al crear publicaciones

En el formulario de publicación:

* Las imágenes se organizan automáticamente por ambiente
* Podés **arrastrar y soltar** imágenes entre categorías para reclasificarlas
* Ejemplo: Mover una foto de "Sala de estar" a "Comedor" si la clasificación no fue precisa

#### 3. Para encontrar imágenes rápidamente

Si tenés un proyecto con muchas fotos:

* Usá los filtros de ambiente para encontrar rápidamente las imágenes que necesitás
* Ejemplo: "Mostrame solo las fotos de baños" en un proyecto con 80 imágenes

<Note>Podés reclasificar manualmente cualquier imagen en el formulario de publicación si la clasificación automática no fue correcta.</Note>

### Corrección de clasificaciones

Si la IA clasificó incorrectamente una imagen:

**En la publicación**:

1. Abrí el formulario de **"Publicación"**
2. Navegá a la sección de **"Imágenes"**
3. Verás las imágenes organizadas por ambiente en columnas
4. **Arrastrá** la imagen mal clasificada a la columna correcta
5. Guardá los cambios

La reclasificación manual solo afecta a la publicación, no cambia la etiqueta original de la imagen en la galería.

***

## Después de subir las imágenes

### Verificación de carga exitosa

Una vez que todas las imágenes terminen de cargarse:

1. **Volvé al proyecto**: Hacé clic en el nombre del proyecto en los breadcrumbs
2. **Revisá la galería**: Verificá que todas las imágenes aparezcan
3. **Comprobá el contador**: En los filtros, el número total debe coincidir con la cantidad de imágenes que subiste
4. **Verificá las miniaturas**: Asegurate de que las imágenes se vean correctamente

<img src="https://mintcdn.com/bloomy/7BCCFd7bn5NLaKeQ/assets/galeria.webp?fit=max&auto=format&n=7BCCFd7bn5NLaKeQ&q=85&s=a0c0d67eb0e810422815e69843c5a938" alt="Galería de imágenes del proyecto mostrando todas las fotos cargadas con filtros de transformación" class="float-right ml-6 mb-4 rounded-3xl max-w-md mt-0" width="900" height="720" data-path="assets/galeria.webp" />

**Señales de carga exitosa**:

* <Icon icon="check" color="green" /> Todas las imágenes tienen miniaturas visibles
* <Icon icon="check" color="green" /> No hay mensajes de error en rojo
* <Icon icon="check" color="green" /> El contador muestra la cantidad correcta
* <Icon icon="check" color="green" /> Las imágenes están clasificadas por ambiente

**Posibles problemas**:

* <Icon icon="close" color="red" /> Una imagen muestra error: Re-subí ese archivo específico
* <Icon icon="close" color="red" /> Faltan imágenes: Verificá que no hayan sido rechazadas por tamaño/formato
* <Icon icon="close" color="red" /> Imágenes borrosas: El archivo original puede tener baja calidad

<div class="clear-both" />

### Navegación en la galería

La galería del proyecto te ofrece varias formas de visualizar y filtrar tus imágenes:

#### Filtros de transformación

En la parte superior de la galería verás botones de filtro:

**Todas** (contador total):

* Muestra todas las imágenes del proyecto
* Originales + todas las versiones editadas

<Icon icon="camera" /> **Originales**:

* Solo las fotos que subiste sin procesar
* Las que aún no tienen ninguna edición aplicada

<Icon icon="bed" /> **Sin amueblar**:

* Imágenes procesadas con Pampa
* Objetos y muebles eliminados

<Icon icon="expand" /> **Mejorada**:

* Imágenes con resolución aumentada (4x)
* Procesadas con la herramienta de upscale

<Icon icon="paint-roller" /> **Redecorada**:

* Diseñadas con Alma
* Con estilos de decoración aplicados

<Icon icon="pencil" /> **Editada**:

* Modificadas con edición manual
* Con anotaciones e instrucciones específicas

Cada filtro muestra un **badge con número** indicando cuántas imágenes hay de ese tipo.

#### Interfaz de las tarjetas de imagen

Cada imagen en la galería se muestra en una tarjeta con:

**Elementos visibles**:

* 🖼️ **Miniatura** de la imagen (optimizada para carga rápida)
* 🏷️ **Badge de tipo** (Original, Sin amueblar, Redecorada, etc.)
* 🏠 **Clasificación de ambiente** (si corresponde)
* 📊 **Estado de procesamiento** (si está en cola para edición)

**Al pasar el cursor** (hover):

* ⚙️ **Menú de opciones** (tres puntos) aparece en la esquina
* 📝 **Información adicional**: tamaño, tipo, dimensiones

**Al hacer clic en una imagen**:

* 🔍 Se abre en **vista ampliada** (modal)
* Podés ver la imagen en tamaño completo
* Accedés a más opciones y detalles

### Próximos pasos después de subir

Con las imágenes ya en el proyecto, podés:

#### Opción 1: Editar imágenes

Aplicá las herramientas de IA para mejorar las fotos:

1. **Aumentá resolución** de fotos de baja calidad (1 crédito 🌸)
2. **Usá Pampa** para eliminar muebles y objetos (2 créditos 🌸)
3. **Diseñá con Alma** para mostrar diferentes estilos (3 créditos 🌸)
4. **Editá manualmente** para ajustes específicos (5 créditos 🌸)

Ver guía completa: [Editar imágenes](/producto/proyectos/editar-imagenes)

#### Opción 2: Crear publicación directamente

Si las imágenes no necesitan edición:

1. Hacé clic en el botón **"Publicación"**
2. Completá el formulario con datos de la propiedad
3. Seleccioná qué imágenes publicar
4. Guardá y activá la publicación

Ver guía completa: [Crear publicación](/producto/proyectos/publicaciones)

#### Opción 3: Subir más imágenes

Si faltaron imágenes o querés agregar más:

1. Hacé clic nuevamente en **"Subir Imágenes"**
2. Repetí el proceso con las nuevas fotos
3. Las imágenes adicionales se agregarán a las existentes

No hay límite en cuántas veces podés agregar imágenes a un proyecto.

***

## Navegación y breadcrumbs

<img src="https://mintcdn.com/bloomy/7BCCFd7bn5NLaKeQ/assets/breadcrumbs.webp?fit=max&auto=format&n=7BCCFd7bn5NLaKeQ&q=85&s=e9f3cd823adf00e25400adfa3984d770" alt="Menú de navegación breadcrumb en Bloomy mostrando la ruta de navegación actual" class="float-right ml-6 mb-4 rounded-3xl max-w-sm mt-0" width="1165" height="720" data-path="assets/breadcrumbs.webp" />

### Sistema de navegación breadcrumb

El menú de navegación (breadcrumbs) te ayuda a orientarte dentro de <Bloomy /> y volver fácilmente a secciones anteriores:

**¿Qué son los breadcrumbs?**

Son la barra de navegación en la parte superior que muestra tu ubicación actual en la jerarquía de la aplicación.

**Ejemplo al subir imágenes**:

```
Inicio > Proyectos > Mitre 700, Rosario > Subir Imágenes
```

**Cómo usar los breadcrumbs**:

* Hacé clic en **"Inicio"**: Volvés a la página principal
* Hacé clic en **"Proyectos"**: Volvés a la lista de todos los proyectos
* Hacé clic en **\[Nombre del proyecto]**: Volvés a la galería del proyecto
* **Última sección** (no clickeable): Dónde estás ahora

<div class="clear-both" />

### Ventajas de los breadcrumbs

Los breadcrumbs te permiten:

* <Icon icon="check" color="green" /> **Saber dónde estás** en todo momento
* <Icon icon="check" color="green" /> **Volver atrás rápidamente** sin usar el botón del navegador
* <Icon icon="check" color="green" /> **Navegar jerárquicamente** entre secciones relacionadas
* <Icon icon="check" color="green" /> **Entender la estructura** de la aplicación

<Tip>Si subiste imágenes y querés ver inmediatamente la galería, hacé clic en el nombre del proyecto en los breadcrumbs en lugar de usar el botón "Atrás" del navegador.</Tip>

***

## Solución de problemas

### Errores comunes durante la carga

<AccordionGroup>
  <Accordion title="Error: 'El archivo excede el tamaño máximo de 4 MB'">
    **Causa**: La imagen que intentás subir es mayor a 4 MB.

    **Solución**:

    1. Comprimí la imagen usando TinyPNG, Squoosh u otra herramienta
    2. O redimensioná la imagen a un ancho de 3000-4000 px
    3. Guardá con calidad JPEG 80-90%
    4. Volvé a intentar subir el archivo optimizado
  </Accordion>

  <Accordion title="Error: 'Formato de archivo no soportado'">
    **Causa**: El archivo no es JPEG, PNG ni WebP.

    **Solución**:

    1. Verificá la extensión del archivo (.jpg, .jpeg, .png, .webp)
    2. Si es HEIC (iPhone): convertilo a JPEG antes de subir
    3. Si es RAW, TIFF o BMP: convertilo a JPEG con un editor de imágenes
    4. Evitá subir GIF, SVG o formatos de video
  </Accordion>

  <Accordion title="La carga se queda en 'Procesando...' indefinidamente">
    **Causa**: Problema de conexión o timeout del servidor.

    **Solución**:

    1. Esperá 1-2 minutos adicionales (archivos grandes tardan más)
    2. Si no avanza, recargá la página (F5 o Cmd/Ctrl + R)
    3. Verificá tu conexión a internet
    4. Intentá subir nuevamente el archivo
    5. Si persiste, probá con menos archivos a la vez
  </Accordion>

  <Accordion title="Solo algunas imágenes se cargaron, otras fallaron">
    **Causa**: Los archivos que fallaron probablemente superaban 4 MB o tenían formato incorrecto.

    **Solución**:

    1. Revisá los mensajes de error de cada archivo fallido
    2. Corregí el problema específico (tamaño o formato)
    3. Volvé a subir solo los archivos que fallaron
    4. No necesitás re-subir los que se cargaron exitosamente
  </Accordion>

  <Accordion title="Las imágenes no aparecen en la galería después de subirlas">
    **Causa**: Puede ser un problema de caché o la galería no se actualizó.

    **Solución**:

    1. Recargá la página del proyecto (F5 o Cmd/Ctrl + R)
    2. Verificá el filtro activo (asegurate que "Todas" esté seleccionado)
    3. Esperá 30 segundos y verificá nuevamente
    4. Si no aparecen, volvé a subirlas
  </Accordion>

  <Accordion title="La imagen se ve borrosa o pixelada en la galería">
    **Causa**: La imagen original tenía muy baja resolución.

    **Solución**:

    1. Verificá la resolución del archivo original (debería ser 1920x1080 px mínimo)
    2. Si es muy baja, no hay forma de mejorarla mágicamente
    3. Podés usar "Aumentar resolución" (1 crédito) para mejorarla con IA
    4. O conseguí una versión de mayor calidad del archivo original
  </Accordion>

  <Accordion title="Error: 'No tienes permisos para agregar imágenes'">
    **Causa**: Tu rol en la organización no permite subir archivos, o no sos miembro del proyecto.

    **Solución**:

    1. Verificá que estés en la organización correcta
    2. Contactá al administrador de tu organización para solicitar permisos
    3. Verificá que el proyecto al que intentás subir pertenezca a tu organización
  </Accordion>
</AccordionGroup>

### Problemas de rendimiento

Si experimentás lentitud durante la carga:

**Optimizá tu conexión**:

* Usá conexión por cable (Ethernet) en lugar de WiFi si es posible
* Cerrá otras aplicaciones que consuman ancho de banda
* Evitá subir durante horarios pico de tu red

**Reducí el tamaño de los lotes**:

* En lugar de 20 imágenes, subí 5-10 a la vez
* Esperá a que termine cada lote antes del siguiente
* Esto reduce la carga en tu navegador y conexión

**Actualizá tu navegador**:

* Usá versiones recientes de Chrome, Firefox, Safari o Edge
* Navegadores desactualizados pueden tener problemas con la carga de archivos

### ¿Cuándo contactar soporte?

Contactá al equipo de soporte si:

* <Icon icon="close" color="red" /> Las imágenes se cargan pero nunca aparecen en la galería (después de 1 minuto)
* <Icon icon="close" color="red" /> Recibís errores de servidor (500, 503, etc.)
* <Icon icon="close" color="red" /> La carga falla consistentemente con imágenes válidas (JPEG, menos de 4 MB)
* <Icon icon="close" color="red" /> Perdiste imágenes que habías subido anteriormente
* <Icon icon="close" color="red" /> El proyecto no te permite subir más imágenes (cuota excedida sin justificación)

***

## Mejores prácticas y consejos

### Preparación antes de subir

<Card title="Checklist pre-subida">
  **Organización de archivos**:

  * [ ] Renombrá las imágenes con nombres descriptivos (ej: "dormitorio-principal.jpg", "cocina-vista-1.jpg")
  * [ ] Organizalas en carpetas por ambiente si tenés muchas
  * [ ] Eliminá duplicados o fotos borrosas antes de subir

  **Verificación técnica**:

  * [ ] Todas las imágenes son JPEG, PNG o WebP
  * [ ] Ninguna supera los 4 MB de tamaño
  * [ ] La resolución es de al menos 1920 x 1080 px
  * [ ] Las fotos están correctamente orientadas (no de costado)

  **Calidad visual**:

  * [ ] Las imágenes están enfocadas y nítidas
  * [ ] La iluminación es adecuada (no muy oscuras ni sobreexpuestas)
  * [ ] No hay elementos personales sensibles visibles (documentos, rostros, etc.)
</Card>

### Respaldos y archivos

**Mantené copias de seguridad**:

* No elimines las fotos originales de tu computadora después de subirlas a <Bloomy />
* Guardá una copia de respaldo en un disco externo o nube
* Las imágenes procesadas por <Bloomy /> están en formato WebP (podés descargarlas, pero no son las originales)

**Archivo de proyectos finalizados**:

* Antes de eliminar un proyecto, descargá las versiones editadas que necesites conservar
* <Bloomy /> no es un servicio de almacenamiento permanente de archivos
* Organizá tus archivos por cliente/proyecto/fecha en tu sistema local

### Flujo de trabajo eficiente

**Para proyectos nuevos**:

1. Creá el proyecto primero
2. Subí TODAS las imágenes juntas (o en lotes organizados)
3. Revisá que todas se cargaron correctamente
4. Después empezá a editar

**Para proyectos en curso**:

1. Si necesitás agregar más fotos, hacelo en una sola sesión
2. Mantené un registro de qué ya subiste
3. Evitá subir la misma imagen múltiples veces

***

## Preguntas frecuentes

<AccordionGroup>
  <Accordion title="¿Puedo subir imágenes desde mi celular?">
    Sí, podés subir imágenes desde cualquier dispositivo con navegador web (celular, tablet, computadora). El proceso es el mismo: seleccionás archivos desde tu galería en lugar del explorador de archivos de escritorio.
  </Accordion>

  <Accordion title="¿Las imágenes se guardan en su calidad original?">
    No, <Bloomy /> optimiza automáticamente todas las imágenes convirtiéndolas a WebP con 90% de calidad. Esto reduce significativamente el tamaño de archivo manteniendo calidad visual excelente. Si necesitás preservar los archivos originales sin pérdida, guardá copias fuera de <Bloomy />.
  </Accordion>

  <Accordion title="¿Qué pasa si subo la misma imagen dos veces?">
    Si subís la misma imagen dos veces, se tratará como dos archivos independientes. <Bloomy /> no detecta duplicados automáticamente, así que tendrás dos copias en el proyecto. Podés eliminar manualmente la duplicada desde la galería.
  </Accordion>

  <Accordion title="¿Puedo editar una imagen inmediatamente después de subirla?">
    Sí, una vez que la imagen termine de cargarse y aparezca en la galería, podés aplicar cualquier herramienta de edición inmediatamente (Pampa, Alma, Edición manual, Aumentar resolución).
  </Accordion>

  <Accordion title="¿Hay límite en la cantidad total de imágenes por proyecto?">
    No hay un límite específico por proyecto en cuanto a cantidad de imágenes. Sin embargo, el almacenamiento total está limitado por tu plan. Cada imagen optimizada ocupa aproximadamente 200-500 KB.
  </Accordion>

  <Accordion title="¿Puedo subir videos además de imágenes?">
    No, actualmente <Bloomy /> solo soporta imágenes estáticas (JPEG, PNG, WebP). No se pueden subir videos, GIFs animados, ni otros formatos multimedia. Esta funcionalidad puede agregarse en futuras versiones de existir demanda por parte de los usuarios.
  </Accordion>

  <Accordion title="¿Las imágenes se suben a un servidor público?">
    Las imágenes se suben a servidores seguros de <Bloomy /> con almacenamiento en la nube. No son públicas por defecto - solo vos y los miembros de tu organización pueden verlas. Se vuelven públicas únicamente si creás y activás una publicación con esas imágenes.
  </Accordion>

  <Accordion title="¿Qué pasa si mi conexión se corta durante la carga?">
    Si se interrumpe la conexión a internet durante la carga, los archivos que estaban procesándose fallarán y deberás subirlos nuevamente. Los archivos que ya se completaron antes de la interrupción permanecerán en el proyecto. No hay sistema de "reanudar carga" actualmente.
  </Accordion>

  <Accordion title="¿Puedo cambiar la clasificación de ambiente de una imagen?">
    Sí, podés reclasificar imágenes manualmente en el formulario de publicación arrastrándolas entre las columnas de diferentes ambientes. Esto no cambia la clasificación en la galería, solo en la publicación específica.
  </Accordion>

  <Accordion title="¿Las fotos de iPhone (HEIC) son compatibles?">
    No directamente. Los archivos HEIC (High Efficiency Image Format) usados por iPhone no son soportados. Necesitás convertirlos a JPEG antes de subirlos. Podés hacer esto desde tu iPhone configurando la cámara para guardar en JPEG, o usando herramientas de conversión gratuitas como HEICtoJPEG.com.
  </Accordion>

  <Accordion title="¿Puedo descargar las imágenes originales después de subirlas?">
    No, una vez que subís imágenes a <Bloomy />, se convierten automáticamente a WebP. No podés descargar las versiones JPEG/PNG originales. Siempre mantené copias de seguridad de tus archivos originales en tu dispositivo o almacenamiento externo.
  </Accordion>

  <Accordion title="¿Cuánto espacio de almacenamiento consume cada imagen?">
    Después de la optimización a WebP, una imagen típica de 3000x2000 px ocupa entre 200-500 KB. Podés monitorear tu uso de almacenamiento en la configuración de tu cuenta.
  </Accordion>
</AccordionGroup>

***

## Resumen rápido

<CardGroup cols={2}>
  <Card title="Cómo subir" icon="upload">
    1. Abrí el proyecto
    2. Clic en "Subir Imágenes"
    3. Arrastrá archivos o seleccionalos
    4. Esperá a que termine la carga
    5. Verificá en la galería
  </Card>

  <Card title="Formatos soportados" icon="file-image">
    * <Icon icon="check" color="green" /> JPEG / JPG
    * <Icon icon="check" color="green" /> PNG
    * <Icon icon="check" color="green" /> WebP
    * <Icon icon="close" color="red" /> HEIC, TIFF, RAW, GIF, SVG
    * Máximo: 4 MB por imagen
    * Hasta 20 archivos simultáneos
  </Card>

  <Card title="Optimización automática" icon="zap">
    * Conversión a WebP (90% calidad)
    * Reducción de tamaño 60-70%
    * Sin pérdida visual perceptible
    * Clasificación por ambiente con IA
    * Proceso transparente
  </Card>

  <Card title="Después de subir" icon="check">
    * Aplicá ediciones con IA
    * Creá la publicación
    * O subí más imágenes
    * Verificá clasificaciones
    * Organizá por ambiente
  </Card>
</CardGroup>