Skew Image Online
Slant an image horizontally or vertically with two sliders. The canvas grows to fit, so no corner is cut off.
or browse filesdrop an image here or paste
Straightening a photographed document? Use Perspective Crop
.png
Slant an image horizontally or vertically with two sliders. The canvas grows to fit, so no corner is cut off.
or browse filesdrop an image here or paste
Straightening a photographed document? Use Perspective Crop
Skewing an image slants it without bending it: the horizontal slider pushes the top edge sideways so the picture leans the way italic text does, and the vertical slider tilts one side up and the other down. Call it a skew tool, an image skewer, a slant effect or a shear - it is the same transform, and it works on photos, screenshots, logos and scans alike. Drop a picture on the page, drag either slider between -60 and +60 degrees, and the preview follows as you drag, with the exact angle read out next to each slider and a Reset link that puts both back to zero.
The canvas grows to fit whatever shape the slant produces. A skewed rectangle is a parallelogram, and a tool that keeps the original frame has to cut its corners off; here the output expands to the slanted image's full bounding box instead, and the area around the parallelogram stays transparent. No part of your picture is ever clipped, at any angle.
Open a JPG, PNG or WebP - drop it on the page, browse for it, or paste it from the clipboard. Drag Horizontal to lean the image left or right, drag Vertical to tilt it, or combine both - pairing a horizontal skew with a slight vertical one is the classic recipe for isometric-style graphics and fake 3D depth. The degree readouts show the current angles, and Reset returns the picture to how it came in. Then download: PNG is the default because it keeps the surround transparent, which is what you want for layering the slanted image over anything else. WebP keeps transparency too, while JPG has no transparency, so its corners are filled white. Everything runs in your browser at full resolution and the image is never uploaded.
If you learned this in MS Paint's Stretch and Skew dialog, the two skew boxes of that dialog are these two sliders: the same degrees produce the same slant, applied one axis after the other, just with a live preview instead of typing a number and hoping. Paint stops at 89 degrees but becomes unusable long before; this tool's -60 to +60 covers everything a slant is actually used for. For the stretch half of that dialog - making the image wider, taller or a different size without slanting it - use the resize image tool, and to cut the picture down instead there is the crop tool.
Skew correction is the same slider run the other way. If a picture leans - a scan that went through the feeder crooked, a photo of a whiteboard taken from a seat at the side, a graphic that was slanted on purpose and needs to come back - drag the slider in the opposite direction until vertical lines stand upright again. The readout tells you the correction angle, which is handy when a whole batch of images hangs askew by the same amount.
Two related problems have better-suited tools. A photographed document or sign that narrows toward the top is keystone distortion, a perspective effect rather than a shear: the perspective crop tool straightens and crops it in one step by dragging the four corners of the page. And to warp an image freely into any four-cornered shape, mockups included, the perspective tool does the full four-point transform.
A skew is an affine shear: every row of pixels slides sideways by an amount proportional to its height, so straight lines stay straight and parallel lines stay parallel. This tool applies the horizontal shear and then the vertical one as a single combined matrix with determinant 1, which means the image's area is preserved exactly at every pair of angles. That detail matters: tools that jam both shears into one naive matrix collapse the picture into a flat line when the two angles add up to 90 degrees - set 45 and 45 in the old version of this page and the image vanished into a diagonal streak. Here 45/45, 60/60 or any other combination stays a clean, readable parallelogram, and with one slider at zero the result is identical to the plain single-axis skew every other program produces.
The slanted image is resampled once, at full resolution, with smooth interpolation. At 0/0 the transform is the identity and the download is a pass-through of the picture you loaded. Extreme double skews of very large photos can produce enormous output - a 12 megapixel picture at +60/+60 works out to about 174 megapixels - so exports are capped at 64 megapixels and scaled down uniformly when a result would exceed that, with a note telling you the final size.
Skewing keeps every straight edge straight, which is what separates it from the rest of the distortion family. To bend or curve an image - arcs, waves, flag ripples - use the warp tool, which moves a grid of control points, or the liquify tool to push pixels around with a brush. The bulge and pinch tool rounds an image outward or inward, and the swirl effect twists it around a point. These are a few of the many image utilities on this site - see what is live right now on the all tools page.
The preview and the download run the same transform: what you see slanted on screen is what you save, computed from the original file at its native resolution, not from the preview pixels. Transparency in the source survives, nothing adds a watermark, and no account is needed. The whole tool runs client-side through the canvas API, so the image never leaves your device and the page keeps working offline once it has loaded.
Open the picture on this page and drag the Horizontal or Vertical slider, or both. The image slants live as you drag, from -60 to +60 degrees on each axis. Then download it as PNG, JPG or WebP at full resolution. It is free, there is no watermark, and the image is not uploaded anywhere.
Drag the slider in the opposite direction to the lean until the edges stand straight - the degree readout shows the exact correction you applied. That works when the picture is genuinely sheared, like a crooked scan. If it is a photographed page or sign that gets narrower toward one end, that is keystone distortion from perspective, and the perspective crop tool fixes it more directly.
Stretching or resizing changes an image's width or height but keeps it rectangular; skewing keeps the size of each row and slides them sideways, so the rectangle becomes a slanted parallelogram. Old Paint bundled the two into one Stretch and Skew dialog. Here the skew half lives on this page and the resize half is the resize image tool.
The angles mean the same thing: skewX matches the Horizontal slider and skewY matches Vertical, so this page is a quick way to preview a CSS skew before writing it, or to bake the effect into the image file itself. One difference at extremes: CSS skew(a, b) uses a single combined matrix that folds the element flat when the angles sum to 90 degrees, while this tool composes the two shears in sequence, so 45/45 stays a real parallelogram instead of a line.
No - a skew is a straight-line transform, so edges stay straight no matter the angle. To bend a picture into a curve, wave or arc, use the warp tool; to smear it freehand, the liquify tool.
A slanted rectangle no longer fills its bounding box, and the empty triangles around it are saved as transparency so you can lay the skewed image over any background. That is why PNG is the default format. JPG cannot store transparency, so those corners are filled white in a JPG download; WebP keeps them transparent like PNG.
The pixels are resampled once with high-quality interpolation, at the full resolution of the original file - the download is not a blown-up preview. At 0/0 the image passes through untouched. Only extremely large results (over 64 megapixels, from big photos at double extreme angles) are scaled down, and the tool tells you when that happens.
No. The whole transform runs in your browser with the canvas API, at preview and at download alike. Nothing is sent anywhere, and the page keeps working with the network disconnected once it is open.