Avatar Change Issues Thread

[LevelUp]

You have to resize it @bdizzle I use this site

Image Resizer | Easily Resize Images Online for FREE

Image Resizer. Quickly resize image files online at the highest image quality. No software to install and easy to use.

imageresizer.com

You have to put the dimensions below 100 I believe

@3rdWorld here breh

 

[KnickstapeCity]

Brehs, I need help please!

 

[Remote]

Brehs, I need help please!

I had to resize the photo I wanted to use down to something crazy small.

Like 50 x 50 or something until the file size was tiny enough that the coli would accept it.

But I have zero clue what actually works.

 

[KnickstapeCity]

I had to resize the photo I wanted to use down to something crazy small.

Like 50 x 50 or something until the file size was tiny enough that the coli would accept it.

But I have zero clue what actually works.

It worked and I tried again doing the same shyt but with a different picture and it wouldn’t work...

 

[MenacingMonk]

Damn, so this shyt has been going on for some time? Even resizing does nothing.

edit: resize dimensions 102x108 got mine to go through.

 

[Rozay Oro]

Damn, so this shyt has been going on for some time? Even resizing does nothing.

edit: resize dimensions 102x108 got mine to go through.

you still got a T tho

 

[MenacingMonk]

you still got a T tho

Because I deleted it.

 

[Flight]

Anyone else have trouble even after resizing pictures?

 

[shutterguy]

Still can't change it with it being 100 x 92px. Insanity

 

[Gizmo_Duck]

Lol

 

[thaKEAF]

 

[Ohene]

how long this been going on

 

[Paper Boi]

how long this been going on

years

 

[Crumple]

How can this be fixed?

Would fixing it mess up other sections of the Site? I feel that fixing it would make the Coli more fresh and Dynamic.

 

[bnew]

Damn, so this shyt has been going on for some time? Even resizing does nothing.

edit: resize dimensions 102x108 got mine to go through.

used these dimensions for the default for this Coli avatar image resizer I made with Deepseek-R1-Lite.

Spoiler: initial prompt

Design and implement a user-centric HTML, CSS, and JavaScript website that enables users to upload and resize images within their compatible Chrome or Firefox browser, utilizing local storage for the resulting image. The website should provide clear instructions and tips on how to use the image resizing feature. Ensure the following requirements are met: - Input: Allow users to upload image files of any size through a file dialog or by pasting (Ctrl-V) image data. - Output: Resize the image to a fixed size of 102x108 pixels or a user-defined size, while maintaining the aspect ratio. - Browser Compatibility: Ensure seamless functionality across compatible Chrome and Firefox browsers, adhering to browser-specific storage limitations. - User Guidance: Offer intuitive instructions and helpful tips for users to effectively utilize the image resizing feature. - Local Storage: Store the resized image locally within the user's browser storage. - Adaptive Reasoning: Incorporate dynamic reasoning processes to handle varying image sizes, user-defined sizes, and browser-specific limitations. upload to local browser storage and the site processes the file from there.

Spoiler: initial prompt for chatgpt version

Design and implement a user-centric HTML, CSS, and JavaScript website that enables users to upload and resize images within their compatible Chrome or Firefox browser, utilizing local storage for the resulting image. The website should provide clear instructions and tips on how to use the image resizing feature. Ensure the following requirements are met:

- **Input**: Allow users to upload image files of any size through a file dialog or by pasting (Ctrl-V) image data.
- **Output**: Resize the image to a fixed size of 102x108 pixels or a user-defined size, while maintaining the aspect ratio.
- **Browser Compatibility**: Ensure seamless functionality across compatible Chrome and Firefox browsers, adhering to browser-specific storage limitations.
- **User Guidance**: Offer intuitive instructions and helpful tips for users to effectively utilize the image resizing feature.
- **Local Storage**: Store the resized image locally within the user's browser storage.
- **Adaptive Reasoning**: Incorporate dynamic reasoning processes to handle varying image sizes, user-defined sizes, and browser-specific limitations.
- **Additional Features**:
- **Image Preview**: Allow users to preview the uploaded or pasted image before resizing.
- **Download Button**: Provide a quick download button for the resized image.
- **Remove Button**: Allow users to remove the resized image from local storage to avoid data mishaps.
- **Global Paste Handling**: Enable users to paste images anywhere on the webpage using Ctrl+V.
- **Toast Notifications**: Use brief toast notifications for user feedback (success, error, etc.).
- **Responsive Design**: Ensure the website is responsive and works well on different screen sizes.
- **Error Handling**: Gracefully handle errors (e.g., invalid file types, missing dimensions, etc.).
- **Clear Instructions**: Provide clear and concise instructions for users to follow.
- **Accessibility**: Ensure the website is accessible to all users, including those using screen readers.
- **Cross-Browser Testing**: Test the website thoroughly in Chrome and Firefox to ensure compatibility.
- **Local Storage Management**: Handle cases where local storage is full or the user clears it.

Upload to local browser storage and the site processes the file from there.