pngtoolskit.org
PNG and image utilities, in the browser
Say hi →

Skew a PNG

horizontal & vertical shear · any angle · transparent padding · batch

Slant an image by shearing it horizontally, vertically, or both — the effect that turns a rectangle into a parallelogram. Handy for pseudo-3D and isometric looks, or italic-style tilts. The canvas grows to fit and the new space stays transparent. Runs in your browser.

Drop images here

Multiple files allowed

    no files
    Ready.

    Horizontal, vertical, or both

    Horizontal skew slides the top and bottom edges sideways relative to each other; vertical skew does the same to the left and right edges. Combine the two for an isometric-style tilt. Keep the angles moderate (under ~60°) — extreme shears stretch the image thin and add a lot of transparent padding.

    FAQ

    What's the difference between skew and rotate?

    Rotation turns the whole image around its centre, keeping its shape. Skew shears it, turning the rectangle into a parallelogram. For turning, use Rotate by angle.

    Why is there transparent space around the result?

    A sheared rectangle no longer fills its bounding box, so the leftover area is padded with transparency and preserved in the PNG.