UPDATE: How To Resize Popsockets For Merch By Amazon
This post is also available in: German
UPDATE! This script has been turned into a web based tool for FREE that you can use without any hangups with coding: https://merchresize.com/
Popsockets have been released on the Merch by Amazon platform and people are starting to have their accounts activated for these new products.
However, these are all a different size than we are used to for t-shirts and hoodies, and also have a bit of a learning curve with the bleed area. For those who have 100s or even 1000’s of images, resizing these is a seriously daunting task. Since we knew about popsockets WELL in advance and also added them to the product search module within the Merch Informer software, our good friend Greg Hesp has put together a script to resize ALL your images into the perfect Popsocket png. You might remember Greg being the guy who wrote the script to resize hoodies: https://merchinformer.com/how-to-resize-merch-by-amazon-designs-for-hoodies/ but this script is even faster because it does not rely on a 3rd party program like Photoshop.
Greg also wrote up the Merch Security extension which has saved me more than once on a mistype: https://chrome.google.com/webstore/detail/merch-security/abpndhikggdjpjpojilcochmpdjlhgbn
Warning! This is a bit technical so make sure to go slow, step by step, and watch the video if you get stuck on any of the steps.
Lets jump into it!
How To Resize Popsockets For Merch By Amazon
This is going to be a pretty short article because there are not many steps to follow. That being said, this can be a little bit technical so make sure to take it slow and if you get stuck, watch the video above.
Step 1: Download Node.JS
The first thing you will need to do is download Node.js. This is a Jacascript runtime build on Chrome’s V8 JavasScript Engine.
To put it simply, this is what is going to run the script to resize all your images while you sit back and watch!
Download Node.js here: https://nodejs.org/en/. Select the “recommended for most users” option and when the download is complete, install it on your computer.
Step 2: Download The Resize Script
You can download the resize script here: DOWNLOAD LINK.
Once this file is downloaded, it will need to be unzipped. You can do so with a little program called 7Zip: https://www.7-zip.org/download.html.
Once you have a program to unzip files, simply right click on popsocketscript.zip and select “Extract to “popsocketscript”
Open up the folder and drag the folder inside to your desktop. It will look like this when you are done:
Step 3: Install Node.js
Now that you have the script downloaded and unzipped to your desktop, you will need to actually install the software that will run the script.
The way you do this is to open up the command prompt. On windows, you can click on the start menu, and type in “cmd”.
You will see in the image above I have my folder on the desktop, and my command prompt open.
In the command prompt, type “cd” without quotation marks, hit the space bar, and then drag the popsocket folder INTO the command prompt window.
It will look like this:
Hit enter on your keyboard!
It will now look like this.
From here, type in “npm i” without the quotation marks. Once you type that in, hit enter on your keyboard and you will see that Node.js begins to install:
Once it is fully installed, it will look like this:
Step 4: Resize Your Images
Now it is time to resize all your images.
Make sure you have all the images that you want to be resized into Popsockets in a separate folder. Then, you will want to type in the following line:
node popsockets.js –dir=”C:\Users\Neil\Desktop\testdesigns” –bg=”FF2D00″
NOTE: after you type in –(two dashes together with no space)dir=” you can simply drag and drop the folder with your designs in it into the command prompt window. Do NOT type what I have above because that is my personal folder. Yours may be located in a different place. Finally, follow up the folder with an end ” mark.
NOTE 2: When you type in –bg=”……” everything between the quotation marks is actually a hex color code. In the example, I picked Red. You can pick any color you would like for the background of your popsockets. Black is what we usually go with. You can select hex colors here: https://htmlcolorcodes.com/color-picker/.
Once you have that line typed in, simply hit enter and let the script do its thing!
Step 5: Look at your designs
Once everything finishes up, all you need to do is open up the folder on your desktop that you unzipped near the beginning, and open the popsockets folder:
There are all your new popsocket images!