Does the output canvas stay the same size?

Yes. This tool crops a smaller centered region and resamples it back up to the original width and height, so the final canvas size matches the source exactly, just showing a magnified view.

What zoom range is supported?

100% (no zoom) up to 1000% (a heavily magnified 10x-zoomed-in center crop).

Is there a tool that does the opposite, zooming out?

Yes, gif-unzoomer shrinks content and pads it back onto the original canvas size, restoring a wider view rather than a magnified one.

Can I choose a focal point other than the exact center?

Not with this tool; it always zooms toward the exact geometric center of each frame. For an off-center region, use gif-cropper or gif-slicer to extract a specific rectangle instead.

GIF Zoomer - Zoom Into the Center of an Animated GIF

Overview

Introduction

Zooming into an animated GIF's center is a common attention-drawing effect, magnifying the middle of the frame while keeping the overall canvas size unchanged.

This tool decodes each frame, crops and rescales it around its center, and re-encodes a new animated GIF, entirely in your browser.

What Is GIF Zoomer?

A client-side tool that magnifies the center of every frame of an animated GIF by a chosen zoom percentage, cropping away the outer edges and resampling the cropped center back up to the source's original canvas size.

The zoom percentage controls how much of the original frame is kept before rescaling: 200% keeps and magnifies the centered half-width/half-height region, for example.

How GIF Zoomer Works

For a given zoom percentage, the tool computes a centered crop rectangle sized to 1 divided by the zoom factor of the original frame (e.g. at 200% zoom, a rectangle half the original width and height, centered).

That cropped region is then resampled with nearest-neighbor interpolation back up to the original frame's full width and height, producing a magnified view. This runs identically per decoded frame, keeping every re-encoded frame the same canvas size.

When To Use GIF Zoomer

Use it to draw attention to the center of an animated subject, like emphasizing a face or product in a looping GIF.

It's also useful for salvaging a GIF where the subject occupies only a small centered portion of a larger, mostly-empty frame.

Often used alongside GIF Unzoomer, GIF Cropper and GIF Rectangle Fitter.

Features

Advantages

Keeps the output canvas the same size as the source, so the zoomed GIF drops into the same layout space as the original.
Applies the same zoom consistently to every frame, keeping the animation's framing coherent.
Runs entirely client-side; nothing you upload leaves your browser.

Limitations

Always zooms toward the exact center; there's no off-center focal point option in this tool.
At high zoom percentages, the magnified nearest-neighbor-resampled result can look noticeably blocky since only a small source region is being stretched back up to full size.

Examples

Zooming into a subject at 200%

Input

A 400x300 animated GIF, zoomPercent = 200

Output

A 400x300 animated GIF showing a magnified view of the centered 200x150 region from each source frame

At 200% zoom, a centered region half the original width and height is cropped from every frame, then resampled back up to fill the full original 400x300 canvas.

Best Practices & Notes

Best Practices

Keep zoom percentages moderate (150-300%) for a subtle, still-readable magnification; very high values can look overly blocky.
Confirm your subject is actually centered in the source frames before zooming; an off-center subject will get cropped unevenly.
Pair with gif-upscaler afterward if you also want the final result larger, not just more zoomed-in.

Developer Notes

zoomGif in gif-zoomer.ts mirrors png-zoomer.ts's crop-then-resizeNearest approach exactly, applied per decoded GIF frame via transformGifFrames, so every frame independently computes the same centered crop rectangle and rescales back to the source's original per-frame canvas size.

GIF Zoomer Use Cases

Drawing attention to a centered subject in an animated GIF with a magnifying zoom effect
Cropping in on a small centered subject within a larger, mostly-empty animated frame
Creating a dramatic "zoom in" reveal effect for a looping animation

Common Mistakes

Zooming a GIF whose subject isn't centered, resulting in the subject being cropped out rather than magnified.
Using an extremely high zoom percentage and getting an unexpectedly blocky, low-detail result from stretching a tiny source region.

Tips

If your subject isn't centered, recenter it first with gif-shifter, then zoom.
For the opposite effect, restoring a wider view from an over-zoomed source, use gif-unzoomer.

GIF Zoomer