Image Adjustment Previews

Horizontal, vertical and tint adjustment for website image ratios. Hover over images for tint preview.

Square (1:1)

A headshot
  • Horz. alignment: 50%
  • Vert. alignment: 50%
  • Overlay tint: %

Classic (4:3)

A headshot
  • Horz. alignment: 50%
  • Vert. alignment: 50%
  • Overlay tint: %

Camera (3:2)Fullscreen Hero Image

A headshot
  • Horz. alignment: 50%
  • Vert. alignment: 50%
  • Overlay tint: %

Widescreen (16:9)Regular Hero Image

A headshot
  • Horz. alignment: 50%
  • Vert. alignment: 50%
  • Overlay tint: %

Cinema (21:9)Short Hero Image

A headshot
  • Horz. alignment: 50%
  • Vert. alignment: 60%
  • Overlay tint: %

Mobile (Fullscreen)

A headshot
  • Horz. alignment: 50%
  • Vert. alignment: 50%
  • Overlay tint: %