images do not load correctly to my github repository

[Dani2509]

Select Topic Area

Question

Body

the images of my quarto blog ( repo https://github.com/Dani2509/website_quarto/tree/main) do not load correctly, they look ugly and distorted. I deleted them and reloaded them, but for some reason they can't load.

[Saalim-Baba]

There might be a CSS or HTML issue where the image is being displayed beyond its actual dimensions, or the file is being interpreted in an unintended way. The problem could also come frome the cache, sometimes the browser cache can cause images to load improperly. Clearing the cache might resolve the issue.

Here are some solutions I could think of... maybe they'll help you
Inspect with Developer Tools: Use the browser's developer tools to inspect the image element and check for errors.
Review Your Code: Look over your HTML and CSS to ensure that no styles or attributes are causing the image to render incorrectly.
Clear Cache: Clear your browser cache to make sure you are loading the most recent version of the image. You could also try another browser.

[Dani2509]

I cleared the browser cache but the image is still corrupted. I even load a new image and it still appears corrupted when I upload it to github.

[LiteBrite82]

Thanks for posting in the GitHub Community, @Dani2509 !

We're happy you're here. You are more likely to get a useful response if you are posting your question in the applicable category, the Discussions category is solely related to conversations around the GitHub product Discussions. This question should be in the Repositories category. I've gone ahead and moved it for you. Good luck!

[Dani2509]

Thanks you

[github-actions[bot]]

🕒 Discussion Activity Reminder 🕒

This Discussion has been labeled as dormant by an automated system for having no activity in the last 60 days. Please consider one the following actions:

1️⃣ Close as Out of Date: If the topic is no longer relevant, close the Discussion as out of date at the bottom of the page.

2️⃣ Provide More Information: Share additional details or context — or let the community know if you've found a solution on your own.

3️⃣ Mark a Reply as Answer: If your question has been answered by a reply, mark the most helpful reply as the solution.

Note: This dormant notification will only apply to Discussions with the Question label. To learn more, see our recent announcement.

Thank you for helping bring this Discussion to a resolution! 💬