[GH-ISSUE #1526] [FEAT]: Optimise Image Display Size #980

Closed
opened 2026-02-22 18:22:31 -05:00 by yindo · 4 comments
Owner

Originally created by @odrobnik on GitHub (May 24, 2024).
Original GitHub issue: https://github.com/Mintplex-Labs/anything-llm/issues/1526

What would you like to see?

When generating images (in my case with Dall-E 3) the resulting image can be very large. AnythingLLM displays the image always in the original image size. This causes the bottom icons to be stretched out and if you reduce the window size the image goes outside the visible area:

image image

You should limit the size of images and all them to scale down if the window gets resizes. Here's how OpenWebUI is doing it:

image image

Depending on how you do the display: you could just add this to your CSS:

img {
    max-width: 100%;
}
Originally created by @odrobnik on GitHub (May 24, 2024). Original GitHub issue: https://github.com/Mintplex-Labs/anything-llm/issues/1526 ### What would you like to see? When generating images (in my case with Dall-E 3) the resulting image can be very large. AnythingLLM displays the image always in the original image size. This causes the bottom icons to be stretched out and if you reduce the window size the image goes outside the visible area: <img width="1910" alt="image" src="https://github.com/Mintplex-Labs/anything-llm/assets/333270/3340475a-0c59-4016-baab-88ba75cb6722"> <img width="718" alt="image" src="https://github.com/Mintplex-Labs/anything-llm/assets/333270/65cff988-cddc-4289-9f46-34fe0f74536b"> You should limit the size of images and all them to scale down if the window gets resizes. Here's how OpenWebUI is doing it: <img width="571" alt="image" src="https://github.com/Mintplex-Labs/anything-llm/assets/333270/5d219888-0f44-426d-b6f9-9bde21dd69b0"> <img width="1551" alt="image" src="https://github.com/Mintplex-Labs/anything-llm/assets/333270/12b9186b-7262-41e9-a636-a49ce49edd0e"> Depending on how you do the display: you could just add this to your CSS: ``` img { max-width: 100%; } ```
yindo added the enhancementfeature requestDesktopinvestigating labels 2026-02-22 18:22:31 -05:00
yindo closed this issue 2026-02-22 18:22:31 -05:00
Author
Owner

@shatfield4 commented on GitHub (May 24, 2024):

How are you connecting Dall-E 3 to AnythingLLM? We don't currently support image generation yet.

@shatfield4 commented on GitHub (May 24, 2024): How are you connecting Dall-E 3 to AnythingLLM? We don't currently support image generation yet.
Author
Owner

@odrobnik commented on GitHub (May 24, 2024):

How are you connecting Dall-E 3 to AnythingLLM? We don't currently support image generation yet.

My Server sits in-between the user client and OpenAI. It intercepts the tool call from OpenAI, calls a function to generate the image and returns the URL to OpenAI. OpenAI then sends a new stream with the actual response that contains the markdown image and that gets again streamed to the client, AnythingLLM in this case.

But that’s besides the point, my feature request is for you to allow all markdown images to change size visually.

cheers
Oliver


Reply to this email directly, view it on GitHub https://github.com/Mintplex-Labs/anything-llm/issues/1526#issuecomment-2130184134, or unsubscribe https://github.com/notifications/unsubscribe-auth/AACRLVSN5JHA6TWE4LPX46DZD6FFRAVCNFSM6AAAAABIHDMGBOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCMZQGE4DIMJTGQ.
You are receiving this because you authored the thread.

@odrobnik commented on GitHub (May 24, 2024): > How are you connecting Dall-E 3 to AnythingLLM? We don't currently support image generation yet. > My Server sits in-between the user client and OpenAI. It intercepts the tool call from OpenAI, calls a function to generate the image and returns the URL to OpenAI. OpenAI then sends a new stream with the actual response that contains the markdown image and that gets again streamed to the client, AnythingLLM in this case. But that’s besides the point, my feature request is for you to allow all markdown images to change size visually. cheers Oliver > — > Reply to this email directly, view it on GitHub <https://github.com/Mintplex-Labs/anything-llm/issues/1526#issuecomment-2130184134>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AACRLVSN5JHA6TWE4LPX46DZD6FFRAVCNFSM6AAAAABIHDMGBOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCMZQGE4DIMJTGQ>. > You are receiving this because you authored the thread. >
Author
Owner

@timothycarambat commented on GitHub (May 24, 2024):

Because this is outside of the current intended functionality of the tool, this should be something rolled into image generation support #943

@timothycarambat commented on GitHub (May 24, 2024): Because this is outside of the current intended functionality of the tool, this should be something rolled into image generation support #943
Author
Owner

@odrobnik commented on GitHub (May 24, 2024):

Sorry, @timothycarambat you completely misunderstood me it seems. All I want you to do is to add this CSS to your output:

img {
    max-width: 100%;
}
@odrobnik commented on GitHub (May 24, 2024): Sorry, @timothycarambat you completely misunderstood me it seems. All I want you to do is to add this CSS to your output: ``` img { max-width: 100%; } ```
yindo changed title from [FEAT]: Optimise Image Display Size to [GH-ISSUE #1526] [FEAT]: Optimise Image Display Size 2026-06-05 14:38:17 -04:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Mintplex-Labs/anything-llm#980