Skip to content

Avatar Cropper ​

The Avatar Cropper allows you to upload and adjust profile images for AI guides

Overview ​

The cropper provides:

  • Choose image
  • Suggested and Search images from Pexels image database
  • Upload your own image
  • Crop and resize
  • Zoom and position
  • Preview before saving

Using the Cropper ​

Step 1: Upload Image ​

  1. Click Choose Avatar
  2. Go to the 4th tab "Upload"
  3. Drag and drop or click to upload image
  4. Supported formats: JPG, PNG, GIF, WebP
  5. Maximum size: 10 MB

Step 2: Crop Image ​

  1. Drag to position the image
  2. Use zoom slider to resize
  3. Crop circle shows final result

Step 3: Save ​

  1. Click "Save"
  2. Image is processed and saved
  3. Appears throughout the interface

Crop Options ​

Zoom ​

  • Use slider to zoom in/out
  • Scroll wheel also works
  • Pinch on touch devices

Position ​

  • Click and drag to move
  • Center important content
  • Check preview circle

Best Practices ​

Image Selection ​

  • Use clear, high-quality images
  • Choose images that work at small sizes
  • Consider the context (professional vs casual)

For Profiles ​

  • Face should be centered
  • Good lighting
  • Appropriate background

For AI Guides ​

  • Recognizable at small size
  • Matches brand style
  • Professional appearance

Troubleshooting ​

Image Won't Upload ​

  • Check file size (max 10 MB)
  • Verify format (JPG, PNG, GIF, WebP)
  • Try different browser

Poor Quality ​

  • Use higher resolution source
  • Avoid excessive zoom
  • Check original image quality
  • /dashboard/guides - Edit profile
  • See: user settings, guide-identity

Gryffi Community Edition is open source under the AGPL-3.0.