Have you ever seen websites and wondered: “How to they crop a picture into a circle?” As you learn to build a website yourself you will notice how the process really gets your creative juices flowing? This happens to me all the time. When I add content to my websites or teach my students how to improve their websites, I always end up having fun not only creating the pages or blog posts, but also in creating the graphics for my website!
And one of the questions I often get from my Graphics Creation Workshop students is, “How do I crop a picture into a circle shape or circle image?”
A “circle image” looks something like this:
Many people think you need to have a professional (and often expensive) image editor like Photoshop to crop pictures into circles. Fortunately, that’s not the case. There are multiple ways to customize your images without expensive software!
Two of the tools I like are PicMonkey.com and iPiccy.com. I’ve used PicMonkey for years, and it was free for a long time. Now you need a premium account to save and/or export any graphics you make. PicMonkey is still a great tool that I recommend.
However, I wanted to find a free tool. So, let me introduce you to www.iPiccy.com. iPiccy is an amazing free site that allows you to edit photos and create designs and collages. In just a couple of minutes, you can crop a rectangular image into a circle shape.
Here is a short (4 min) video on how to Crop a Picture Into a Circle:
If you’d prefer to follow written steps, rather than a video, here are my simple steps to cropping a picture into a circle with iPiccy.
Steps to Crop a Picture with iPiccy:
Step 1: Go to https://iPiccy.com. Click on the “Edit a Photo” button
Step 2: Click on the “Open” button to upload a picture from your computer, or select one of their images.
Step 3: If your image is not square, first crop it to a square shape by selecting the “Crop Picture” and then select the drop-down for “Square”. Click Apply.
Step 4: Select the “Frames” icon on the left-hand side. Then select “Rounded Corners”, and drag the Radius slider all the way to the right to get a perfect circle:
Step 5: Go back up to the top and save your cropped picture to your computer:
As you saw during Step 4, you can use this technique to create rounded corner images, as well as cropped circle images. And if you don’t have good professional pictures, read my article on getting free stock photography.
Circular images work really well for your author box, bio page, sales page, and more. I often see them used to feature guests/experts on event websites. So, have fun coming up with creative uses for this technique and crop more pictures into circles!
So if you’re interested in learning how to create and edit more images like the example above, check out my Graphics Creation Workshop Program.
A new photo editor (well, new to me)!! Thanks for posting this, Christina.
So easy! Thanks Christina. Great information as always.
Great tip Christina. I’ve just tried it on 3 of my photos that I want to use on my website which needs updating and on my blog (which is yet to start). Thank you 🙂
That is awesome Letitia!
Thanks for the tip. Can you tell me how to remove the white edges of the square that appear around the circle when I download it? If I try to put my picture on a space that isn’t white, there is a white box around the picture.