1.  [Home](/)
2.  / [Skills](/skills/)
3.  / Resize Images

Skill Claude Desktop · Claude Code

# /resize-images

Batch-resize photos for web and print in one command

[Install ↓](#install) [View on GitHub →](https://github.com/AlpacaLabsLLC/skills-for-architects/tree/main/skills/resize-images) [New to skills? →](/articles/claude-code-cheat-sheet) [All skills →](/skills)

[Presentations](/skills?tag=presentations) [media](/skills?tag=media)

## What it does

Type `/as:resize-images` with one or more image files — or a folder. The skill produces ready-to-use copies at standard web and print sizes, organized into subfolders. Original files are never modified.

**Web output** — three responsive sizes as WebP, optimized for fast loading:

Size

Width

Use

`hero`

1920px

Full-bleed banners, portfolio covers

`standard`

1200px

Body images, project galleries

`thumb`

400px

Thumbnails, cards, previews

**Social output** — center-cropped WebP at exact platform specs:

Preset

Dimensions

Platform

`social-square`

1080×1080

Instagram

`social-portrait`

1080×1350

Instagram (portrait)

`social-landscape`

1200×675

Twitter/X

`social-linkedin`

1200×627

LinkedIn

**Slides output** — center-cropped JPEG sized to fill the slide canvas:

Preset

Dimensions

Format

`slides-standard`

1024×768

4:3 (Google Slides standard, PowerPoint legacy)

`slides-wide`

1920×1080

16:9 (Google Slides widescreen, PowerPoint default)

**Print output** — 300 DPI JPEG at standard ARCH sheet sizes:

Preset

Dimensions

Use

`arch-a`

9 × 12 in

Reports, submittals

`arch-b`

12 × 18 in

Booklets, presentation packets

`arch-c`

18 × 24 in

Full presentation boards

By default the skill generates all web sizes. Pass `--social`, `--slides`, `--print`, or `--all` to include other outputs.

## Install

**Claude Desktop:**

1.  Open **Customize** → **Browse plugins**
2.  Click **+** → **Add marketplace from GitHub**
3.  Enter `AlpacaLabsLLC/skills-for-architects`
4.  Install **Architecture Studio**

**Claude Code (terminal):**

```
claude plugin marketplace add AlpacaLabsLLC/skills-for-architects
claude plugin install as@skills-for-architects
```

Or symlink just this skill:

```
git clone https://github.com/AlpacaLabsLLC/skills-for-architects.git
ln -s $(pwd)/skills-for-architects/skills/resize-images ~/.claude/skills/resize-images
```

## Usage

Single file, web sizes:

```
/as:resize-images ~/Desktop/render.jpg
```

Social sizes only:

```
/as:resize-images ~/Desktop/render.jpg --social
```

Slides only:

```
/as:resize-images ~/Desktop/render.jpg --slides
```

Print sizes only:

```
/as:resize-images ~/Desktop/render.jpg --print arch-a arch-b arch-c
```

Everything:

```
/as:resize-images ~/Documents/project-photos/ --all
```

Output lands next to the source in `resized-web/`, `resized-social/`, and `resized-print/` subfolders.

## What it produces

```
resized-web/
  render-hero.webp             # 1920px
  render-standard.webp         # 1200px
  render-thumb.webp            #  400px
resized-social/
  render-social-square.webp    # 1080×1080 (center crop)
  render-social-portrait.webp  # 1080×1350 (center crop)
  render-social-landscape.webp # 1200×675  (center crop)
  render-social-linkedin.webp  # 1200×627  (center crop)
resized-slides/
  render-slides-standard.jpg   # 1024×768  (center crop, 4:3)
  render-slides-wide.jpg       # 1920×1080 (center crop, 16:9)
resized-print/
  render-arch-a.jpg            # 9×12  @ 300 DPI
  render-arch-b.jpg            # 12×18 @ 300 DPI
  render-arch-c.jpg            # 18×24 @ 300 DPI
```

## Notes

-   Web and print preserve aspect ratio — images fit within the target dimensions, never cropped
-   Social and slides center-crop to fill exact dimensions
-   Web: WebP quality 82 · Social: WebP quality 85 · Slides: JPEG quality 92 · Print: JPEG quality 95 with sRGB color profile
-   Requires [Pillow](https://pillow.readthedocs.io) (`pip install Pillow`)

## Pairs with

-   [`/as:slide-deck-generator`](/skills/slide-deck-generator) — drop resized images directly into a presentation
-   [`/as:color-palette-generator`](/skills/color-palette-generator) — extract a palette from the resized photos

## Related skills

[01

### /color-palette-generator

Harmonious color palettes from a description, image, or hex code

→](/skills/color-palette-generator) [02

### /slide-deck-generator

HTML slide decks from a prompt — no PowerPoint, no dependencies

→](/skills/slide-deck-generator)

[← All skills](/skills) [See all plugins →](/plugins)