>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3521874. --> Reported by: [anjaliprasannan](https://www.drupal.org/user/3637917) >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>Webp images are not supported in ai ckeditor dialogue modal</p> <h4 id="summary-steps-reproduce">Steps to reproduce</h4> <ul> <li>Navigate to /admin/config/ai/automator_chain_types and click on Add Automator Chain Types to create an ai automator chain type.</li> <li>Name the automator chain type: Generate Alt Text from Image.</li> <li>Save the chain type and edit it to add fields.</li> <li>Input field: An image field (required) named Input Image.</li> <li>Output field: A text field named Image Alt Text.</li> <li>Formatted long text field: A field named Output Image with Alt Text to store the generated result.</li> </ul> <p><strong>Enabling AI Automator in CKEditor</strong></p> <ul> <li>Navigate to /admin/config/content/formats and configure the text format (e.g., Basic HTML).</li> <li>Add AI CKEditor to the Active Toolbar.</li> <li>In CKEditor 5 plugin settings, open the AI Tools section.</li> <li>Open AI Automator CKEditor and enable AI Automators.</li> <li>Enable Generate Alt Text from Image settings and select:</li> <li>Input field: Input Image</li> <li>Text Selection Input: Input Image</li> <li>Require Selection: Checked (ensures selected image is used as input).</li> <li>Write Mode: Replace (generated output replaces selected input).</li> <li>Output field: Output Image with Alt Text</li> <li>Testing the AI Automator Chain Type</li> </ul> <p><strong>Create article content.<br> </strong></p> <ul> <li>In the CKEditor field, add an image.</li> <li>Select the image and click on the AI Assistant plugin.</li> <li>Click on Generate Alt Text from Image to open the AI Assistant modal.</li> <li>The selected image appears in the upload field.</li> <li>Try changing the image to webp image </li> </ul> <p>you get this error message as in screenshot.</p> <h3 id="summary-proposed-resolution">Proposed resolution</h3> <h3 id="summary-remaining-tasks">Remaining tasks</h3> <h3 id="summary-ui-changes">User interface changes</h3> <h3 id="summary-api-changes">API changes</h3> <h3 id="summary-data-model-changes">Data model changes</h3>