51K

Png in rectangle fitter

World's simplest png tool

World's simplest online Portable Network Graphics (PNG) in rectangle fitter. Just import your PNG image in the editor on the left and you will instantly get a PNG fitted in a rectangle on the right. Free, quick, and very powerful. Import a PNG – fit a PNG in a rectangle. Created with love by team Browserling.
Announcement Check out our new project!
We just launched a new site – Online GIF Tools – a collection of utilities for quickly editing GIFs. Check it out!
Fit Type
Center or resize the PNG to make it fit the rectangle.
Make the PNG fit in the rectangle with at least two opposite sides touching the rectangle.
Fully-fit a PNG in a rectangle.
Rectangle Dimensions
Rectangle width.
Rectangle height.
{image}
Rectangle Fill Color
Fill empty rectangle areas with this color.
Png in rectangle fitter tool What is a png in rectangle fitter?
This browser-based utility allows you to fit a PNG file in a rectangle of any size. You can put a smaller PNG in a larger rectangle or fit it in a smaller square, all while maintaining its original proportions. For example, if you have a PNG of size 300×400 and you want to make it of size 500×500, then this program will put it in the 500×500 area so that it still looks nice. Similarly, if you have a PNG with dimensions 600×600, then you can make it smaller and fit it in a 100×200 region. This tool offers several ways to place a PNG in a rectangle. The "Regular Fit" method never crops the PNG and always preserves the aspect ratio of the original PNG photo dimensions. For example, if the rectangle or the square is larger than the photo, then the tool places it exactly in the center and maintains its original dimensions. However, if the photo is larger than the rectangle, then the tool will proportionally reduce the dimensions so that they fit snugly inside the rectangle. In the "Full Fit" mode, the PNG always fits into the given rectangle entirely with at least two sides touching the edges of the rectangle. That is, if the PNG is placed in a larger rectangle, then the program proportionally stretches the image until it aligns with any two sides of the rectangle. If the "Zoom Fit" option is enabled, then the PNG fitting algorithm will resize PNG to such dimensions that both its width and height fully fit the given rectangle. When a PNG is fully fitted, there are no empty regions in the rectangle but the image may have either top and bottom, or left and right sides cut off. In the width and height options, you can specify the dimensions of the rectangle (that is, the dimensions of the output PNG), and in the fill color option, you can specify the color that will be used to paint empty rectangle regions (if any). Png-abulous!
Png in rectangle fitter examples Click to use
Fit a PNG in a Larger Square
In this example, we fit a regular rectangular PNG photo of the coast line in a larger square. The original photo is 460 by 300 pixels and the output square is 500 by 500 pixels. We use the regular fit mode to preserve photo width and height ratio and place it perfectly in the center of the new square. We fill the area of the square around the PNG with white color. (Source: Pexels.)
In this example, we fit a regular rectangular PNG photo of the coast line in a larger square. The original photo is 460 by 300 pixels and the output square is 500 by 500 pixels. We use the regular fit mode to preserve photo width and height ratio and place it perfectly in the center of the new square. We fill the area of the square around the PNG with white color. (Source: Pexels.)
In this example, we fit a regular rectangular PNG photo of the coast line in a larger square. The original photo is 460 by 300 pixels and the output square is 500 by 500 pixels. We use the regular fit mode to preserve photo width and height ratio and place it perfectly in the center of the new square. We fill the area of the square around the PNG with white color. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Center or resize the PNG to make it fit the rectangle.
Rectangle width.
Rectangle height.
Fill empty rectangle areas with this color.
Fit a Square PNG in a Rectangle
In this example, we use the full fit method and place a square PNG in a rectangle. The full fit mode proportionally increases the picture dimensions so that they tightly fit in the rectangle. The output picture is 800 by 600 pixels and the empty space on the sides of the picture is filled with transparent pixels. (Source: Pexels.)
In this example, we use the full fit method and place a square PNG in a rectangle. The full fit mode proportionally increases the picture dimensions so that they tightly fit in the rectangle. The output picture is 800 by 600 pixels and the empty space on the sides of the picture is filled with transparent pixels. (Source: Pexels.)
In this example, we use the full fit method and place a square PNG in a rectangle. The full fit mode proportionally increases the picture dimensions so that they tightly fit in the rectangle. The output picture is 800 by 600 pixels and the empty space on the sides of the picture is filled with transparent pixels. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Make the PNG fit in the rectangle with at least two opposite sides touching the rectangle.
Rectangle width.
Rectangle height.
Fill empty rectangle areas with this color.
Fit a PNG by Zooming
In this example, we're working with a horizontal PNG image of a dandelion and we want to place it in a samaller vertical rectangle. To do it, we enable the zoom fit mode, which means that the program fills the new rectangle as much as possible and crops the edges that don't fit. (Source: Pexels.)
In this example, we're working with a horizontal PNG image of a dandelion and we want to place it in a samaller vertical rectangle. To do it, we enable the zoom fit mode, which means that the program fills the new rectangle as much as possible and crops the edges that don't fit. (Source: Pexels.)
In this example, we're working with a horizontal PNG image of a dandelion and we want to place it in a samaller vertical rectangle. To do it, we enable the zoom fit mode, which means that the program fills the new rectangle as much as possible and crops the edges that don't fit. (Source: Pexels.)
Required options
These options will be used automatically if you select this example.
Fully-fit a PNG in a rectangle.
Rectangle width.
Rectangle height.
Fill empty rectangle areas with this color.
All png tools
Didn't find the tool you were looking for? Let us know what tool we are missing and we'll build it!
Quickly replace any color in a PNG file with transparency.
Quickly swap colors in a PNG image.
Quickly add noisy pixels (white noise) to your PNG image.
Quickly make a PNG image smaller and reduce its size.
Quickly convert a PNG graphics file to a JPEG graphics file.
Quickly convert a JPEG graphics file to a PNG graphics file.
Quickly convert a WebP image to a PNG image.
Quickly convert a PNG image to a WebP image.
Quickly convert a PNG image to base64 encoding.
Quickly convert a base64-encoded image to PNG.
Quickly increase or decrease the quality of PNG images.
Quickly resize a PNG image to any size.
Quickly rotate a PNG image by an arbitrary angle.
Quickly crop a PNG image.
Quickly make a PNG fit perfectly in an arbitrary size rectangle.
Quickly add text (label, caption) to a PNG picture.
Quickly superimpose a message or a signature on a PNG.
Quickly add a border around a PNG.
Quickly remove a border or decoration around a PNG.
Quickly add a background to a PNG image.
Quickly remove the background from a PNG image.
Quickly smooth the edges of PNG images.
Quickly flip a PNG picture horizontally.
Quickly flip a PNG picture vertically.
Quickly create a mirror version of the given PNG.
Quickly make copies of a PNG pic.
Quickly pixelate an area of a PNG image.
Quickly blur an area of a PNG image.
Quickly hide an area in a PNG image.
Quickly sharpen an area of a PNG image.
Quickly change the brightness of a PNG picture.
Quickly change the contrast of a PNG picture.
Quickly convert a color PNG image to a grayscale PNG.
Quickly apply a sepia effect to a PNG photo.
Quickly invert pixel colors in a PNG photo.
Quickly round the corners of a PNG picture.
Quickly replace transparency in a PNG file with a solid color.
Quickly convert a PNG graphics file to a single-frame GIF.
Quickly convert a GIF animation to a PNG picture.
Quickly convert a PNG picture to a bitmap file.
Quickly convert a bitmap image file to a PNG picture.
Quickly convert a PNG image to a Data URL.
Quickly convert a Data URL to a PNG image.
Quickly optimize quality and file size of a PNG photo.
Quickly make a symmetric copy of the given PNG.
Quickly create a single-color or multi-color PNG picture.
Quickly generate random PNG pictures.
Coming soon These png tools are on the way
PNG Editor
Edit a PNG in your browser.
Convert PNG to AVIF
Convert a PNG image to an AV1 image (AVIF).
Convert AVIF to PNG
Convert an AV1 image (AVIF) to a PNG image.
Convert PNG to ICO
Convert a PNG image to an ICO icon.
Convert ICO to PNG
Convert an ICO icon to a PNG image.
Convert PNG to TIFF
Convert a PNG image to a TIFF image.
Convert TIFF to PNG
Convert a TIFF image to a PNG image.
Convert PNG to PIK
Convert a PNG image to a PIK image.
Convert PIK to PNG
Convert a PIK image to a PNG image.
Convert PNG to PPM
Convert a PNG image to a PPM image.
Convert PPM to PNG
Convert a PPM image to a PNG image.
Convert PNG to BPG
Convert a PNG image to a BPG image.
Convert BPG to PNG
Convert a BPG image to a PNG image.
Convert PNG to FLIF
Convert a PNG image to a FLIF image.
Convert FLIF to PNG
Convert a FLIF image to a PNG image.
Convert PNG to PDN
Convert a PNG image to a Paint.net file.
Convert PDN to PNG
Convert a Paint.net file to a PNG image.
Convert PNG to PSD
Convert a PNG image to a Photoshop file.
Convert PSD to PNG
Convert a Photoshop file to a PNG image.
Convert PNG to SVG
Convert a PNG image to an SVG image.
Convert SVG to PNG
Convert an SVG file to a PNG image.
Convert PNG to JFIF
Convert a PNG image to a JFIF image.
Convert JFIF to PNG
Convert a JFIF image to a PNG image.
Convert PNG to RGB
Convert a PNG image to raw RGB values.
Convert RGB to PNG
Convert RGB values to a PNG image.
Convert PNG to RGBA
Convert a PNG image to raw RGBA values.
Convert RGBA to PNG
Convert RGBA values to a PNG image.
Convert PNG to Animated GIF
Convert multiple PNGs to a GIF animation.
Convert APNG to GIF
Convert an APNG animation to a GIF image.
Convert GIF to APNG
Convert a GIF animation to an APNG image.
Convert APNG to Webp
Convert an APNG image to a Webp image.
Convert Webp to APNG
Convert a Webp image to an APNG image.
Convert APNG to MP4
Convert an APNG image to an MP4 video.
Convert MP4 to APNG
Convert an MP4 video to an APNG image.
Convert Emoji to PNG
Create a PNG from text emojis.
Extract APNG Frames
Extract all frames from an APNG image.
APNG Player
Play a PNG animation (APNG) frame by frame.
Change APNG Speed
Change the playback speed of an animated PNG (APNG).
Set APNG Loop Count
Change how many times an animated PNG loops.
Reverse an APNG
Reverse the order of frames in an animated PNG (APNG).
APNG Creator
Created animated PNGs (APNGs) from input images.
Create a Glitch PNG
Randomly distort data in a PNG file to make a glitched PNG.
Add JPG Artifacts to a PNG
Add JPG-like artifacts to a PNG image.
Randomize PNG Pixels
Rearrange pixels or pixel blocks in a PNG.
Erase a Part of a PNG
Quickly erase any part of a PNG image.
Extract PNG Colors
Find the most popular colors in a PNG and extract a color palette.
Extract PNG Color Channels
Extract RGB color channels from a PNG file.
Convert PNG Color Space
Convert between RGB, CMYK, HSV, and HSL color spaces.
Convert PNG Bit Depth
Convert between 8-bit, 16-bit, 24-bit, and 32-bit PNG depths.
Create ASCII Art from PNG
Convert a PNG to an ASCII art image.
Create ANSI Art from PNG
Convert a PNG to an ANSI art image.
Convert PNG to a Single Color PNG
Convert a PNG image to a monocolor PNG.
Shift a PNG
Shift a PNG to the left or to the right.
Skew a PNG
Skew a PNG image by an angle.
Create White Noise PNG
Generate a PNG image with white noise.
Create an Empty PNG
Generate a PNG that contains just one color.
Remove PNG Chroma Key
Remove the green screen background from a PNG.
Extract a Color from a PNG
Remove all colors except one from a PNG image.
Extract Text from a PNG
Find all textual information in a PNG image and extract it.
Convert a PNG to a BW Image
Create a two color black and white picture from a PNG.
Generate a Gradient PNG
Create a PNG with a color gradient.
Remove Text from a PNG
Quickly erase text (labels, captions) from a PNG.
Remove a Watermark from a PNG
Quickly delete a watermark from a PNG.
Fix a Broken PNG
Salvage a PNG that has bad bytes in it and doesn't open.
Erase PNG Metadata
Delete meta data from a PNG picture.