Skip to content

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.

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.

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
  1. Open your PixelFiddler dashboard and navigate to Workflows in the left sidebar
  2. Click Create Workflow
  3. Enter a descriptive name for your workflow, for example auto-resize-for-amazon
  4. Click Create to open the workflow editor

The Create Workflow dialog with the name field filled in

You will see an empty workflow canvas with a palette of available nodes on the left side.

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.

  1. The File Uploaded trigger should already be on the canvas as the starting node. Click it to open its settings panel
  2. Under Source, select the storage where you upload your product photos
  3. Under File pattern, enter *.{jpg,png,webp} to match all common image formats

Trigger settings showing source selection and file pattern

This is where the resizing happens.

  1. From the node palette on the left, drag a Transform Image node onto the canvas
  2. 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
  3. Click the Transform Image node to open its settings and configure the following:
SettingValueWhy
Width2000Amazon’s recommended minimum for zoom-ready product images
Height2000Creates a perfect square, required by most marketplaces
Resize modePADAdds padding instead of cropping or stretching your photo
Background color#FFFFFFFills the padded area with white to match marketplace standards
FormatJPGUniversally accepted across all marketplaces
Quality90High quality without unnecessary file bloat

Transform Image node settings configured for Amazon

Now you need to tell the workflow where to put the finished image.

  1. Drag a Save to Storage node from the palette onto the canvas
  2. Connect the Transform Image node’s output to the Save to Storage node’s input
  3. Click the Save to Storage node and configure:
SettingValueWhy
StorageYour target storageCan be the same storage or a different one
Directoryamazon-readyKeeps resized images organized and separate from originals
Filename{orig_name}-amazonPreserves the original name with a clear suffix

Save to Storage node settings

Your completed workflow should now have three connected nodes in a straight line: File Uploaded leads to Transform Image leads to Save to Storage.

The complete workflow with all three nodes connected

  1. Click Save in the top-right corner of the workflow editor
  2. Toggle the Enabled switch to activate the workflow

Your workflow is now live.

  1. Go to Storage and open the storage you selected in the trigger
  2. Upload a product photo (any JPG, PNG, or WebP file)
  3. Wait a few seconds for the workflow to process
  4. Navigate to the amazon-ready folder in your target storage
  5. Open the resized image and verify it is 2000 x 2000 pixels with white padding

Once you have the basic workflow running, you can adapt it for different scenarios.

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.

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.

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.

Now that your resize workflow is running, explore more ways to automate your image pipeline: