AS-BUILT · updated 2026-07-08. The v5 site is live (password-gated until the Sept 1 launch): the hero is now an art-directed desktop + mobile film with a poster fallback, and product pages carry live vendor mock-ups. This guide is kept for the ~Jul 24 studio shoot — the swap methods, size/compression, naming, and editing checklists below are how the real packshots go in.
The methods
Three ways to replace images
Method 1: Theme Editor (Easiest — No Code!)
For: Homepage hero, banners, section images
- Go to your Shopify Admin
- Log in at:
[yourstore].myshopify.com/admin
- Open Theme Editor
- Click "Online Store" in left menu
- Click "Themes"
- Click "Customize" button
- Find the Image Section
- Click on the section with the image you want to change
- Look for "Image" settings in the right panel
- Upload New Image
- Click "Select image"
- Choose "Upload" tab
- Drag your new image or click to browse
- Click "Select"
- Save
- Click "Save" in top right
- Done! Your image is updated
Pro Tip: Keep the theme editor open in one tab while you work
Method 2: Product Images
For: Product page photos
- Go to Products
- Shopify Admin → Products
- Click the product you want to edit
- Scroll to Media Section
- You'll see all current product images
- Add New Images
- Click "Add media" or drag and drop images
- You can upload multiple at once
- Reorder Images
- Drag images to reorder them
- First image = main product thumbnail
- Order matters!
- Remove Old Images
- Hover over image
- Click the trash icon
- Confirm deletion
- Save Product
- Click "Save" in top right
Recommended Order
- Front view (main)
- Side view
- Back view
- Lifestyle shot
- Detail shots
Method 3: Files Library (Best for Organization)
For: Uploading many images at once
- Go to Files
- Shopify Admin → Content → Files
- Upload Images
- Click "Upload files"
- Select multiple images
- Or drag and drop a folder
- Organize
- Images are automatically organized by date
- You can search by filename
- Use in Theme/Products
- When you need an image, it's already uploaded
- Just select it from your library
- No need to upload again
Pro Tip: Upload all your photos here first, then add them to products/pages
Before uploading
Image prep checklist
Before uploading any image:
Size & Format
- Hero images: 2400 x 1600px
- Product images: 2048 x 2048px (square)
- Lifestyle images: 1600 x 1200px
- Format: Save as JPG (not PNG unless it's your logo)
- File size: Under 500KB per image
Naming
- Use descriptive names:
iverywhere-vest-ivory-front.jpg
- Not:
IMG_1234.jpg
- Lowercase letters
- Hyphens, not spaces
- Include color/variant in name
How to Resize (Free Tools)
- Mac: Preview → Tools → Adjust Size
- Windows: Paint → Resize
- Online: Canva.com (free)
- Phone: Any photo editor app
How to Compress
- Go to TinyPNG.com
- Drag your images
- Download compressed versions
- Use these for your site
The queue
Current images to replace
Priority 1: Homepage Hero
Current: Art-directed desktop + mobile film clips with an always-on poster fallback (shipped Jul 2026) — no longer SS25.png / hero-mobile.webp
Replace with: Nothing needed now — revisit only if the ~Jul 24 shoot produces a stronger hero
How
- Theme Editor → Click hero banner
- Desktop image → Upload your hero image
- Mobile image → Upload vertical crop of same image
- Save
Priority 2: Product Pages
Current: Live vendor mock-ups (already swapped off trademarked refs) — awaiting real packshots from the ~Jul 24 studio shoot
Add: 6-8 images per product
Images needed per product
- Front view on model
- Side view
- Back view
- Lifestyle shot (person wearing it)
- Fabric close-up
- Detail shot (button/tag)
How
- Products → Select product
- Media → Add media
- Upload all 6-8 images
- Drag to correct order
- Save
Priority 3: About/Story Section
Current: About page exists and is linked in the nav (Shop / Sets / Journal / About)
Add: Your photo, behind-the-scenes
How
- Theme Editor → Add section → Rich text
- Write your story
- Add image → Upload your photo
- Save
Filenames
Image naming system
Use this format:
brand-product-color-view-size.jpg
Good
iverywhere-vest-ivory-front-womens.jpg
iverywhere-vest-black-side-mens.jpg
iverywhere-vest-detail-fabric.jpg
Bad
IMG_1234.jpg
photo.jpg
vest.jpg
Why This Matters
- Easy to find images later
- Good for SEO (Google sees filename)
- Keeps things organized
- Makes swapping easier
The grade
Image editing quick tips
On Your Phone (Free Apps)
VSCO (Best for Minnow look)
- Import photo
- Apply filter: A6, C1, or F2
- Reduce intensity to 50-70%
- Adjust: Lower saturation by 1-2 notches
- Save and export
Snapseed
- Import photo
- Tools → Tune Image
- Brightness: +5 to +10
- Saturation: -10 to -20
- Warmth: +5
- Export
On Computer (Free)
Photopea.com
- Open photo
- Image → Image Size → Resize
- Adjustments → Brightness/Contrast
- Adjustments → Hue/Saturation (reduce saturation)
- File → Export As → JPG
Minnow Color Style
Slightly faded (less saturation)
Warm tones (not cool blue)
Soft shadows (not harsh black)
Natural, not overly edited
Verify
After you upload checklist
Test Everything
- View on desktop - does image look good?
- View on mobile - is it cropped correctly?
- Images loading fast? (under 2 seconds)
- No pixelation or blurriness?
- Correct order on product pages?
SEO Checklist
- Added ALT text to each image
- Used descriptive filenames
- Images are optimized (compressed)
- Products have multiple images
How to Add ALT Text
- Products → Media → Click image
- Add alt text in field
- Example: "Woman wearing ivory Iverywhere vest outdoors"
- Save
Watch out
Common mistakes to avoid
Do
Compress images before uploading
Keep consistent style across all photos
Check mobile version always
Use high-quality, sharp images
Show your actual product
Don't
Upload huge files (10MB+) - site will be slow
Use screenshots - pixelated and unprofessional
Mix different photo styles - looks inconsistent
Forget mobile crops - check how it looks on phone
Use stock photos that look obviously fake
Stay organized
Image tracking system
Create a simple checklist:
Homepage:
[ ] Hero image - desktop
[ ] Hero image - mobile
[ ] About section image
[ ] Feature section 1
[ ] Feature section 2
Products:
[ ] Vest Ivory - 8 images uploaded
[ ] Vest Black - 8 images uploaded
[ ] All products have ALT text
Pages:
[ ] About page - founder photo
[ ] About page - mission image
[ ] Size guide - visual guide
Update this as you replace images!
When it breaks
Troubleshooting
Image Won't Upload
- File too big? Compress at TinyPNG.com
- Wrong format? Save as JPG (not HEIC from iPhone)
- Image too large? Resize to recommended dimensions
Image Looks Blurry
- Too small? Use higher resolution original
- Over-compressed? Re-export at higher quality
- Wrong aspect ratio? Crop to correct dimensions first
Image Not Showing
- Did you save? Click save after uploading
- Cache issue? Clear browser cache (Cmd+Shift+R)
- Wrong field? Double-check you selected right image spot
Small screens
Mobile-specific tips
For Homepage Hero
- Upload separate mobile image (vertical crop)
- Make sure main subject is centered
- Test on actual phone, not just resizing browser
For Product Images
- They're automatically responsive (Shopify handles it)
- Just make sure they're high quality
- Square images work best (2048x2048)
Practice
Your first image swap (practice!)
Let's replace your homepage hero image:
- Find your best photo (person wearing vest)
- Resize to 2400 x 1600px (Canva.com is easy)
- Compress at TinyPNG.com
- Rename:
iverywhere-hero-main.jpg
- Go to Shopify → Online Store → Themes → Customize
- Click on hero banner section
- Image → Select image → Upload
- Choose your image
- Click Select
- Save
Done! Your hero is updated. Now do the same for mobile (vertical crop).
Cheat sheet
Quick reference
| Image sizes | Hero: 2400 x 1600 · Product: 2048 x 2048 · Lifestyle: 1600 x 1200 · Mobile hero: 800 x 1200 |
|---|
| File sizes | Target: 200-500KB · Max: 1MB |
|---|
| Format | Photos: JPG · Logos: PNG |
|---|
| Compress | TinyPNG.com · Squoosh.app |
|---|
| Edit | VSCO (phone) · Photopea.com (computer) |
|---|
From here
Next steps
- Today: Replace homepage hero with your best image
- This Week: Add all product images (6-8 per product)
- Next Week: Add about/story images
- Ongoing: Replace placeholders as you get better photos
You've got this! Start with one image today.