diff --git a/src/screens/Onboarding/StepProfile/AvatarCircle.tsx b/src/screens/Onboarding/StepProfile/AvatarCircle.tsx index 5411a72b26..b82df0087b 100644 --- a/src/screens/Onboarding/StepProfile/AvatarCircle.tsx +++ b/src/screens/Onboarding/StepProfile/AvatarCircle.tsx @@ -81,7 +81,6 @@ export function AvatarCircle() { image = await compressIfNeeded(image, 1000000) LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut) - // If we are on mobile, prefetching the image will load the image into memory before we try and display it, // stopping any brief flickers. if (isNative) { diff --git a/src/screens/Onboarding/StepProfile/PlaceholderCanvas.tsx b/src/screens/Onboarding/StepProfile/PlaceholderCanvas.tsx index 15a68520b6..a75b9ddae9 100644 --- a/src/screens/Onboarding/StepProfile/PlaceholderCanvas.tsx +++ b/src/screens/Onboarding/StepProfile/PlaceholderCanvas.tsx @@ -5,6 +5,8 @@ import {View} from 'react-native' import {atoms as a} from '#/alf' +const SIZE_MULTIPLIER = 1.5 + export interface PlaceholderCanvasRef { capture: () => Promise } @@ -23,7 +25,7 @@ export const PlaceholderCanvas = React.forwardRef( imageContainer: [ a.align_center, a.justify_center, - {height: 150 * 5, width: 150 * 5}, + {height: 150 * SIZE_MULTIPLIER, width: 150 * SIZE_MULTIPLIER}, ], }), [], @@ -42,7 +44,9 @@ export const PlaceholderCanvas = React.forwardRef( options={{ fileName: 'placeholderAvatar', format: 'jpg', - quality: 1.0, + quality: 0.8, + height: 150 * SIZE_MULTIPLIER, + width: 150 * SIZE_MULTIPLIER, }}> ( {backgroundColor: avatar.backgroundColor}, ]} collapsable={false}> - +