How to resize images on upload
Tired of manually resizing every product photo before listing it on Amazon, Shopify, or Instagram? With a PixelFiddler workflow, you can set it up once and never think about it again. Every image you upload gets resized, padded, and saved to its own ready-to-go folder — automatically.
This tutorial walks you through the entire setup in about five minutes.
What you will build
Section titled “What you will build”By the end of this guide you will have a workflow that:
- Watches for new product photos the moment you upload them
- Resizes each photo to 2000 x 2000 pixels with a white background (Amazon’s recommended standard)
- Saves the marketplace-ready version to a dedicated folder
No manual resizing, no Photoshop, no batch scripts.
Prerequisites
Section titled “Prerequisites”Before you begin, make sure you have:
- A PixelFiddler account with at least one storage configured — see Upload your first photo if you need to get started
- A few product photos ready to upload for testing
Step 1: Create a new workflow
Section titled “Step 1: Create a new workflow”- Open your PixelFiddler dashboard and navigate to Workflows in the left sidebar
- Click Create Workflow
- Enter a descriptive name for your workflow, for example
auto-resize-for-amazon - Click Create to open the workflow editor

You will see an empty workflow canvas with a palette of available nodes on the left side.
Step 2: Set up the File Uploaded trigger
Section titled “Step 2: Set up the File Uploaded trigger”Every workflow starts with a trigger — the event that kicks things off. Here you want the workflow to run whenever a new image lands in your storage.
- The File Uploaded trigger should already be on the canvas as the starting node. Click it to open its settings panel
- Under Source, select the storage where you upload your product photos
- Under File pattern, enter
*.{jpg,png,webp}to match all common image formats

Step 3: Add a Transform Image node
Section titled “Step 3: Add a Transform Image node”This is where the resizing happens.
- From the node palette on the left, drag a Transform Image node onto the canvas
- Connect the File Uploaded trigger to the Transform Image node by dragging a line from the trigger’s output handle to the transform node’s input handle
- Click the Transform Image node to open its settings and configure the following:
| Setting | Value | Why |
|---|---|---|
| Width | 2000 | Amazon’s recommended minimum for zoom-ready product images |
| Height | 2000 | Creates a perfect square, required by most marketplaces |
| Resize mode | PAD | Adds padding instead of cropping or stretching your photo |
| Background color | #FFFFFF | Fills the padded area with white to match marketplace standards |
| Format | JPG | Universally accepted across all marketplaces |
| Quality | 90 | High quality without unnecessary file bloat |

Step 4: Add a Save to Storage node
Section titled “Step 4: Add a Save to Storage node”Now you need to tell the workflow where to put the finished image.
- Drag a Save to Storage node from the palette onto the canvas
- Connect the Transform Image node’s output to the Save to Storage node’s input
- Click the Save to Storage node and configure:
| Setting | Value | Why |
|---|---|---|
| Storage | Your target storage | Can be the same storage or a different one |
| Directory | amazon-ready | Keeps resized images organized and separate from originals |
| Filename | {orig_name}-amazon | Preserves the original name with a clear suffix |

Step 5: Save and enable
Section titled “Step 5: Save and enable”Your completed workflow should now have three connected nodes in a straight line: File Uploaded leads to Transform Image leads to Save to Storage.

- Click Save in the top-right corner of the workflow editor
- Toggle the Enabled switch to activate the workflow
Your workflow is now live.
Step 6: Test it
Section titled “Step 6: Test it”- Go to Storage and open the storage you selected in the trigger
- Upload a product photo (any JPG, PNG, or WebP file)
- Wait a few seconds for the workflow to process
- Navigate to the amazon-ready folder in your target storage
- Open the resized image and verify it is 2000 x 2000 pixels with white padding
Variations and next ideas
Section titled “Variations and next ideas”Once you have the basic workflow running, you can adapt it for different scenarios.
Create multiple sizes at once
Section titled “Create multiple sizes at once”Need images for Amazon, Shopify, and Instagram from a single upload? Replace the single Transform Image node with a Broadcast Router node connected to three separate Transform Image nodes:
- Amazon: 2000 x 2000, PAD, white background, JPG at 90
- Shopify: 1024 x 1024, PAD, white background, JPG at 85
- Instagram: 1080 x 1080, PAD, white background, JPG at 90
Connect each transform node to its own Save to Storage node with a matching folder name like amazon-ready, shopify-ready, and instagram-ready.
Convert to WebP for your website
Section titled “Convert to WebP for your website”If you also sell through your own website, add a branch that sets the Format to WebP and the Quality to 80. WebP files are significantly smaller than JPG, which means faster page loads and better search rankings.
Add a watermark
Section titled “Add a watermark”If you want to protect product photos shared on social media, open the Transform Image node settings and enable the Watermark option. You can overlay your logo or brand name directly onto the resized image without needing a separate step.
Next steps
Section titled “Next steps”Now that your resize workflow is running, explore more ways to automate your image pipeline:
- Auto background removal — Remove product backgrounds automatically on upload
- Format routing — Deliver different formats based on destination platform
- All transformations — See every resize, effect, and format option available