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

# Analyse d'images

> L'IA analyse automatiquement les pièces jointes visuelles

export const WorkflowExample = ({title, whenToUse, steps = []}) => {
  const parseToolMentions = text => {
    if (!text) return text;
    const parts = text.split(/(@[\w-]+)/g);
    return parts.map((part, i) => {
      if (part.startsWith("@")) {
        const toolName = part.slice(1);
        return <span key={i} className="text-blue-500 dark:text-blue-400 font-semibold bg-blue-50 dark:bg-blue-950/50 px-1.5 py-0.5 rounded text-[0.9em] whitespace-nowrap">
            @{toolName}
          </span>;
      }
      return part;
    });
  };
  return <div className="my-6 border-2 border-dashed border-zinc-300 dark:border-zinc-600 rounded-xl p-6">
      {}
      <h3 className="text-xl font-semibold text-zinc-900 dark:text-zinc-100 m-0 mb-5">
        {title}
      </h3>

      {}
      <div className="mb-6">
        <span className="text-sm font-medium text-zinc-500 dark:text-zinc-400 block mb-2">
          When to use
        </span>
        <div className="border border-zinc-200 dark:border-zinc-700 rounded-lg p-4 bg-zinc-50/50 dark:bg-zinc-800/30">
          <p className="m-0 text-zinc-700 dark:text-zinc-300 leading-relaxed">
            {whenToUse}
          </p>
        </div>
      </div>

      {}
      <div>
        <span className="text-sm font-semibold text-zinc-900 dark:text-zinc-100 block mb-4">
          Steps
        </span>
        <div className="flex flex-col gap-4">
          {steps && steps.map((step, index) => <div key={index} className="flex gap-3 items-start">
              <span className="flex items-center gap-1.5 flex-shrink-0 pt-0.5">
                <span className="text-blue-500 dark:text-blue-400 font-medium text-sm tabular-nums">
                  {index + 1}.
                </span>
              </span>
              <span className="text-zinc-700 dark:text-zinc-300 leading-relaxed">
                {parseToolMentions(step)}
              </span>
            </div>)}
        </div>
      </div>
    </div>;
};

## Comment ça marche

Quivr analyse automatiquement les images et photos envoyées par vos clients. L'IA peut comprendre le contenu visuel et l'utiliser pour répondre de manière pertinente.

<Note>
  Cette fonctionnalité est activée par défaut. Aucune configuration n'est nécessaire.
</Note>

## Types d'images supportés

* **Photos de produits** : produits endommagés, défectueux, manquants
* **Captures d'écran** : erreurs, interfaces, confirmations
* **Documents** : factures, étiquettes, bordereaux
* **Preuves d'achat** : tickets, reçus, confirmations

## Comment l'utiliser

Dans vos instructions de workflow, demandez simplement à l'IA de regarder les pièces jointes :

<WorkflowExample
  title="Analyse automatique des images"
  whenToUse="Quand le client envoie des pieces jointes visuelles a analyser"
  steps={[
"Lis les pieces jointes du client",
"Si c'est une photo d'un produit endommage : Confirme que tu vois le probleme, propose un remplacement ou remboursement",
"Si c'est une capture d'ecran d'erreur : Identifie le type d'erreur, propose une solution adaptee",
"Si c'est une facture : Recupere le numero de commande, utilise-le pour la suite du traitement"
]}
/>

## Exemple concret

**Scénario :** Un client envoie une photo d'un colis endommagé.

<WorkflowExample
  title="Colis endommage"
  whenToUse="Quand un client envoie une photo d'un colis ou produit endommage"
  steps={[
"Verifie les pieces jointes du ticket",
"Si une image montre un produit ou colis endommage : Confirme 'Je vois bien les dommages', presente tes excuses, propose un remplacement ou remboursement",
"Si l'image n'est pas claire : Demande une photo supplementaire sous un meilleur angle"
]}
/>

## Bonnes pratiques

<AccordionGroup>
  <Accordion title="Confirmer ce que vous voyez">
    Montrez au client que vous avez vraiment regardé son image en décrivant brièvement ce que vous voyez.
  </Accordion>

  <Accordion title="Ne pas demander si c'est visible">
    Si le client envoie une image, partez du principe qu'elle est importante. Analysez-la systématiquement.
  </Accordion>

  <Accordion title="Combiner avec les outils métier">
    Utilisez les informations extraites de l'image (numéro de commande sur une facture par exemple) avec vos outils e-commerce.
  </Accordion>
</AccordionGroup>

## Limitations

* **Taille** : Images jusqu'à 20 Mo
* **Formats** : JPEG, PNG, GIF, WebP
* **PDF** : Les documents PDF avec images sont également analysés
* **Qualité** : Les images floues ou de très basse résolution peuvent être difficiles à interpréter