Please note: Two days after I wrote this, screenshots and all, Fotor launched a new user interface to their website. Oops! So, some of the steps might look slightly different but it should still work the same. DML
Often images are the bane of the website content manager’s existence. Finding them, making sure you have credit for them, resizing them properly… It’s all quite tedious and often can take longer than the actual written content!
So when my colleague showed me how he resizes images using the Fotor collage creator, I got pretty excited. He uses the collage creator not for its intended use but I think it’s going to save me a lot of time. This is especially useful when you’re working on a site where you need to upload the exact same size image. In this case, it’s best to set up the Fotor collage creator once and then leave it open, ready for your use throughout the day.
This hack can work for images saved on the computer but as far as I’m concerned part of the fun of this hack is that it works with images from the web without having to download them first to your computer!
Here’s how to do it. I’ll use a Facebook image for the example:
1. Find the image you want on Facebook, right click on it and save the image URL.
2. Go to fotor.com and click on MAKE A COLLAGE.
3. On the left hand side of the screen are a lot of settings. Scroll all the way to the bottom. Click on the lock button so that the height and width can be edited independently and put in the dimensions you need. Click “Confirm.”
4. In the collage area, delete all the extra boxes until there is only one left.
So it ends up looking like this:
5. The border will be automatically set at 10. You can change it to zero also on the left hand side.
6. Click on the down arrow next to “Open” and the click on “Web,” the bottom option.
7. Paste the image URL which you saved in the field that pops up. Click “Open.”
8. You’ll see it load in the bottom right hand side of the screen.
9. Drag your photo into the collage space and drag it around until it’s situated the way you want.
10. When you’re done, click on the save button which looks like a floppy disk.
Done. Do you have any awesome ways you edit photos for web? Please share in the comments!