Like many others, I came across the "blurry image" issue when uploading images to my site.
First I uploaded an image (a book cover) replacing a dummy image, and it was fine, sharp and clear, as it is on my computer. Then, uploaded the very same image to different pages... and uh, what the fuh... blurry.
Didn't matter what size/jpeg/png/resolution/photoshop/illustrator – it was blurry. Read the weebly community threads. No apparent solution... png was better though, but still not great.
Why that one sharp image then? Well, if you "trap" the image between two spacers then for some reason the site doesn't resize the image, losing its resolution.
Obviously this isn't ideal, but it is a quick and dirty fix. But come on weebly, if I upload an image I just want it to look sharp, I shouldn't have to mess about finding a dirty fix when it should just work properly...
Hope this helps other people with a similar problem, at least short term.
Hello Lala! Thanks for sharing this with our Community here!
Some images will be compressed to the space they occupy on the page, which is normal. However, they shouldn't generally result in visible blurring. If your images are appearing out of sorts when being uploaded, definitely let our team know!
Thanks for the info. You can see from these examples, same jpeg used, the visible difference (image 1 much sharper on the actual site):
If you go to my site http://www.foepublishing.com/ you can clearly see that on the home page where I've used the work=around the res is vastly superior to the "Books" page http://www.foepublishing.com/books.html where I haven't used it.
If there's a fix for this then great, let me know, because using the work-around means that on mobile devices the image is full screen width rather than thumbnail as with, for example the King of the Jungle image.
Web images always use 72 DPI, so using a different DPI wouldn't matter in this case. The logo image is converted much smaller and I have seen it look a little fuzzy depending on the image. Some people have gotten around that by turning off the logo and adding a regular image element at the top of their content below their navigation.
we've been complaining about this for a year and you keep telling us the same thing. OK, we've tried using PNG and 72dpi yet they still look blurry.
i built two new site this month and still have this problem in header and footer
FIX THIS ISSUE
I was also having this issue and found a fix using Adobe Illustrator.
Set up your image in the program and then go to File > Export > Export for Screens > Export Artboard.
The images will be saved in the folder that was selected.
Upload the file named Artboard firstname.lastname@example.org.
It worked for me! Hope this is helpful!
I've had this blurry problem for about 2 years now, and I'm getting real tired of it.. considering quitting weebly because of it - work arounds often doesnt work properly, and results looks unproffesional which is the last thing you want you homepage to look like..