ti.sil/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2025-12-13 04:45:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

enh: image compression in channels

Browse source
This commit is contained in:
Timothy Jaeryang Baek 2025-08-06 15:11:43 +04:00
parent 2f349b5979
commit 80dbd76d92
2 changed files with 33 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/lib/components/channel/MessageInput.svelte
View file

@ -327,7 +327,9 @@
let imageUrl = event.target.result;
// Compress the image if settings or config require it
imageUrl = await compressImageHandler(imageUrl, $settings, $config);
if ($settings?.imageCompression && $settings?.imageCompressionInChannels) {
imageUrl = await compressImageHandler(imageUrl, $settings, $config);
}
files = [
...files,

30
src/lib/components/chat/Settings/Interface.svelte
View file

@ -62,6 +62,7 @@
width: '',
height: ''
};
let imageCompressionInChannels = true;
// chat export
let stylizedPdfExport = true;
@ -164,6 +165,11 @@
saveSettings({ imageCompression });
};
const toggleImageCompressionInChannels = async () => {
imageCompressionInChannels = !imageCompressionInChannels;
saveSettings({ imageCompressionInChannels });
};
const toggleChatFadeStreamingText = async () => {
chatFadeStreamingText = !chatFadeStreamingText;
saveSettings({ chatFadeStreamingText: chatFadeStreamingText });
@ -375,6 +381,7 @@
imageCompression = $settings?.imageCompression ?? false;
imageCompressionSize = $settings?.imageCompressionSize ?? { width: '', height: '' };
imageCompressionInChannels = $settings?.imageCompressionInChannels ?? true;
defaultModelId = $settings?.models?.at(0) ?? '';
if ($config?.default_models) {
@ -1369,6 +1376,29 @@
</div>
</div>
</div>
<div>
<div class=" py-0.5 flex w-full justify-between">
<div id="image-compression-label" class=" self-center text-xs">
{$i18n.t('Compress Images in Channels')}
</div>
<button
aria-labelledby="image-compression-label"
class="p-1 px-3 text-xs flex rounded-sm transition"
on:click={() => {
toggleImageCompressionInChannels();
}}
type="button"
>
{#if imageCompressionInChannels === true}
<span class="ml-2 self-center">{$i18n.t('On')}</span>
{:else}
<span class="ml-2 self-center">{$i18n.t('Off')}</span>
{/if}
</button>
</div>
</div>
{/if}
</div>
</div>