To crop an image to a circle in Google Slides, shape masking is used rather than a traditional freeform cutting knife. Once an image is selected, clicking the Down arrow icon right next to the Crop icon on the top toolbar opens a menu where you can choose the desired shape, placing the image inside that geometric frame. If the original image is not square, the applied mask may look like an ellipse; in that case, the shape can be adjusted into a perfect circle using the crop boundaries and colored handles.
In this guide, you will find the steps for masking an image into a circle on a computer browser and on mobile devices, adding borders, adjusting colors, and resetting any visual distortion.
Core Principles and Requirements of Image Masking in Google Slides
There is no standalone circular crop tool in the Google Slides workspace. Instead, a masking mechanism fits images into a chosen shape. To get started, all you need is an active presentation open in Google Slides and at least one image placed on the slide canvas.
For different aesthetic needs, you can follow the steps to round image corners in Google Slides; however, for team rosters, circular profile photos, and icon highlights, shape masking is the direct solution.
Steps to Mask an Image into a Circle on a Computer
When preparing presentations in a desktop web browser, you can follow this sequence provided by the Google Docs Help Center to mask an image into a circle:
- Click the image on the slide that you want to mask to select it.
- Next to the Crop icon on the top toolbar, click the Down arrow icon.
- In the list of shapes, click the circle or oval shape. The shape you choose will mask your image directly.
- To adjust the masked shape and its proportions on the slide, click and drag the colored handles that appear.
Converting an Elliptical Look into a Circle on Rectangular Images
When the original image does not have an exact square (1:1) aspect ratio, applying a circular mask initially stretches or compresses the image into a wide or tall ellipse. To make the shape a symmetrical circle, you can take advantage of the crop tool's blue squares:
First, click the image to select it and press the Crop button directly. Drag the blue squares that appear on the borders of the image inward or outward to bring the width and height into an equal square frame. Press Enter on your keyboard or click on an empty area of the slide to confirm the crop area.
Once the image has square boundaries, choosing the circle shape from the down arrow next to Crop or dragging the mask's colored handles will bring the outer boundary into a true circular form.
Masking and Formatting on Mobile Devices (iOS)
When editing your presentation using the Google Slides app on an iPhone or iPad, the steps are carried out using touch controls. Based on the Google Docs Editors Help Documentation, here are the steps to follow on mobile:
- Open your presentation in the Google Slides app and tap the image you want to crop or mask.
- On the toolbar, tap the Crop icon.
- Tap and drag the border to crop the image. To fit it into a shape, tap Mask and select the circle shape you want to use. The shape will mask your image.
- To adjust the boundaries of the shape, tap and drag the border.
When you need to adjust image colors in detail or reset your changes on mobile, you should visit slides.google.com from a computer browser, as noted in the support documentation.
Border, Color, and Transparency Settings
To align a circular-masked image with the visual theme of your slide, you can customize its border line and color parameters:
Adding a Border: After selecting the image on a computer, click the Border color icon on the top toolbar and choose your desired color. On mobile, tap the image and open the Format menu to adjust line color, line weight, and dash pattern.
Color and Filter Settings: On a computer, select the image and go to Format > Format Options. Choose a color palette from the Recolor section; in the Adjustments section, set the Opacity (Transparency), Brightness, and Contrast values. For additional details regarding background visibility, you can review the steps on how to make an image transparent in Google Slides.
Resetting the Image: To remove any applied formatting, crops, or color changes and revert to the original image, right-click the image on a computer and click Reset image. The edited image will return to the state it was in when first added.
Example Scenario: Circular Profile Photo for an Executive Card
This hypothetical example scenario covers the process of adding a rectangular executive portrait to a corporate slide and converting it into a circle:
Sample Input: A horizontal portrait photograph measuring 1200 x 800 pixels is added to the slide canvas.
Execution: The photo was clicked and the Crop button on the top toolbar was pressed. The blue squares appearing on the image boundaries were dragged inward from the left and right to form a square frame with the face centered. Pressing Enter on the keyboard confirmed the crop. Next, the Down arrow icon next to Crop was clicked and the round shape was selected, placing the square framing into a symmetrical circle. The colored handle on the shape was used to align the image margins.
Formatting: With the image selected, a dark gray tone was chosen using the Border color tool. Under Format Options in the Adjustments section, the contrast was slightly increased, helping the portrait stand out against the light-colored slide background.
Common Issues and Troubleshooting
Here are the primary issues you might encounter during circular masking and their solutions:
Image Appearing as a Flattened Ellipse Instead of a Circle: When the aspect ratio of the original image is not square, the shape mask stretches into an ellipse. To fix this, click the Crop button, drag the blue squares to bring the image boundaries close to a square, and then align the mask using the colored handles.
Undoing Distortion or Incorrect Crops: When the image proportions become excessively distorted or wrong areas are cut off, right-click the image in a computer browser and select Reset image. The visual will return to its original form as when it was first added to the presentation.
Reset Image Option Missing on Mobile: The iOS Google Slides app does not support the reset image function. To restore the image to its original state, open the presentation via slides.google.com in a computer browser and use the right-click menu.
Final Checklist
Review these steps before sharing your presentation with an audience:
- Shape Symmetry: Verify that the mask forms a balanced circle rather than a horizontally or vertically compressed ellipse.
- Focal Point: Ensure that the masked subject or logo is precisely centered within the circle boundaries.
- Border Clarity: If a line was added around the circle, check that the Border color and line weight match the other graphics on the slide.
- Color Adjustments: Confirm that the opacity, brightness, and contrast values applied from the Format Options panel do not reduce slide readability.
- Reset Readiness: Keep in mind that you can return to the original photo at any time using the Reset image option on a computer if the shape becomes distorted.
Frequently Asked Questions
What should I do if the Down arrow icon next to the Crop button is not visible in Google Slides?
The Crop icon and its drop-down arrow appear on the top toolbar only when an image on the slide canvas is selected. If no image is selected or if you click an empty area of the slide, these tools remain inactive on the toolbar; make sure to click the image you wish to edit first.
How can I revert a masked image back to its original rectangular form?
When you right-click the image on a computer and select Reset image from the menu, the circular mask, crop boundaries, and color adjustments applied to the image are completely removed, returning it to the exact state it was in when first inserted into the presentation.
← Back to blog
