Image resize doesn't work | Payload | Page 1

fierce owl Jan 20, 2023, 4:48 PM

#

I am trying to resize new images on upload, so that client's photos get downsized to a max width of 2000px.

What I'm doing wrong?

upload: { staticURL: '/media', staticDir: 'media', mimeTypes: ['image/*'], disableLocalStorage: true, resizeOptions: { width: 2000, kernel: 'nearest', fit: 'cover', position: 'entropy', withoutEnlargement: true, }}

On the admin ui the size and weight is correct but on server is uploaded like the original

#

Admin ui after upload

#

Image size on server

vapid geyser Jan 20, 2023, 5:00 PM

#

Let me see if I can recreate

#

This works for me. I uploaded a 317kb file and the result was 116 bytes (20px width).

#

    resizeOptions: {
      width: 20,
      kernel: 'nearest',
      fit: 'cover',
      position: 'entropy',
      withoutEnlargement: true,
    },

#

Are you using any plugins? I see you have disableLocalStorage: true

fierce owl Jan 20, 2023, 5:06 PM

#

plugins: [cloudStorage({ collections: { media: { adapter: adapterGCS } } })],

#

const adapterGCS = gcsAdapter({ options: { keyFilename: './src/util/*.json', }, bucket: process.env.GCS_BUCKET, });

#

I have tried so many times

#

On the server still che original image

vapid geyser Jan 20, 2023, 5:07 PM

#

Okay, this info helps

fierce owl Jan 20, 2023, 5:07 PM

#

Even when clicking on the image title on che admin ui
I get che full image

vapid geyser Jan 20, 2023, 5:07 PM

#

Let me take a quick look on how the plugin may treat resizing differently

#

I'm going to log this as a possible bug @fierce owl . This will take some investigating.

#

Issue logged here: https://github.com/payloadcms/plugin-cloud-storage/issues/35

GitHub

Plugin not respecting resizeOptions · Issue #35 · payloadcms/plugin...

User with GCS plugin configured is seeing images uploaded in their original size despite setting resizeOptions. Discord Thread Upload options: upload: { staticURL: '/media', staticD...

fierce owl Jan 20, 2023, 5:27 PM

#

Thank you 💪

frail forge Feb 2, 2023, 11:48 PM

#

this is happening to me as well, the size and image dimensions are shown in the admin, but when I go to the S3 the original image is uploaded,

the only thing that has worked for me is converting from png to jpg, but resizing and shrinking doesn't work

vapid geyser Feb 3, 2023, 1:53 PM

#

Let me take a look into this today

#

@frail forge What version of Payload are you on? This appears to be working fine on my end.

frail forge Feb 4, 2023, 4:39 AM

#

I am on lastest version 1.6.3

vapid geyser Feb 4, 2023, 2:07 PM

#

Can you post your config? It sounds like this is working as expected. Payload will always upload the original file.

#

You have the option of doing a resize on the original as well within your config

frail forge Feb 4, 2023, 4:05 PM

#

this is my payload.config.ts

      collections: {
        // Enable cloud storage for Media collection
        assets: {
          disableLocalStorage: true,
          // Create the S3 adapter
          adapter: s3Adapter({
            config: {
              region: process.env.AWS_REGION,
              credentials: {
                accessKeyId: process.env.S3_ACCESS_KEY_ID,
                secretAccessKey: process.env.S3_SECRET_ACCESS_KEY,
              },
            },
            bucket: process.env.S3_BUCKET,
          }),
        },
      },
    }),```


I understand what you say that it will always store the original file but it doesn't store the resized file, is it stored somewhere else?

vapid geyser Feb 6, 2023, 1:43 PM

#

The original file will be resized according to the upload.resizeOptions property. Resizing for other specific sizes happens within the imageSizes array. Is this how your upload config on the collection is configured?

#

#Image resize doesn't work