Crop images into stars, hearts, hexagons, and other custom shapes with transparent backgrounds.
Shape Crop Tool replaces the usual rectangular image boundary with a selected silhouette, such as a star, heart, or hexagon. The image remains visible inside that boundary, while the area outside it becomes transparent. It is intended for decorative cutouts, badges, avatars, and layouts that need a recognizable nonrectangular edge. The common surprise is that transparency does not add missing scenery: parts of the source image beyond the chosen shape are excluded, so important details near points, corners, or narrow sections can disappear.
The chosen shape defines which part of the source image can remain visible. A heart keeps pixels within its lobes and point, a star keeps pixels within its arms, and a hexagon creates six straight outer edges. This is a shape crop, not a transformation of the pictured subject. A person or object in the source remains photographic rather than becoming heart-shaped or star-shaped itself.
Everything beyond the shape boundary is represented as transparent rather than as a white or colored rectangular background. That distinction matters when the result is placed over another color or image, because the surrounding design can show through. Transparency also means the visible result may appear different against light, dark, or patterned backgrounds even though the retained image content has not changed.
Yes, the area outside the selected shape is intended to be transparent. The image remains visible within the star, heart, hexagon, or other chosen outline. However, transparency is preserved only when the saved result and the application receiving it support transparent image data. If a later workflow flattens the image, the exterior may be replaced with a solid color.
Not from the cropped result alone. The result contains the portion displayed inside the chosen silhouette, while the exterior is transparent rather than a hidden continuation of the photo. Keep the original image if you may need a different shape, a looser crop, or another placement later. Repeating the crop from the original avoids compounding earlier exclusions.
The behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Pick colors visually and convert between HEX, RGB, HSL, and CMYK formats.
Preview how screen colors translate to print with CMYK simulation and proofing.
Preview any Google Font at various sizes, weights, and with custom sample text.
Create linear, radial, and conic CSS gradients with a visual editor and code output.
Generate harmonious color palettes from a base color using color theory rules.
Simulate how colors appear to people with various types of color vision deficiency.