starred/immich

Fork 0

mirror of https://github.com/immich-app/immich.git synced 2026-03-02 22:57:45 -05:00

[Web UI] User profile picture ratio should be 1:1 #6026

New issue

Closed

opened 2026-02-20 04:07:30 -05:00 by deekerman · 4 comments

deekerman commented

2026-02-20 04:07:30 -05:00

Owner

Originally created by @ngdangtu-vn on GitHub (Jul 22, 2025).

I have searched the existing issues, both open and closed, to make sure this is not a duplicate report.

The bug

Right now, the avatar (user profile picture) is cropped to the ratio of original photo. Which means if your photo is portrait, it will have rectangle shape. Therefore, your avatar fails to display as you have aligned. See "additional info" section for screenshots.

The OS that Immich Server is running on

Linux hostname 6.12.34+rpt-rpi-v8 #1 SMP PREEMPT Debian 1:6.12.34-1+rpt1~bookworm (2025-06-26) aarch64 GNU/Linux

Version of Immich Server

v1.135.3

Version of Immich Mobile App

v1.135.3

Platform with the issue

Server
Web
Mobile

Your docker-compose.yml content

#
# WARNING: To install Immich, follow our guide: https://immich.app/docs/install/docker-compose
#
# Make sure to use the docker-compose.yml of the current release:
#
# https://github.com/immich-app/immich/releases/latest/download/docker-compose.yml
#
# The compose file on main may not be compatible with the latest release.

name: immich

services:
  immich-server:
    container_name: immich_server
    image: ghcr.io/immich-app/immich-server:${IMMICH_VERSION:-release}
    # extends:
    #   file: hwaccel.transcoding.yml
    #   service: cpu # set to one of [nvenc, quicksync, rkmpp, vaapi, vaapi-wsl] for accelerated transcoding
    volumes:
      # Do not edit the next line. If you want to change the media storage location on your system, edit the value of UPLOAD_LOCATION in the .env file
      - ${UPLOAD_LOCATION}:/usr/src/app/upload
      - /etc/localtime:/etc/localtime:ro
    env_file:
      - .env
    ports:
      - '2283:2283'
    depends_on:
      - redis
      - database
    restart: always
    healthcheck:
      disable: false

  immich-machine-learning:
    container_name: immich_machine_learning
    # For hardware acceleration, add one of -[armnn, cuda, rocm, openvino, rknn] to the image tag.
    # Example tag: ${IMMICH_VERSION:-release}-cuda
    image: ghcr.io/immich-app/immich-machine-learning:${IMMICH_VERSION:-release}
    # extends: # uncomment this section for hardware acceleration - see https://immich.app/docs/features/ml-hardware-acceleration
    #   file: hwaccel.ml.yml
    #   service: cpu # set to one of [armnn, cuda, rocm, openvino, openvino-wsl, rknn] for accelerated inference - use the `-wsl` version for WSL2 where applicable
    volumes:
      - model-cache:/cache
    env_file:
      - .env
    restart: always
    healthcheck:
      disable: false

  redis:
    container_name: immich_redis
    image: docker.io/valkey/valkey:8-bookworm@sha256:fec42f399876eb6faf9e008570597741c87ff7662a54185593e74b09ce83d177
    healthcheck:
      test: redis-cli ping || exit 1
    restart: always

  database:
    container_name: immich_postgres
    image: ghcr.io/immich-app/postgres:14-vectorchord0.4.3-pgvectors0.2.0
    environment:
      POSTGRES_PASSWORD: ${DB_PASSWORD}
      POSTGRES_USER: ${DB_USERNAME}
      POSTGRES_DB: ${DB_DATABASE_NAME}
      POSTGRES_INITDB_ARGS: '--data-checksums'
      # Uncomment the DB_STORAGE_TYPE: 'HDD' var if your database isn't stored on SSDs
      # DB_STORAGE_TYPE: 'HDD'
    volumes:
      # Do not edit the next line. If you want to change the database storage location on your system, edit the value of DB_DATA_LOCATION in the .env file
      - ${DB_DATA_LOCATION}:/var/lib/postgresql/data
    restart: always

volumes:
  model-cache:

Your .env content

# You can find documentation for all the supported env variables at https://immich.app/docs/install/environment-variables

# The location where your uploaded files are stored
UPLOAD_LOCATION=$P_DB/immich/gallery

# The location where your database files are stored. Network shares are not supported for the database
DB_DATA_LOCATION=$P_DB/immich/postgres

# To set a timezone, uncomment the next line and change Etc/UTC to a TZ identifier from this list: https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List
TZ=Asia/Ho_Chi_Minh

# The Immich version to use. You can pin this to a specific version like "v1.71.0"
IMMICH_VERSION=release

# Connection secret for postgres. You should change it to a random password
# Please use only the characters `A-Za-z0-9`, without special characters or spaces
DB_PASSWORD=**************************

# The values below this line do not need to be changed
###################################################################################
DB_USERNAME=postgres
DB_DATABASE_NAME=immich

Reproduction steps

select a portrait photo
select "Set as profile picture"
zoom in to object you want to cut out (for avatar)
save

Relevant log output

Additional information

origin is portrait

origin is landscape

Originally created by @ngdangtu-vn on GitHub (Jul 22, 2025). ### I have searched the existing issues, both open and closed, to make sure this is not a duplicate report. - [x] Yes ### The bug Right now, the avatar (user profile picture) is cropped to the ratio of original photo. Which means if your photo is portrait, it will have rectangle shape. Therefore, your avatar fails to display as you have aligned. See "additional info" section for screenshots. ### The OS that Immich Server is running on Linux hostname 6.12.34+rpt-rpi-v8 #1 SMP PREEMPT Debian 1:6.12.34-1+rpt1~bookworm (2025-06-26) aarch64 GNU/Linux ### Version of Immich Server v1.135.3 ### Version of Immich Mobile App v1.135.3 ### Platform with the issue - [ ] Server - [x] Web - [ ] Mobile ### Your docker-compose.yml content ```YAML # # WARNING: To install Immich, follow our guide: https://immich.app/docs/install/docker-compose # # Make sure to use the docker-compose.yml of the current release: # # https://github.com/immich-app/immich/releases/latest/download/docker-compose.yml # # The compose file on main may not be compatible with the latest release. name: immich services: immich-server: container_name: immich_server image: ghcr.io/immich-app/immich-server:${IMMICH_VERSION:-release} # extends: # file: hwaccel.transcoding.yml # service: cpu # set to one of [nvenc, quicksync, rkmpp, vaapi, vaapi-wsl] for accelerated transcoding volumes: # Do not edit the next line. If you want to change the media storage location on your system, edit the value of UPLOAD_LOCATION in the .env file - ${UPLOAD_LOCATION}:/usr/src/app/upload - /etc/localtime:/etc/localtime:ro env_file: - .env ports: - '2283:2283' depends_on: - redis - database restart: always healthcheck: disable: false immich-machine-learning: container_name: immich_machine_learning # For hardware acceleration, add one of -[armnn, cuda, rocm, openvino, rknn] to the image tag. # Example tag: ${IMMICH_VERSION:-release}-cuda image: ghcr.io/immich-app/immich-machine-learning:${IMMICH_VERSION:-release} # extends: # uncomment this section for hardware acceleration - see https://immich.app/docs/features/ml-hardware-acceleration # file: hwaccel.ml.yml # service: cpu # set to one of [armnn, cuda, rocm, openvino, openvino-wsl, rknn] for accelerated inference - use the `-wsl` version for WSL2 where applicable volumes: - model-cache:/cache env_file: - .env restart: always healthcheck: disable: false redis: container_name: immich_redis image: docker.io/valkey/valkey:8-bookworm@sha256:fec42f399876eb6faf9e008570597741c87ff7662a54185593e74b09ce83d177 healthcheck: test: redis-cli ping || exit 1 restart: always database: container_name: immich_postgres image: ghcr.io/immich-app/postgres:14-vectorchord0.4.3-pgvectors0.2.0 environment: POSTGRES_PASSWORD: ${DB_PASSWORD} POSTGRES_USER: ${DB_USERNAME} POSTGRES_DB: ${DB_DATABASE_NAME} POSTGRES_INITDB_ARGS: '--data-checksums' # Uncomment the DB_STORAGE_TYPE: 'HDD' var if your database isn't stored on SSDs # DB_STORAGE_TYPE: 'HDD' volumes: # Do not edit the next line. If you want to change the database storage location on your system, edit the value of DB_DATA_LOCATION in the .env file - ${DB_DATA_LOCATION}:/var/lib/postgresql/data restart: always volumes: model-cache: ``` ### Your .env content ```Shell # You can find documentation for all the supported env variables at https://immich.app/docs/install/environment-variables # The location where your uploaded files are stored UPLOAD_LOCATION=$P_DB/immich/gallery # The location where your database files are stored. Network shares are not supported for the database DB_DATA_LOCATION=$P_DB/immich/postgres # To set a timezone, uncomment the next line and change Etc/UTC to a TZ identifier from this list: https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List TZ=Asia/Ho_Chi_Minh # The Immich version to use. You can pin this to a specific version like "v1.71.0" IMMICH_VERSION=release # Connection secret for postgres. You should change it to a random password # Please use only the characters `A-Za-z0-9`, without special characters or spaces DB_PASSWORD=************************** # The values below this line do not need to be changed ################################################################################### DB_USERNAME=postgres DB_DATABASE_NAME=immich ``` ### Reproduction steps 1. select a portrait photo 2. select "Set as profile picture" 3. zoom in to object you want to cut out (for avatar) 4. save ### Relevant log output ```shell ``` ### Additional information <details> <summary>origin is portrait</summary> <img width="350" alt="" src="https://github.com/user-attachments/assets/caceca3a-ceee-4d1b-971c-657e11497180" /> <img width="350" alt="" src="https://github.com/user-attachments/assets/da431180-5916-4247-9204-e20b0e2f3a05" /> </details> <details> <summary>origin is landscape</summary> <img width="350" alt="" src="https://github.com/user-attachments/assets/01538bc5-0544-4baa-aea8-768349238e76" /> <img width="350" alt="" src="https://github.com/user-attachments/assets/a32b4a7d-6239-4e5c-a434-add77ea59b19" /> </details>

deekerman

2026-02-20 04:07:30 -05:00

closed this issue
added the
good first issue
label

deekerman commented

2026-02-20 04:07:31 -05:00

Author

Owner

@alextran1502 commented on GitHub (Jul 23, 2025):

If you want to work on this, please go ahead

@alextran1502 commented on GitHub (Jul 23, 2025): If you want to work on this, please go ahead

deekerman commented

2026-02-20 04:07:31 -05:00

Author

Owner

@fegerar commented on GitHub (Sep 11, 2025):

Is anyone already working on this? I’d be happy to pick it up if not.

@fegerar commented on GitHub (Sep 11, 2025): Is anyone already working on this? I’d be happy to pick it up if not.

deekerman commented

2026-02-20 04:07:32 -05:00

Author

Owner

@ngdangtu-vn commented on GitHub (Sep 13, 2025):

Hi @fegerar, please do. Thanks btw :)

@ngdangtu-vn commented on GitHub (Sep 13, 2025): Hi @fegerar, please do. Thanks btw :)

deekerman commented

2026-02-20 04:07:32 -05:00

Author

Owner

@dadashussein commented on GitHub (Jan 10, 2026):

I checked the latest dev build and the profile pictures seem to be 1:1 now. Is this issue still relevant or was it fixed by another PR? I can help close this out if it's already resolved.

@dadashussein commented on GitHub (Jan 10, 2026): I checked the latest dev build and the profile pictures seem to be 1:1 now. Is this issue still relevant or was it fixed by another PR? I can help close this out if it's already resolved.

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

starred/immich#6026

No description provided.

Rows
Columns