1. Help Center
  2. Your Shop Page & Products

Formatting Images for Products & Seller Home Page

This article outlines the steps you need to follow to format (i.e. resize or format from rectangle to square) images for both your seller home page, products and logos. You can click on the headings below to navigate through the article.

Formatting images for your seller home page

Step 1:

Open Adobe Spark in your browser and click the “Get Started Now” button. 

adobe spark 1

Step 2: 

Click on a sign-up option from the list to get started.  

adobe spark 2

Step 3: 

After signing up, click the “+” icon on the top left-hand side of your Adobe Spark home page.  

adobe spark 3

Step 4: 

From the drop-down menu, click “custom size graphic”. 

adobe spark 4

Step 5: 

Here you will fill in the dimensions required by Shuppy which are 715 by 500 pixels for banners. Make sure the open lock icon is visible. Type 715 into the first box (width), and 500 into the second box (height). Ensure you have chosen “px” from the drop-down menu.  

adobe spark 18

Step 6: 

Click on the lock icon to make sure your image stays in the selected format. It should switch to a closed lock icon . You can proceed by clicking “Next” at the bottom of the screen. 

adobe spark 5

Step 7: 

To upload your image, click on the “Add” button on the top right-hand side of your screen.  

adobe spark 7

Step 8: 

Select the “Photo” option.  

adobe spark 8

Step 9: 

Next, click on the “Upload Photo” button and select the image you wish to use as your banner from your device. 

adobe spark 9

Step 10:  

For your next step, select the “Pin to background” option. 

adobe spark 10

Step 11: 

To remove the Adobe Spark watermark in the bottom left corner of your image, click on the watermark.  

adobe spark 11

Step 12: 

When a new window appears, click the button “Remove once”.  

adobe spark 12

This will be followed by a new window with Adobe Spark offers, which you can exit by clicking the “x” icon on the top left-hand side of your screen.  

adobe spark 13

Step 13: 

You can now download the image to your device by clicking the “Download” button at the top right-hand side of your screen.  

adobe spark 13a

Step 14: 

To format other banners, simply upload another image by clicking the image icon  above your image. 

adobe spark 14

Step 15: 

Upload your other banners by clicking the “Upload photo” button.  

adobe spark 15

Formatting product images

Product images must be square otherwise they will get cropped & distorted. The ideal image size is 900 by 900 pixels.  They also need to be in PNG or JPG format with a file size of no more than 2MB each. 

Follow Steps 1 – 4 as outlined above in the “Editing banners for your seller home page” section.  

For Step 5, edit the image dimensions to 900 by 900 pixels.  

adobe spark 173

 

Continue with Steps 6 – 13 as outlined above.  

Formatting logo images

Follow Steps 1 – 4 as outlined above in the “Editing banners for your seller home page” section.  

For Step 5, edit the image dimensions to 220 by 220 pixels.  

Continue with Steps 6 – 13 as outlined above.