AFFLIGO Logo
AFFLIGOSmart Tools Hub
Beginner Guide • Updated June 2026 • 11 min read

How to Use AI Image Resizer Smart Presets: I Taught 30+ Beginners in Under 10 Minutes Each. Here Is the Exact Process.

Three months ago, my mother asked me to resize her vacation photos for Facebook. She is 62. She has never used Photoshop. She thinks "JPEG" is a type of sandwich. I opened the AFFLIGO Image Resizer, dragged her photos in, clicked "Facebook Post," and hit download. She had 12 perfectly sized images in 45 seconds. She looked at me like I had performed magic. "That is it?" she asked. "That is it," I said.

Since then, I have taught 30+ people how to use this tool — my mother, my neighbor who sells pottery on Etsy, a high school student running a meme page, a real estate agent who needed MLS-compliant photos, and a restaurant owner who wanted consistent menu images for DoorDash and Uber Eats. None of them had used an image editor before. All of them were resizing images confidently within 10 minutes.

Here is what I learned: the tool is only as good as the teacher. Most guides assume you know what "aspect ratio" means or why "WebP" matters. This guide does not. I will walk you through every click, every option, and every "wait, what does this button do?" moment. By the end, you will resize images faster than most designers.

30+
Beginners taught
10
Minutes to learn
4
Steps total
0
Software to install

What You Will Learn

Before You Start: What You Need (Spoiler: Nothing)

Unlike Photoshop, GIMP, or Canva, this tool requires:

How it works: The tool runs entirely in your browser. Your images never leave your computer. They are processed using your computer's own power, not a distant server. This means your private photos stay private. Your vacation photos. Your product shots. Your family portraits. Nobody sees them but you.

⚠️ Important: Because processing happens in your browser, very old computers or phones might slow down with large batches. If you have 50+ images, split them into groups of 20. If you have a modern laptop or phone from the last 3 years, you will be fine.

Step 1: Upload Your Images (Drag, Drop, Done)

1

Open tool

2

Drag images

3

Pick preset

4

Download

Here is exactly what to do:

  1. Open the tool: Go to the AFFLIGO Image Resizer page. You will see a big box that says "Drag and drop images here" or "Click to browse."
  2. Select your images: You have two options:
    • Drag and drop: Open your file explorer (Windows) or Finder (Mac). Find your images. Click and hold. Drag them into the box. Release.
    • Click to browse: Click the box. A file picker opens. Navigate to your images. Select one or more (hold Ctrl on Windows or Cmd on Mac to select multiple). Click "Open."
  3. Wait for thumbnails: The tool shows small previews of your images. This takes 1-3 seconds per image. You can upload up to 20 images at once. If you have more, process them in batches.

What I tell beginners: "If you can attach a photo to an email, you can do this." It is literally the same drag-and-drop motion.

🚨 Beginner Mistake 1: Uploading the Wrong File Type

The tool accepts JPEG, PNG, WebP, and BMP. It does not accept RAW files from professional cameras, PSD files from Photoshop, or PDFs. If your image came straight from a DSLR camera, export it as JPEG first. If you designed it in Photoshop, "Save for Web" as JPEG or PNG first. Fix: Convert your image to JPEG or PNG before uploading. Any phone or computer can do this.

Step 2: Pick a Preset (Or Type Your Own Size)

This is where the magic happens. The tool has built-in presets for every common use case. Here is what each one does:

📸 Instagram Presets

Feed Portrait (4:5): 1080x1350 — The tall photo that fills more of the screen. Best for portraits, fashion, food.

Feed Square (1:1): 1080x1080 — The classic Instagram square. Good if your photo is already square.

Story/Reel (9:16): 1080x1920 — The full-screen vertical format. For Stories, Reels, and TikTok.

When to use: Any Instagram content. The 4:5 portrait gets the most engagement.

👥 Facebook Presets

Feed Post: 1200x630 — The wide rectangle for Facebook posts and link shares.

Event Cover: 1920x1080 — The banner at the top of Facebook events.

Group Cover: 1640x856 — The header image for Facebook groups.

When to use: Facebook posts, events, groups, and business pages.

𝕏 Twitter/X Presets

Timeline Photo: 1600x900 — The wide image that looks best in Twitter's fast-scrolling timeline.

Card Image: 1200x628 — The preview image when you share a link.

Header: 1500x500 — The banner at the top of your Twitter profile.

When to use: Tweets, link cards, and profile headers.

💼 LinkedIn Presets

Feed Post: 1200x627 — The professional-looking image for LinkedIn updates.

Company Cover: 1128x191 — The wide banner on company pages.

When to use: Professional posts, company updates, and job postings.

🎯 Custom Dimensions

If none of the presets match your needs, click "Custom" and type your own width and height in pixels. This is useful for:

How to calculate: If you need a 6x4 inch print at 300 DPI, multiply: 6 × 300 = 1800 pixels wide, 4 × 300 = 1200 pixels tall. Type 1800x1200.

What I tell beginners: "If you are posting to Instagram, pick Instagram. If you are posting to Facebook, pick Facebook. The tool knows the exact size. You do not have to."

🚨 Beginner Mistake 2: Picking the Wrong Preset

A beginner once picked "Instagram Story" for a Facebook post. The image was 1080x1920 (tall and narrow). Facebook cropped it to 1200x630 (wide and short). The result looked like a panoramic strip of the original photo. The person's face was cut in half. Fix: Always match the preset to the platform you are posting on. When in doubt, Google "[platform] image size 2026" and use Custom.

Step 3: Choose Cover or Contain (The Only Hard Part)

This is the one decision that confuses everyone. Let me make it simple:

📐 COVER MODE

"Fill the frame, cut the edges"

Your image zooms in until it fills the entire target size.

Anything that does not fit gets cropped off.

Best for: Landscapes, food, products, backgrounds

Think: "I want this to fill the whole space"

📦 CONTAIN MODE

"Show everything, fill the gaps"

Your image shrinks until it fits entirely inside the target size.

Empty space gets filled with a color (usually white or black).

Best for: People, text, logos, group photos

Think: "I cannot lose any part of this image"

My simple rule for beginners:

Real example from my mother: She had a group photo of 6 people. She picked Cover mode for an Instagram square. The tool cropped the two people on the ends. She switched to Contain. The full group was visible with white bars on top and bottom. She posted it. Everyone was happy. "Much better," she said.

🚨 Beginner Mistake 3: Always Using Cover Because "It Looks Bigger"

Beginners love Cover mode because the image fills the entire frame. But they do not realize what gets cut off. I have seen wedding photos where the bride's veil is cropped. Product photos where the price tag is cut in half. Screenshots where the "Submit" button is missing. Fix: Before downloading, preview the first image. Check if anything important is near the edges. If yes, switch to Contain.

Step 4: Download (Single File or ZIP Batch)

Once your preset and fit mode are set, you have two download options:

Option A Download Individual Files

Each image gets its own download button. Click it. The file saves to your Downloads folder. This is best when:

File naming: The tool names files automatically. Example: "beach-vacation_Instagram-Feed-Portrait.jpg" This tells you the original name and the preset used.

Option B Download All as ZIP

Click "Download All (ZIP)." The tool packages all your resized images into one ZIP file. This is best when:

How to open a ZIP: Double-click the ZIP file. Your computer extracts the images into a folder. On Windows, right-click and select "Extract All." On Mac, double-clicking automatically extracts.

What I tell beginners: "If you have more than 5 images, use ZIP. It is one click instead of 20. Your future self will thank you."

🚨 Beginner Mistake 4: Not Checking the Download Location

Beginners click download and then cannot find the file. It went to the Downloads folder, but they are looking on the Desktop. Fix: On Windows, press Ctrl+J to open Downloads. On Mac, press Cmd+Option+L. Or check your browser's download icon (usually a downward arrow in the top-right corner).

The 5 Mistakes Every Beginner Makes

❌ Mistake 1: Uploading Tiny Images and Expecting Magic

A beginner uploaded a 200x200 pixel thumbnail and selected a 1920x1080 preset. The result was a blurry mess. The tool cannot invent pixels that were never there. Rule: Your source image should be at least as big as your target, preferably 2x bigger. If you need 1080x1350, your source should be at least 1080x1350, ideally 2160x2700.

❌ Mistake 2: Ignoring the Format Dropdown

The tool defaults to JPEG, which is fine for photos. But a beginner uploaded a logo with a transparent background. JPEG does not support transparency. The transparent areas turned white. The logo looked terrible on a dark website. Fix: For logos, graphics, or anything with transparency, switch to PNG. For web performance, switch to WebP. For universal compatibility, keep JPEG.

❌ Mistake 3: Not Previewing Before Downloading

A beginner processed 20 images, downloaded the ZIP, and only then realized Cover mode had cropped everyone's head. They had to reprocess all 20 images. Fix: Always preview the first image before processing the batch. The preview shows exactly what the output will look like. If it looks wrong, adjust the preset or fit mode before committing.

❌ Mistake 4: Using the Same Preset for Everything

A beginner used "Instagram Feed Portrait" for Instagram, Facebook, Twitter, and their website. The images looked fine on Instagram but were cropped weirdly everywhere else. Fix: Match the preset to the platform. Instagram wants 4:5. Facebook wants 1.91:1. Twitter wants 16:9. Your website might want 16:9 or 21:9. One size does not fit all.

❌ Mistake 5: Forgetting About Quality

The quality slider defaults to 85%, which is perfect for most uses. But a beginner wanted "maximum quality" and slid it to 100%. File size quadrupled. Their website loaded in 8 seconds. Visitors left. Fix: Leave quality at 85% unless you have a specific reason to change it. For web: 75-85%. For social: 90-95%. For print: PNG (lossless). For email: 85%.

Real Examples: 6 People, 6 Workflows

My Mother Vacation Photos for Facebook

Her need: 45 vacation photos resized for Facebook.

Her preset: Facebook Feed Post (1200x630)

Her fit mode: Cover (landscapes and buildings)

Her format: JPEG 85%

Her process: Drag 20 photos → Pick preset → Click ZIP → Download → Repeat for remaining 25.

Her time: 8 minutes total.

Her reaction: "That was easier than sending an email."

My Neighbor Pottery Photos for Etsy

Her need: 30 product photos for her Etsy shop.

Her preset: Custom 2000x2000 (Etsy's recommended size)

Her fit mode: Contain (products on white background)

Her format: JPEG 90%

Her background: White #FFFFFF

Her process: Drag all 30 → Custom preset → Contain → White background → ZIP download.

Her time: 5 minutes.

Her result: Consistent white background across all listings. Sales increased 40%.

High School Student Meme Page on Instagram

His need: 50 memes resized for Instagram feed and Stories.

His presets: Instagram Feed Portrait (1080x1350) and Instagram Story (1080x1920)

His fit mode: Cover (memes are designed for center crop)

His format: JPEG 95%

His process: Batch 1: Feed photos → Batch 2: Story photos → Two ZIP downloads.

His time: 12 minutes for 100 total outputs.

His result: Followers increased from 2K to 15K in 3 months. Consistent sizing made the page look professional.

Real Estate Agent MLS Listing Photos

His need: 25 property photos for MLS compliance.

His preset: Custom 1024x768 (exact MLS requirement)

His fit mode: Cover (rooms look better filled)

His format: JPEG 90%

His metadata: Preserve (MLS requires camera data)

His process: Drag 25 → Custom 1024x768 → Cover → JPEG 90% → Preserve metadata → ZIP.

His time: 4 minutes.

His result: Zero MLS rejections. Listings go live in 10 minutes instead of 2 hours.

Restaurant Owner Menu Photos for Delivery Apps

Her need: 60 food photos for DoorDash, Uber Eats, and Grubhub.

Her preset: Custom 1200x800 (universal delivery app size)

Her fit mode: Cover (food looks appetizing when filled)

Her format: JPEG 85%

Her process: Drag 20 → Custom preset → Cover → JPEG 85% → ZIP → Repeat 3 times.

Her time: 15 minutes for 60 photos.

Her result: Consistent menu across all three platforms. Customer complaints about "blurry photos" dropped to zero.

Myself Blog Hero Images

My need: 12 blog post hero images, optimized for web speed.

My preset: Custom 1920x1080 (my blog's hero size)

My fit mode: Cover (abstract backgrounds)

My format: WebP 80%

My process: Drag 12 → Custom 1920x1080 → Cover → WebP 80% → ZIP.

My time: 3 minutes.

My result: Average file size: 280KB. Page load time: 0.9 seconds. Google PageSpeed score: 94.

Try It Yourself — No Experience Needed

Browser-based. No install. No account. Drag, drop, pick a preset, download. That is it.

Open AI Image Resizer →

Advanced Tips for When You Are Ready

Once you have mastered the basics, here are the next-level tricks I use:

  1. Batch naming: The tool names files as "original-name_preset-name.format." If your original file is "beach.jpg" and your preset is "Instagram-Feed," the output is "beach_Instagram-Feed.jpg." This keeps everything organized. I rename originals before uploading for even cleaner output (e.g., "Blog-Post-1.jpg" becomes "Blog-Post-1_Web-Hero.webp").
  2. Quality calibration: For web images, I start at 80% and preview. If I see compression artifacts (blocky skies, grainy skin), I bump to 85%. If it still looks bad, I switch to PNG. For social, I use 95% because platforms compress anyway — starting high gives me a buffer.
  3. Background color for Contain: When using Contain mode, the empty space fills with a color. The default is usually white or black. I change this to match my brand. My blog uses #0F172A (dark blue). My mother's Facebook photos use #FFFFFF (white). The restaurant uses #FEF3C7 (warm cream) to match their menu design.
  4. Splitting batches by orientation: If I have 20 images — 10 portraits and 10 landscapes — I process them separately. Portraits get Instagram 4:5. Landscapes get Facebook 1.91:1. Mixing orientations in one batch leads to inconsistent results.
  5. Creating a "master preset": For repeat work, I save a custom preset with all my settings. My "Blog Hero" preset is 1920x1080, Cover, WebP 80%, dark background. One click, every time. No reconfiguration.

Ready for Advanced Customization?

Save custom presets, adjust quality to the exact percentage, and master batch workflows.

Read the Advanced Guide →

Frequently Asked Questions

📌 Quick Reference: Getting Started

What you need: A web browser. Nothing else. No install, no account, no payment.

Step 1 — Upload: Drag images into the box or click to browse. Up to 20 at once.

Step 2 — Preset: Pick the platform you are posting to (Instagram, Facebook, etc.) or type custom dimensions.

Step 3 — Fit mode: Cover for landscapes/products (fills frame, crops edges). Contain for people/text (shows everything, adds bars).

Step 4 — Download: Individual files or ZIP batch. Check Downloads folder (Ctrl+J on Windows, Cmd+Option+L on Mac).

Format: JPEG for photos, PNG for logos/text/transparency, WebP for websites.

Quality: Leave at 85% unless you have a reason to change. Web: 75-85%. Social: 90-95%. Print: PNG.

Source size: Your original image should be at least as big as your target, preferably 2x bigger.

Preview: Always check the first image before processing the full batch.

Privacy: Images never leave your device. Browser-based processing only.