Using Images

Use clear images, keep files small, and use the built-in Unsplash picker when available.

Sources

Built-in Unsplash Picker (Recommended)

Most image fields in Sanity have a built-in Unsplash picker:

1. Click on the image field
2. Select Unsplash from the source options
3. Search for an image and click to select it
4. The image is automatically uploaded to your Sanity media library

This is available for:

• Hero images (Homepage, About, Contact, Blog)
• Section images (Why Us, Story, CTA backgrounds)
• Community and Office photos
• Credential logos
• All Valmark page images

Your Own Files

Upload JPG/PNG/WebP directly:

• Team headshots
• Office logos
• Custom photos

Quick Sizes

• Logo: ~200x60 PNG/SVG, under 200KB.
• Team photo: 400x400 JPG/PNG, under 500KB (most recent phone photos are fine).
• Hero: 1920x1080 JPG, under 500KB.
• Blog featured: 1200x630 JPG/PNG, under 500KB.
• Section images: 800x600 JPG/PNG, under 300KB.

Fast Tips

• Team photos: professional headshots, similar background/light, centered.
• Backgrounds: not too busy; text should stay readable; avoid big faces behind text.
• Logos: transparent PNG; simple shapes look best on light and dark.

Keep Pages Fast

• Resize before uploading; don’t use giant files. The site optimizes images on delivery, but smaller uploads help.
• Compress with TinyPNG or Squoosh.
• JPG for photos; PNG for logos/graphics.

If It Looks Wrong

• Image not showing: try re-uploading or selecting a different image.
• Blurry: start with a higher-resolution source.
• Slow page: compress/resize before uploading.
• Wrong shape: crop to the sizes above before uploading.